#7af6ee Hex Color

The RBG values of the #7af6ee hex color are 122 (red), 246 (blue), and 238 (green). While the HSL values of #7af6ee are 0.49 (hue), 0.34 (saturation), and 0.72 (lightness).

The CMYK values of #7af6ee are 0.5 (cyan), 0 (magenta), 0.03 (yellow), and 0.04 (black).


#7af6ee Color Spaces Conversions

This are the conversions of #7af6ee to the different color spaces.

Hexadecimal

7af6ee

CIE-Lab

89.9624, -36.5365, -6.8127

RGB

122, 246, 238

CIE-Lch

89.9624, 37.1662, 190.5622

HSL

0.49, 0.34, 0.72

CIE-Luv

89.9624, -52.7729, -4.7715

HSV

0.49, 0.5, 0.96

Hunter-Lab

87.3053, -37.4422, -1.7909

CMYK

0.5, 0, 0.03, 0.04

XYZ

56.4144, 76.2222, 92.6279

Binary

1111010, 11110110, 11101110

YXY

76.2222, 0.2504, 0.3384

#7af6ee Color Schemes

This are some of the common color schemes used in web design for the #7af6ee hex color.

#7af6ee Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #7af6ee to #09827a.

#7af6ee Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #7af6ee to #ffffff.

#7af6ee Similar Hex Colors



#7af6ee Style Preview

Font Color

#7af6ee Font Color
style='color:#7af6ee;'

Background Color

#7af6ee Background Color
style='background:#7af6ee;'

Border Color

#7af6ee Border Color
style='border:2px solid #7af6ee;'

Text Shadow

#7af6ee Text Shadow
style='text-shadow: 4px 4px 2px #7af6ee;'

Shades Gradient

#7af6ee Shades Gradient
style='background: -moz-linear-gradient(top, #7af6ee, #09827a); background: -webkit-linear-gradient(top, #7af6ee, #09827a); background: -o-linear-gradient(top, #7af6ee, #09827a); background: -ms-linear-gradient(top, #7af6ee, #09827a); background: linear-gradient(top, #7af6ee, #09827a);'

Tints Gradient

#7af6ee Tints Gradient
style='background: -moz-linear-gradient(top, #7af6ee, #ffffff); background: -webkit-linear-gradient(top, #7af6ee, #ffffff); background: -o-linear-gradient(top, #7af6ee, #ffffff); background: -ms-linear-gradient(top, #7af6ee, #ffffff); background: linear-gradient(top, #7af6ee, #ffffff);'