#66d1a2 hex color

In a RGB color space, hex #66d1a2 is composed of 40% red, 82% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 0% magenta, 22.5% yellow and 18% black. It has a hue angle of 153.6 degrees, a saturation of 53.8% and a lightness of 61%. #66d1a2 color hex could be obtained by blending #ccffff with #00a345. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 40
- G 82
- B 64
RGB color chart
- C 51
- M 0
- Y 22
- K 18
CMYK color chart

● #66d1a2 color description : Moderate cyan - lime green.

The hexadecimal color #66d1a2 has RGB values of R:102, G:209, B:162 and CMYK values of C:0.51, M:0, Y:0.22, K:0.18. Its decimal value is 6738338.

Hex triplet	66d1a2	`#66d1a2`
RGB Decimal	102, 209, 162	`rgb(102,209,162)`
RGB Percent	40, 82, 63.5	`rgb(40%,82%,63.5%)`
CMYK	51, 0, 22, 18
HSL	153.6°, 53.8, 61	`hsl(153.6,53.8%,61%)`
HSV (or HSB)	153.6°, 51.2, 82
Web Safe	66cc99	`#66cc99`

CIE-LAB	76.698, -41.866, 14.009
XYZ	34.799, 51.032, 42.197
xyY	0.272, 0.399, 51.032
CIE-LCH	76.698, 44.148, 161.498
CIE-LUV	76.698, -47.521, 27.11
Hunter-Lab	71.437, -38.061, 14.984
Binary	01100110, 11010001, 10100010

#66d1a2
```
#66d1a2 rgb(102,209,162)
```
#d16695
```
#d16695 rgb(209,102,149)
```

Complementary Color

#66d16d
```
#66d16d rgb(102,209,109)
```
#66d1a2
```
#66d1a2 rgb(102,209,162)
```
#66cbd1
```
#66cbd1 rgb(102,203,209)
```

Analogous Color

#d16d66
```
#d16d66 rgb(209,109,102)
```
#66d1a2
```
#66d1a2 rgb(102,209,162)
```
#d166cb
```
#d166cb rgb(209,102,203)
```

Split Complementary Color

#d1a266
```
#d1a266 rgb(209,162,102)
```
#66d1a2
```
#66d1a2 rgb(102,209,162)
```
#a266d1
```
#a266d1 rgb(162,102,209)
```

Triadic Color

#95d166
```
#95d166 rgb(149,209,102)
```
#66d1a2
```
#66d1a2 rgb(102,209,162)
```
#a266d1
```
#a266d1 rgb(162,102,209)
```
#d16695
```
#d16695 rgb(209,102,149)
```

Tetradic Color

#36b47d
```
#36b47d rgb(54,180,125)
```
#3fc58a
```
#3fc58a rgb(63,197,138)
```
#52cb96
```
#52cb96 rgb(82,203,150)
```
#66d1a2
```
#66d1a2 rgb(102,209,162)
```
#7ad7ae
```
#7ad7ae rgb(122,215,174)
```
#8dddba
```
#8dddba rgb(141,221,186)
```
#a1e3c6
```
#a1e3c6 rgb(161,227,198)
```

Monochromatic Color

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

#66d187
```
#66d187 rgb(102,209,135)
```
#66d190
```
#66d190 rgb(102,209,144)
```
#66d199
```
#66d199 rgb(102,209,153)
```
#66d1a2
```
#66d1a2 rgb(102,209,162)
```
#66d1ab
```
#66d1ab rgb(102,209,171)
```
#66d1b4
```
#66d1b4 rgb(102,209,180)
```
#66d1bd
```
#66d1bd rgb(102,209,189)
```

Similar Colors

Text with hexadecimal color #66d1a2

This text has a font color of #66d1a2.

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

#66d1a2 background color

This paragraph has a background color of #66d1a2.

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

#66d1a2 border color

This element has a border color of #66d1a2.

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

CSS codes

.text {color:#66d1a2;}

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

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

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, #040d09 is the darkest color, while #fdfefe is the lightest one.

#040d09
```
#040d09 rgb(4,13,9)
```
#081c13
```
#081c13 rgb(8,28,19)
```
#0d2b1e
```
#0d2b1e rgb(13,43,30)
```
#113a28
```
#113a28 rgb(17,58,40)
```
#164933
```
#164933 rgb(22,73,51)
```
#1b583d
```
#1b583d rgb(27,88,61)
```
#1f6748
```
#1f6748 rgb(31,103,72)
```
#247652
```
#247652 rgb(36,118,82)
```
#28865d
```
#28865d rgb(40,134,93)
```
#2d9567
```
#2d9567 rgb(45,149,103)
```
#31a471
```
#31a471 rgb(49,164,113)
```
#36b37c
```
#36b37c rgb(54,179,124)
```
#3ac286
```
#3ac286 rgb(58,194,134)
```

Shade Color Variation

#48c890
```
#48c890 rgb(72,200,144)
```
#57cc99
```
#57cc99 rgb(87,204,153)
```
#66d1a2
```
#66d1a2 rgb(102,209,162)
```
#75d6ab
```
#75d6ab rgb(117,214,171)
```
#84dab4
```
#84dab4 rgb(132,218,180)
```
#93dfbe
```
#93dfbe rgb(147,223,190)
```
#a2e3c7
```
#a2e3c7 rgb(162,227,199)
```
#b1e8d0
```
#b1e8d0 rgb(177,232,208)
```
#c0ecd9
```
#c0ecd9 rgb(192,236,217)
```
#d0f1e2
```
#d0f1e2 rgb(208,241,226)
```
#dff5eb
```
#dff5eb rgb(223,245,235)
```
#eefaf5
```
#eefaf5 rgb(238,250,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94a39c is the less saturated color, while #38ffa8 is the most saturated one.

#94a39c
```
#94a39c rgb(148,163,156)
```
#8cab9d
```
#8cab9d rgb(140,171,157)
```
#85b29e
```
#85b29e rgb(133,178,158)
```
#7dba9f
```
#7dba9f rgb(125,186,159)
```
#75c2a0
```
#75c2a0 rgb(117,194,160)
```
#6ec9a1
```
#6ec9a1 rgb(110,201,161)
```
#66d1a2
```
#66d1a2 rgb(102,209,162)
```
#5ed9a3
```
#5ed9a3 rgb(94,217,163)
```
#57e0a4
```
#57e0a4 rgb(87,224,164)
```
#4fe8a5
```
#4fe8a5 rgb(79,232,165)
```
#47f0a6
```
#47f0a6 rgb(71,240,166)
```
#40f7a7
```
#40f7a7 rgb(64,247,167)
```
#38ffa8
```
#38ffa8 rgb(56,255,168)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#9eb3aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc09e Protanopia 1% of men
#d9baaf Deuteranopia 1% of men
#80ccdb Tritanopia 0.001% of the population

Trichromacy

#a6c69f Protanomaly 1% of men, 0.01% of women
#afc2aa Deuteranomaly 6% of men, 0.4% of women
#76cdc6 Tritanomaly 0.01% of the population

#66d1a2 hex color

#66d1a2 Color Information

#66d1a2 Color Conversion

Color Schemes with #66d1a2

Alternatives to #66d1a2

#66d1a2 Preview

Shades and Tints of #66d1a2

Tones of #66d1a2

Color Blindness Simulator