#66d6dc hex color

In a RGB color space, hex #66d6dc is composed of 40% red, 83.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 2.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 183.1 degrees, a saturation of 62.8% and a lightness of 63.1%. #66d6dc color hex could be obtained by blending #ccffff with #00adb9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 40
- G 84
- B 86
RGB color chart
- C 54
- M 3
- Y 0
- K 14
CMYK color chart

● #66d6dc color description : Soft cyan.

The hexadecimal color #66d6dc has RGB values of R:102, G:214, B:220 and CMYK values of C:0.54, M:0.03, Y:0, K:0.14. Its decimal value is 6739676.

Hex triplet	66d6dc	`#66d6dc`
RGB Decimal	102, 214, 220	`rgb(102,214,220)`
RGB Percent	40, 83.9, 86.3	`rgb(40%,83.9%,86.3%)`
CMYK	54, 3, 0, 14
HSL	183.1°, 62.8, 63.1	`hsl(183.1,62.8%,63.1%)`
HSV (or HSB)	183.1°, 53.6, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.661, -30.165, -12.708
XYZ	42.441, 56.082, 76.295
xyY	0.243, 0.321, 56.082
CIE-LCH	79.661, 32.732, 202.846
CIE-LUV	79.661, -46.862, -15.183
Hunter-Lab	74.888, -29.894, -7.982
Binary	01100110, 11010110, 11011100

#66d6dc
```
#66d6dc rgb(102,214,220)
```
#dc6c66
```
#dc6c66 rgb(220,108,102)
```

Complementary Color

#66dca7
```
#66dca7 rgb(102,220,167)
```
#66d6dc
```
#66d6dc rgb(102,214,220)
```
#669bdc
```
#669bdc rgb(102,155,220)
```

Analogous Color

#dca766
```
#dca766 rgb(220,167,102)
```
#66d6dc
```
#66d6dc rgb(102,214,220)
```
#dc669b
```
#dc669b rgb(220,102,155)
```

Split Complementary Color

#d6dc66
```
#d6dc66 rgb(214,220,102)
```
#66d6dc
```
#66d6dc rgb(102,214,220)
```
#dc66d6
```
#dc66d6 rgb(220,102,214)
```

Triadic Color

#66dc6c
```
#66dc6c rgb(102,220,108)
```
#66d6dc
```
#66d6dc rgb(102,214,220)
```
#dc66d6
```
#dc66d6 rgb(220,102,214)
```
#dc6c66
```
#dc6c66 rgb(220,108,102)
```

Tetradic Color

#2ec0c8
```
#2ec0c8 rgb(46,192,200)
```
#3ccbd3
```
#3ccbd3 rgb(60,203,211)
```
#51d0d7
```
#51d0d7 rgb(81,208,215)
```
#66d6dc
```
#66d6dc rgb(102,214,220)
```
#7bdce1
```
#7bdce1 rgb(123,220,225)
```
#90e1e5
```
#90e1e5 rgb(144,225,229)
```
#a4e7ea
```
#a4e7ea rgb(164,231,234)
```

Monochromatic Color

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

#66dcc5
```
#66dcc5 rgb(102,220,197)
```
#66dcce
```
#66dcce rgb(102,220,206)
```
#66dcd8
```
#66dcd8 rgb(102,220,216)
```
#66d6dc
```
#66d6dc rgb(102,214,220)
```
#66ccdc
```
#66ccdc rgb(102,204,220)
```
#66c2dc
```
#66c2dc rgb(102,194,220)
```
#66b9dc
```
#66b9dc rgb(102,185,220)
```

Similar Colors

Text with hexadecimal color #66d6dc

This text has a font color of #66d6dc.

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

#66d6dc background color

This paragraph has a background color of #66d6dc.

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

#66d6dc border color

This element has a border color of #66d6dc.

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

CSS codes

.text {color:#66d6dc;}

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

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

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, #020607 is the darkest color, while #f6fdfd is the lightest one.

#020607
```
#020607 rgb(2,6,7)
```
#051617
```
#051617 rgb(5,22,23)
```
#092527
```
#092527 rgb(9,37,39)
```
#0c3437
```
#0c3437 rgb(12,52,55)
```
#104446
```
#104446 rgb(16,68,70)
```
#145356
```
#145356 rgb(20,83,86)
```
#176266
```
#176266 rgb(23,98,102)
```
#1b7276
```
#1b7276 rgb(27,114,118)
```
#1f8186
```
#1f8186 rgb(31,129,134)
```
#229096
```
#229096 rgb(34,144,150)
```
#26a0a6
```
#26a0a6 rgb(38,160,166)
```
#2aafb6
```
#2aafb6 rgb(42,175,182)
```
#2dbec6
```
#2dbec6 rgb(45,190,198)
```

Shade Color Variation

#36c9d1
```
#36c9d1 rgb(54,201,209)
```
#46cdd5
```
#46cdd5 rgb(70,205,213)
```
#56d2d8
```
#56d2d8 rgb(86,210,216)
```
#66d6dc
```
#66d6dc rgb(102,214,220)
```
#76dae0
```
#76dae0 rgb(118,218,224)
```
#86dfe3
```
#86dfe3 rgb(134,223,227)
```
#96e3e7
```
#96e3e7 rgb(150,227,231)
```
#a6e7eb
```
#a6e7eb rgb(166,231,235)
```
#b6ebee
```
#b6ebee rgb(182,235,238)
```
#c6f0f2
```
#c6f0f2 rgb(198,240,242)
```
#d6f4f6
```
#d6f4f6 rgb(214,244,246)
```
#e6f8f9
```
#e6f8f9 rgb(230,248,249)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a0a2a2 is the less saturated color, while #49f0f9 is the most saturated one.

#a0a2a2
```
#a0a2a2 rgb(160,162,162)
```
#99a9a9
```
#99a9a9 rgb(153,169,169)
```
#91afb1
```
#91afb1 rgb(145,175,177)
```
#8ab6b8
```
#8ab6b8 rgb(138,182,184)
```
#83bcbf
```
#83bcbf rgb(131,188,191)
```
#7cc3c6
```
#7cc3c6 rgb(124,195,198)
```
#74c9ce
```
#74c9ce rgb(116,201,206)
```
#6dd0d5
```
#6dd0d5 rgb(109,208,213)
```
#66d6dc
```
#66d6dc rgb(102,214,220)
```
#5fdce3
```
#5fdce3 rgb(95,220,227)
```
#58e3ea
```
#58e3ea rgb(88,227,234)
```
#50e9f2
```
#50e9f2 rgb(80,233,242)
```
#49f0f9
```
#49f0f9 rgb(73,240,249)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a5bcbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c7d4 Protanopia 1% of men
#ccc3e5 Deuteranopia 1% of men
#72d6e6 Tritanopia 0.001% of the population

Trichromacy

#a4ccd7 Protanomaly 1% of men, 0.01% of women
#a7cae1 Deuteranomaly 6% of men, 0.4% of women
#6dd6e2 Tritanomaly 0.01% of the population

#66d6dc hex color

#66d6dc Color Information

#66d6dc Color Conversion

Color Schemes with #66d6dc

Alternatives to #66d6dc

#66d6dc Preview

Shades and Tints of #66d6dc

Tones of #66d6dc

Color Blindness Simulator