#66d2dc hex color

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

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

● #66d2dc color description : Soft cyan.

The hexadecimal color #66d2dc has RGB values of R:102, G:210, B:220 and CMYK values of C:0.54, M:0.05, Y:0, K:0.14. Its decimal value is 6738652.

Hex triplet	66d2dc	`#66d2dc`
RGB Decimal	102, 210, 220	`rgb(102,210,220)`
RGB Percent	40, 82.4, 86.3	`rgb(40%,82.4%,86.3%)`
CMYK	54, 5, 0, 14
HSL	185.1°, 62.8, 63.1	`hsl(185.1,62.8%,63.1%)`
HSV (or HSB)	185.1°, 53.6, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.51, -28.229, -14.433
XYZ	41.441, 54.082, 75.961
xyY	0.242, 0.315, 54.082
CIE-LCH	78.51, 31.705, 207.08
CIE-LUV	78.51, -45.351, -18.253
Hunter-Lab	73.541, -28.11, -9.763
Binary	01100110, 11010010, 11011100

#66d2dc
```
#66d2dc rgb(102,210,220)
```
#dc7066
```
#dc7066 rgb(220,112,102)
```

Complementary Color

#66dcab
```
#66dcab rgb(102,220,171)
```
#66d2dc
```
#66d2dc rgb(102,210,220)
```
#6697dc
```
#6697dc rgb(102,151,220)
```

Analogous Color

#dcab66
```
#dcab66 rgb(220,171,102)
```
#66d2dc
```
#66d2dc rgb(102,210,220)
```
#dc6697
```
#dc6697 rgb(220,102,151)
```

Split Complementary Color

#d2dc66
```
#d2dc66 rgb(210,220,102)
```
#66d2dc
```
#66d2dc rgb(102,210,220)
```
#dc66d2
```
#dc66d2 rgb(220,102,210)
```

Triadic Color

#66dc70
```
#66dc70 rgb(102,220,112)
```
#66d2dc
```
#66d2dc rgb(102,210,220)
```
#dc66d2
```
#dc66d2 rgb(220,102,210)
```
#dc7066
```
#dc7066 rgb(220,112,102)
```

Tetradic Color

#2ebbc8
```
#2ebbc8 rgb(46,187,200)
```
#3cc6d3
```
#3cc6d3 rgb(60,198,211)
```
#51ccd7
```
#51ccd7 rgb(81,204,215)
```
#66d2dc
```
#66d2dc rgb(102,210,220)
```
#7bd8e1
```
#7bd8e1 rgb(123,216,225)
```
#90dee5
```
#90dee5 rgb(144,222,229)
```
#a4e4ea
```
#a4e4ea rgb(164,228,234)
```

Monochromatic Color

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

#66dcc9
```
#66dcc9 rgb(102,220,201)
```
#66dcd2
```
#66dcd2 rgb(102,220,210)
```
#66dcdc
```
#66dcdc rgb(102,220,220)
```
#66d2dc
```
#66d2dc rgb(102,210,220)
```
#66c8dc
```
#66c8dc rgb(102,200,220)
```
#66bedc
```
#66bedc rgb(102,190,220)
```
#66b5dc
```
#66b5dc rgb(102,181,220)
```

Similar Colors

Text with hexadecimal color #66d2dc

This text has a font color of #66d2dc.

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

#66d2dc background color

This paragraph has a background color of #66d2dc.

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

#66d2dc border color

This element has a border color of #66d2dc.

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

CSS codes

.text {color:#66d2dc;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#051517
```
#051517 rgb(5,21,23)
```
#092427
```
#092427 rgb(9,36,39)
```
#0c3337
```
#0c3337 rgb(12,51,55)
```
#104246
```
#104246 rgb(16,66,70)
```
#145156
```
#145156 rgb(20,81,86)
```
#176066
```
#176066 rgb(23,96,102)
```
#1b6f76
```
#1b6f76 rgb(27,111,118)
```
#1f7e86
```
#1f7e86 rgb(31,126,134)
```
#228c96
```
#228c96 rgb(34,140,150)
```
#269ba6
```
#269ba6 rgb(38,155,166)
```
#2aaab6
```
#2aaab6 rgb(42,170,182)
```
#2db9c6
```
#2db9c6 rgb(45,185,198)
```

Shade Color Variation

#36c4d1
```
#36c4d1 rgb(54,196,209)
```
#46c9d5
```
#46c9d5 rgb(70,201,213)
```
#56cdd8
```
#56cdd8 rgb(86,205,216)
```
#66d2dc
```
#66d2dc rgb(102,210,220)
```
#76d7e0
```
#76d7e0 rgb(118,215,224)
```
#86dbe3
```
#86dbe3 rgb(134,219,227)
```
#96e0e7
```
#96e0e7 rgb(150,224,231)
```
#a6e5eb
```
#a6e5eb rgb(166,229,235)
```
#b6e9ee
```
#b6e9ee rgb(182,233,238)
```
#c6eef2
```
#c6eef2 rgb(198,238,242)
```
#d6f3f6
```
#d6f3f6 rgb(214,243,246)
```
#e6f8f9
```
#e6f8f9 rgb(230,248,249)
```
#f6fcfd
```
#f6fcfd rgb(246,252,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 #49eaf9 is the most saturated one.

#a0a2a2
```
#a0a2a2 rgb(160,162,162)
```
#99a8a9
```
#99a8a9 rgb(153,168,169)
```
#91aeb1
```
#91aeb1 rgb(145,174,177)
```
#8ab4b8
```
#8ab4b8 rgb(138,180,184)
```
#83babf
```
#83babf rgb(131,186,191)
```
#7cc0c6
```
#7cc0c6 rgb(124,192,198)
```
#74c6ce
```
#74c6ce rgb(116,198,206)
```
#6dccd5
```
#6dccd5 rgb(109,204,213)
```
#66d2dc
```
#66d2dc rgb(102,210,220)
```
#5fd8e3
```
#5fd8e3 rgb(95,216,227)
```
#58deea
```
#58deea rgb(88,222,234)
```
#50e4f2
```
#50e4f2 rgb(80,228,242)
```
#49eaf9
```
#49eaf9 rgb(73,234,249)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a4b9bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c4d4 Protanopia 1% of men
#c7c1e4 Deuteranopia 1% of men
#70d3e2 Tritanopia 0.001% of the population

Trichromacy

#a1c9d7 Protanomaly 1% of men, 0.01% of women
#a4c7e1 Deuteranomaly 6% of men, 0.4% of women
#6cd2e0 Tritanomaly 0.01% of the population

#66d2dc hex color

#66d2dc Color Information

#66d2dc Color Conversion

Color Schemes with #66d2dc

Alternatives to #66d2dc

#66d2dc Preview

Shades and Tints of #66d2dc

Tones of #66d2dc

Color Blindness Simulator