#66af7f hex color

In a RGB color space, hex #66af7f is composed of 40% red, 68.6% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 0% magenta, 27.4% yellow and 31.4% black. It has a hue angle of 140.5 degrees, a saturation of 31.3% and a lightness of 54.3%. #66af7f color hex could be obtained by blending #ccfffe with #005f00. Closest websafe color is: #669966.

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

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

The hexadecimal color #66af7f has RGB values of R:102, G:175, B:127 and CMYK values of C:0.42, M:0, Y:0.27, K:0.31. Its decimal value is 6729599.

Hex triplet	66af7f	`#66af7f`
RGB Decimal	102, 175, 127	`rgb(102,175,127)`
RGB Percent	40, 68.6, 49.8	`rgb(40%,68.6%,49.8%)`
CMYK	42, 0, 27, 31
HSL	140.5°, 31.3, 54.3	`hsl(140.5,31.3%,54.3%)`
HSV (or HSB)	140.5°, 41.7, 68.6
Web Safe	669966	`#669966`

CIE-LAB	65.761, -33.608, 17.627
XYZ	24.639, 35.016, 25.538
xyY	0.289, 0.411, 35.016
CIE-LCH	65.761, 37.95, 152.324
CIE-LUV	65.761, -34.645, 29.658
Hunter-Lab	59.174, -29.231, 15.834
Binary	01100110, 10101111, 01111111

#66af7f
```
#66af7f rgb(102,175,127)
```
#af6696
```
#af6696 rgb(175,102,150)
```

Complementary Color

#72af66
```
#72af66 rgb(114,175,102)
```
#66af7f
```
#66af7f rgb(102,175,127)
```
#66afa4
```
#66afa4 rgb(102,175,164)
```

Analogous Color

#af6672
```
#af6672 rgb(175,102,114)
```
#66af7f
```
#66af7f rgb(102,175,127)
```
#a466af
```
#a466af rgb(164,102,175)
```

Split Complementary Color

#af7f66
```
#af7f66 rgb(175,127,102)
```
#66af7f
```
#66af7f rgb(102,175,127)
```
#7f66af
```
#7f66af rgb(127,102,175)
```

Triadic Color

#96af66
```
#96af66 rgb(150,175,102)
```
#66af7f
```
#66af7f rgb(102,175,127)
```
#7f66af
```
#7f66af rgb(127,102,175)
```
#af6696
```
#af6696 rgb(175,102,150)
```

Tetradic Color

#45845a
```
#45845a rgb(69,132,90)
```
#4e9466
```
#4e9466 rgb(78,148,102)
```
#56a571
```
#56a571 rgb(86,165,113)
```
#66af7f
```
#66af7f rgb(102,175,127)
```
#77b88d
```
#77b88d rgb(119,184,141)
```
#87c19b
```
#87c19b rgb(135,193,155)
```
#98c9a9
```
#98c9a9 rgb(152,201,169)
```

Monochromatic Color

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

#66af6d
```
#66af6d rgb(102,175,109)
```
#66af73
```
#66af73 rgb(102,175,115)
```
#66af79
```
#66af79 rgb(102,175,121)
```
#66af7f
```
#66af7f rgb(102,175,127)
```
#66af85
```
#66af85 rgb(102,175,133)
```
#66af8b
```
#66af8b rgb(102,175,139)
```
#66af91
```
#66af91 rgb(102,175,145)
```

Similar Colors

Text with hexadecimal color #66af7f

This text has a font color of #66af7f.

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

#66af7f background color

This paragraph has a background color of #66af7f.

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

#66af7f border color

This element has a border color of #66af7f.

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

CSS codes

.text {color:#66af7f;}

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

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

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 #f4f9f6 is the lightest one.

#010201
```
#010201 rgb(1,2,1)
```
#080e0a
```
#080e0a rgb(8,14,10)
```
#0e1b13
```
#0e1b13 rgb(14,27,19)
```
#15281c
```
#15281c rgb(21,40,28)
```
#1c3524
```
#1c3524 rgb(28,53,36)
```
#22422d
```
#22422d rgb(34,66,45)
```
#294f36
```
#294f36 rgb(41,79,54)
```
#305c3f
```
#305c3f rgb(48,92,63)
```
#376948
```
#376948 rgb(55,105,72)
```
#3d7551
```
#3d7551 rgb(61,117,81)
```
#448259
```
#448259 rgb(68,130,89)
```
#4b8f62
```
#4b8f62 rgb(75,143,98)
```
#529c6b
```
#529c6b rgb(82,156,107)
```

Shade Color Variation

#59a874
```
#59a874 rgb(89,168,116)
```
#66af7f
```
#66af7f rgb(102,175,127)
```
#73b68a
```
#73b68a rgb(115,182,138)
```
#80bc95
```
#80bc95 rgb(128,188,149)
```
#8dc39f
```
#8dc39f rgb(141,195,159)
```
#9acaaa
```
#9acaaa rgb(154,202,170)
```
#a6d1b5
```
#a6d1b5 rgb(166,209,181)
```
#b3d7c0
```
#b3d7c0 rgb(179,215,192)
```
#c0deca
```
#c0deca rgb(192,222,202)
```
#cde5d5
```
#cde5d5 rgb(205,229,213)
```
#daece0
```
#daece0 rgb(218,236,224)
```
#e7f2eb
```
#e7f2eb rgb(231,242,235)
```
#f4f9f6
```
#f4f9f6 rgb(244,249,246)
```

Tint Color Variation

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

#8a8b8a
```
#8a8b8a rgb(138,139,138)
```
#819487
```
#819487 rgb(129,148,135)
```
#789d85
```
#789d85 rgb(120,157,133)
```
#6fa682
```
#6fa682 rgb(111,166,130)
```
#66af7f
```
#66af7f rgb(102,175,127)
```
#5db87c
```
#5db87c rgb(93,184,124)
```
#54c179
```
#54c179 rgb(84,193,121)
```
#4bca77
```
#4bca77 rgb(75,202,119)
```
#42d374
```
#42d374 rgb(66,211,116)
```
#39dc71
```
#39dc71 rgb(57,220,113)
```
#30e56e
```
#30e56e rgb(48,229,110)
```
#27ee6b
```
#27ee6b rgb(39,238,107)
```
#1ef768
```
#1ef768 rgb(30,247,104)
```

Tone Color Variation

Below, you can see how #66af7f 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

#949494 Achromatopsia 0.005% of the population
#8b9990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa47f Protanopia 1% of men
#bc9e8c Deuteranopia 1% of men
#7bacb8 Tritanopia 0.001% of the population

Trichromacy

#94a87f Protanomaly 1% of men, 0.01% of women
#9da487 Deuteranomaly 6% of men, 0.4% of women
#73ada3 Tritanomaly 0.01% of the population

#66af7f hex color

#66af7f Color Information

#66af7f Color Conversion

Color Schemes with #66af7f

Alternatives to #66af7f

#66af7f Preview

Shades and Tints of #66af7f

Tones of #66af7f

Color Blindness Simulator