#66ccdc hex color

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

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

● #66ccdc color description : Soft cyan.

The hexadecimal color #66ccdc has RGB values of R:102, G:204, B:220 and CMYK values of C:0.54, M:0.07, Y:0, K:0.14. Its decimal value is 6737116.

Hex triplet	66ccdc	`#66ccdc`
RGB Decimal	102, 204, 220	`rgb(102,204,220)`
RGB Percent	40, 80, 86.3	`rgb(40%,80%,86.3%)`
CMYK	54, 7, 0, 14
HSL	188.1°, 62.8, 63.1	`hsl(188.1,62.8%,63.1%)`
HSV (or HSB)	188.1°, 53.6, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.785, -25.281, -17.029
XYZ	39.987, 51.175, 75.477
xyY	0.24, 0.307, 51.175
CIE-LCH	76.785, 30.481, 213.964
CIE-LUV	76.785, -43.08, -22.883
Hunter-Lab	71.537, -25.413, -12.48
Binary	01100110, 11001100, 11011100

#66ccdc
```
#66ccdc rgb(102,204,220)
```
#dc7666
```
#dc7666 rgb(220,118,102)
```

Complementary Color

#66dcb1
```
#66dcb1 rgb(102,220,177)
```
#66ccdc
```
#66ccdc rgb(102,204,220)
```
#6691dc
```
#6691dc rgb(102,145,220)
```

Analogous Color

#dcb166
```
#dcb166 rgb(220,177,102)
```
#66ccdc
```
#66ccdc rgb(102,204,220)
```
#dc6691
```
#dc6691 rgb(220,102,145)
```

Split Complementary Color

#ccdc66
```
#ccdc66 rgb(204,220,102)
```
#66ccdc
```
#66ccdc rgb(102,204,220)
```
#dc66cc
```
#dc66cc rgb(220,102,204)
```

Triadic Color

#66dc76
```
#66dc76 rgb(102,220,118)
```
#66ccdc
```
#66ccdc rgb(102,204,220)
```
#dc66cc
```
#dc66cc rgb(220,102,204)
```
#dc7666
```
#dc7666 rgb(220,118,102)
```

Tetradic Color

#2eb3c8
```
#2eb3c8 rgb(46,179,200)
```
#3cbed3
```
#3cbed3 rgb(60,190,211)
```
#51c5d7
```
#51c5d7 rgb(81,197,215)
```
#66ccdc
```
#66ccdc rgb(102,204,220)
```
#7bd3e1
```
#7bd3e1 rgb(123,211,225)
```
#90dae5
```
#90dae5 rgb(144,218,229)
```
#a4e1ea
```
#a4e1ea rgb(164,225,234)
```

Monochromatic Color

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

#66dccf
```
#66dccf rgb(102,220,207)
```
#66dcd8
```
#66dcd8 rgb(102,220,216)
```
#66d6dc
```
#66d6dc rgb(102,214,220)
```
#66ccdc
```
#66ccdc rgb(102,204,220)
```
#66c2dc
```
#66c2dc rgb(102,194,220)
```
#66b8dc
```
#66b8dc rgb(102,184,220)
```
#66afdc
```
#66afdc rgb(102,175,220)
```

Similar Colors

Text with hexadecimal color #66ccdc

This text has a font color of #66ccdc.

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

#66ccdc background color

This paragraph has a background color of #66ccdc.

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

#66ccdc border color

This element has a border color of #66ccdc.

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

CSS codes

.text {color:#66ccdc;}

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

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

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)
```
#051417
```
#051417 rgb(5,20,23)
```
#092327
```
#092327 rgb(9,35,39)
```
#0c3137
```
#0c3137 rgb(12,49,55)
```
#103f46
```
#103f46 rgb(16,63,70)
```
#144d56
```
#144d56 rgb(20,77,86)
```
#175c66
```
#175c66 rgb(23,92,102)
```
#1b6a76
```
#1b6a76 rgb(27,106,118)
```
#1f7886
```
#1f7886 rgb(31,120,134)
```
#228796
```
#228796 rgb(34,135,150)
```
#2695a6
```
#2695a6 rgb(38,149,166)
```
#2aa3b6
```
#2aa3b6 rgb(42,163,182)
```
#2db1c6
```
#2db1c6 rgb(45,177,198)
```

Shade Color Variation

#36bcd1
```
#36bcd1 rgb(54,188,209)
```
#46c1d5
```
#46c1d5 rgb(70,193,213)
```
#56c7d8
```
#56c7d8 rgb(86,199,216)
```
#66ccdc
```
#66ccdc rgb(102,204,220)
```
#76d1e0
```
#76d1e0 rgb(118,209,224)
```
#86d7e3
```
#86d7e3 rgb(134,215,227)
```
#96dce7
```
#96dce7 rgb(150,220,231)
```
#a6e1eb
```
#a6e1eb rgb(166,225,235)
```
#b6e7ee
```
#b6e7ee rgb(182,231,238)
```
#c6ecf2
```
#c6ecf2 rgb(198,236,242)
```
#d6f1f6
```
#d6f1f6 rgb(214,241,246)
```
#e6f7f9
```
#e6f7f9 rgb(230,247,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 #49e1f9 is the most saturated one.

#a0a2a2
```
#a0a2a2 rgb(160,162,162)
```
#99a7a9
```
#99a7a9 rgb(153,167,169)
```
#91acb1
```
#91acb1 rgb(145,172,177)
```
#8ab2b8
```
#8ab2b8 rgb(138,178,184)
```
#83b7bf
```
#83b7bf rgb(131,183,191)
```
#7cbcc6
```
#7cbcc6 rgb(124,188,198)
```
#74c1ce
```
#74c1ce rgb(116,193,206)
```
#6dc7d5
```
#6dc7d5 rgb(109,199,213)
```
#66ccdc
```
#66ccdc rgb(102,204,220)
```
#5fd1e3
```
#5fd1e3 rgb(95,209,227)
```
#58d7ea
```
#58d7ea rgb(88,215,234)
```
#50dcf2
```
#50dcf2 rgb(80,220,242)
```
#49e1f9
```
#49e1f9 rgb(73,225,249)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a0b5b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdbfd4 Protanopia 1% of men
#c0bce4 Deuteranopia 1% of men
#6dcedd Tritanopia 0.001% of the population

Trichromacy

#9dc4d7 Protanomaly 1% of men, 0.01% of women
#9fc2e1 Deuteranomaly 6% of men, 0.4% of women
#6bcddd Tritanomaly 0.01% of the population

#66ccdc hex color

#66ccdc Color Information

#66ccdc Color Conversion

Color Schemes with #66ccdc

Alternatives to #66ccdc

#66ccdc Preview

Shades and Tints of #66ccdc

Tones of #66ccdc

Color Blindness Simulator