#66af96 hex color

In a RGB color space, hex #66af96 is composed of 40% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 0% magenta, 14.3% yellow and 31.4% black. It has a hue angle of 159.5 degrees, a saturation of 31.3% and a lightness of 54.3%. #66af96 color hex could be obtained by blending #ccffff with #005f2d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 40
- G 69
- B 59
RGB color chart
- C 42
- M 0
- Y 14
- K 31
CMYK color chart

● #66af96 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #66af96 has RGB values of R:102, G:175, B:150 and CMYK values of C:0.42, M:0, Y:0.14, K:0.31. Its decimal value is 6729622.

Hex triplet	66af96	`#66af96`
RGB Decimal	102, 175, 150	`rgb(102,175,150)`
RGB Percent	40, 68.6, 58.8	`rgb(40%,68.6%,58.8%)`
CMYK	42, 0, 14, 31
HSL	159.5°, 31.3, 54.3	`hsl(159.5,31.3%,54.3%)`
HSV (or HSB)	159.5°, 41.7, 68.6
Web Safe	669999	`#669999`

CIE-LAB	66.279, -28.778, 5.704
XYZ	26.313, 35.685, 34.354
xyY	0.273, 0.37, 35.685
CIE-LCH	66.279, 29.338, 168.788
CIE-LUV	66.279, -34.021, 12.816
Hunter-Lab	59.737, -25.915, 7.719
Binary	01100110, 10101111, 10010110

#66af96
```
#66af96 rgb(102,175,150)
```
#af667f
```
#af667f rgb(175,102,127)
```

Complementary Color

#66af72
```
#66af72 rgb(102,175,114)
```
#66af96
```
#66af96 rgb(102,175,150)
```
#66a4af
```
#66a4af rgb(102,164,175)
```

Analogous Color

#af7266
```
#af7266 rgb(175,114,102)
```
#66af96
```
#66af96 rgb(102,175,150)
```
#af66a4
```
#af66a4 rgb(175,102,164)
```

Split Complementary Color

#af9666
```
#af9666 rgb(175,150,102)
```
#66af96
```
#66af96 rgb(102,175,150)
```
#9666af
```
#9666af rgb(150,102,175)
```

Triadic Color

#7faf66
```
#7faf66 rgb(127,175,102)
```
#66af96
```
#66af96 rgb(102,175,150)
```
#9666af
```
#9666af rgb(150,102,175)
```
#af667f
```
#af667f rgb(175,102,127)
```

Tetradic Color

#45846e
```
#45846e rgb(69,132,110)
```
#4e947c
```
#4e947c rgb(78,148,124)
```
#56a58a
```
#56a58a rgb(86,165,138)
```
#66af96
```
#66af96 rgb(102,175,150)
```
#77b8a1
```
#77b8a1 rgb(119,184,161)
```
#87c1ad
```
#87c1ad rgb(135,193,173)
```
#98c9b8
```
#98c9b8 rgb(152,201,184)
```

Monochromatic Color

Below, you can see some colors close to #66af96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#66af84
```
#66af84 rgb(102,175,132)
```
#66af8a
```
#66af8a rgb(102,175,138)
```
#66af90
```
#66af90 rgb(102,175,144)
```
#66af96
```
#66af96 rgb(102,175,150)
```
#66af9c
```
#66af9c rgb(102,175,156)
```
#66afa2
```
#66afa2 rgb(102,175,162)
```
#66afa8
```
#66afa8 rgb(102,175,168)
```

Similar Colors

Text with hexadecimal color #66af96

This text has a font color of #66af96.

<span style="color:#66af96;">Text here</span>

#66af96 background color

This paragraph has a background color of #66af96.

<p style="background-color:#66af96;">Content here</p>

#66af96 border color

This element has a border color of #66af96.

<div style="border:1px solid #66af96;">Content here</div>

CSS codes

.text {color:#66af96;}

.background {background-color:#66af96;}

.border {border:1px solid #66af96;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010201 is the darkest color, while #f4f9f7 is the lightest one.

#010201
```
#010201 rgb(1,2,1)
```
#080e0c
```
#080e0c rgb(8,14,12)
```
#0e1b17
```
#0e1b17 rgb(14,27,23)
```
#152822
```
#152822 rgb(21,40,34)
```
#1c352c
```
#1c352c rgb(28,53,44)
```
#224237
```
#224237 rgb(34,66,55)
```
#294f42
```
#294f42 rgb(41,79,66)
```
#305c4d
```
#305c4d rgb(48,92,77)
```
#376958
```
#376958 rgb(55,105,88)
```
#3d7562
```
#3d7562 rgb(61,117,98)
```
#44826d
```
#44826d rgb(68,130,109)
```
#4b8f78
```
#4b8f78 rgb(75,143,120)
```
#529c83
```
#529c83 rgb(82,156,131)
```

Shade Color Variation

#59a88d
```
#59a88d rgb(89,168,141)
```
#66af96
```
#66af96 rgb(102,175,150)
```
#73b69f
```
#73b69f rgb(115,182,159)
```
#80bca8
```
#80bca8 rgb(128,188,168)
```
#8dc3b1
```
#8dc3b1 rgb(141,195,177)
```
#9acab9
```
#9acab9 rgb(154,202,185)
```
#a6d1c2
```
#a6d1c2 rgb(166,209,194)
```
#b3d7cb
```
#b3d7cb rgb(179,215,203)
```
#c0ded4
```
#c0ded4 rgb(192,222,212)
```
#cde5dd
```
#cde5dd rgb(205,229,221)
```
#daece6
```
#daece6 rgb(218,236,230)
```
#e7f2ee
```
#e7f2ee rgb(231,242,238)
```
#f4f9f7
```
#f4f9f7 rgb(244,249,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8b8b is the less saturated color, while #1ef7ad is the most saturated one.

#8a8b8b
```
#8a8b8b rgb(138,139,139)
```
#81948e
```
#81948e rgb(129,148,142)
```
#789d90
```
#789d90 rgb(120,157,144)
```
#6fa693
```
#6fa693 rgb(111,166,147)
```
#66af96
```
#66af96 rgb(102,175,150)
```
#5db899
```
#5db899 rgb(93,184,153)
```
#54c19c
```
#54c19c rgb(84,193,156)
```
#4bca9e
```
#4bca9e rgb(75,202,158)
```
#42d3a1
```
#42d3a1 rgb(66,211,161)
```
#39dca4
```
#39dca4 rgb(57,220,164)
```
#30e5a7
```
#30e5a7 rgb(48,229,167)
```
#27eeaa
```
#27eeaa rgb(39,238,170)
```
#1ef7ad
```
#1ef7ad rgb(30,247,173)
```

Tone Color Variation

Below, you can see how #66af96 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#969696 Achromatopsia 0.005% of the population
#8c9b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca594 Protanopia 1% of men
#b6a0a1 Deuteranopia 1% of men
#77aebb Tritanopia 0.001% of the population

Trichromacy

#93a895 Protanomaly 1% of men, 0.01% of women
#99a69d Deuteranomaly 6% of men, 0.4% of women
#71aead Tritanomaly 0.01% of the population

#66af96 hex color

#66af96 Color Information

#66af96 Color Conversion

Color Schemes with #66af96

Alternatives to #66af96

#66af96 Preview

Shades and Tints of #66af96

Tones of #66af96

Color Blindness Simulator