#66dcdd hex color

In a RGB color space, hex #66dcdd is composed of 40% red, 86.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 0.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 180.5 degrees, a saturation of 63.6% and a lightness of 63.3%. #66dcdd color hex could be obtained by blending #ccffff with #00b9bb. Closest websafe color is: #66cccc.

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

● #66dcdd color description : Soft cyan.

The hexadecimal color #66dcdd has RGB values of R:102, G:220, B:221 and CMYK values of C:0.54, M:0, Y:0, K:0.13. Its decimal value is 6741213.

Hex triplet	66dcdd	`#66dcdd`
RGB Decimal	102, 220, 221	`rgb(102,220,221)`
RGB Percent	40, 86.3, 86.7	`rgb(40%,86.3%,86.7%)`
CMYK	54, 0, 0, 13
HSL	180.5°, 63.6, 63.3	`hsl(180.5,63.6%,63.3%)`
HSV (or HSB)	180.5°, 53.8, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.417, -32.76, -10.618
XYZ	44.12, 59.228, 77.51
xyY	0.244, 0.327, 59.228
CIE-LCH	81.417, 34.437, 197.959
CIE-LUV	81.417, -49.073, -11.439
Hunter-Lab	76.96, -32.348, -5.842
Binary	01100110, 11011100, 11011101

#66dcdd
```
#66dcdd rgb(102,220,221)
```
#dd6766
```
#dd6766 rgb(221,103,102)
```

Complementary Color

#66dda3
```
#66dda3 rgb(102,221,163)
```
#66dcdd
```
#66dcdd rgb(102,220,221)
```
#66a1dd
```
#66a1dd rgb(102,161,221)
```

Analogous Color

#dda366
```
#dda366 rgb(221,163,102)
```
#66dcdd
```
#66dcdd rgb(102,220,221)
```
#dd66a1
```
#dd66a1 rgb(221,102,161)
```

Split Complementary Color

#dcdd66
```
#dcdd66 rgb(220,221,102)
```
#66dcdd
```
#66dcdd rgb(102,220,221)
```
#dd66dc
```
#dd66dc rgb(221,102,220)
```

Triadic Color

#66dd67
```
#66dd67 rgb(102,221,103)
```
#66dcdd
```
#66dcdd rgb(102,220,221)
```
#dd66dc
```
#dd66dc rgb(221,102,220)
```
#dd6766
```
#dd6766 rgb(221,103,102)
```

Tetradic Color

#2dc8ca
```
#2dc8ca rgb(45,200,202)
```
#3cd2d4
```
#3cd2d4 rgb(60,210,212)
```
#51d7d8
```
#51d7d8 rgb(81,215,216)
```
#66dcdd
```
#66dcdd rgb(102,220,221)
```
#7be1e2
```
#7be1e2 rgb(123,225,226)
```
#90e6e6
```
#90e6e6 rgb(144,230,230)
```
#a5eaeb
```
#a5eaeb rgb(165,234,235)
```

Monochromatic Color

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

#66ddc0
```
#66ddc0 rgb(102,221,192)
```
#66ddca
```
#66ddca rgb(102,221,202)
```
#66ddd4
```
#66ddd4 rgb(102,221,212)
```
#66dcdd
```
#66dcdd rgb(102,220,221)
```
#66d2dd
```
#66d2dd rgb(102,210,221)
```
#66c8dd
```
#66c8dd rgb(102,200,221)
```
#66bedd
```
#66bedd rgb(102,190,221)
```

Similar Colors

Text with hexadecimal color #66dcdd

This text has a font color of #66dcdd.

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

#66dcdd background color

This paragraph has a background color of #66dcdd.

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

#66dcdd border color

This element has a border color of #66dcdd.

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

CSS codes

.text {color:#66dcdd;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#051718
```
#051718 rgb(5,23,24)
```
#092728
```
#092728 rgb(9,39,40)
```
#0c3738
```
#0c3738 rgb(12,55,56)
```
#104748
```
#104748 rgb(16,71,72)
```
#135758
```
#135758 rgb(19,87,88)
```
#176768
```
#176768 rgb(23,103,104)
```
#1b7778
```
#1b7778 rgb(27,119,120)
```
#1e8788
```
#1e8788 rgb(30,135,136)
```
#229798
```
#229798 rgb(34,151,152)
```
#25a7a8
```
#25a7a8 rgb(37,167,168)
```
#29b7b8
```
#29b7b8 rgb(41,183,184)
```
#2cc7c8
```
#2cc7c8 rgb(44,199,200)
```

Shade Color Variation

#36d1d2
```
#36d1d2 rgb(54,209,210)
```
#46d5d6
```
#46d5d6 rgb(70,213,214)
```
#56d8d9
```
#56d8d9 rgb(86,216,217)
```
#66dcdd
```
#66dcdd rgb(102,220,221)
```
#76e0e1
```
#76e0e1 rgb(118,224,225)
```
#86e3e4
```
#86e3e4 rgb(134,227,228)
```
#96e7e8
```
#96e7e8 rgb(150,231,232)
```
#a6ebeb
```
#a6ebeb rgb(166,235,235)
```
#b6eeef
```
#b6eeef rgb(182,238,239)
```
#c6f2f2
```
#c6f2f2 rgb(198,242,242)
```
#d6f6f6
```
#d6f6f6 rgb(214,246,246)
```
#e6f9fa
```
#e6f9fa rgb(230,249,250)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

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

#a0a3a3
```
#a0a3a3 rgb(160,163,163)
```
#98abab
```
#98abab rgb(152,171,171)
```
#91b2b2
```
#91b2b2 rgb(145,178,178)
```
#8ab9b9
```
#8ab9b9 rgb(138,185,185)
```
#83c0c0
```
#83c0c0 rgb(131,192,192)
```
#7cc7c7
```
#7cc7c7 rgb(124,199,199)
```
#74cecf
```
#74cecf rgb(116,206,207)
```
#6dd5d6
```
#6dd5d6 rgb(109,213,214)
```
#66dcdd
```
#66dcdd rgb(102,220,221)
```
#5fe3e4
```
#5fe3e4 rgb(95,227,228)
```
#58eaeb
```
#58eaeb rgb(88,234,235)
```
#50f1f3
```
#50f1f3 rgb(80,241,243)
```
#49f8fa
```
#49f8fa rgb(73,248,250)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a8c0c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cecbd4 Protanopia 1% of men
#d3c8e6 Deuteranopia 1% of men
#74dbeb Tritanopia 0.001% of the population

Trichromacy

#a8d1d7 Protanomaly 1% of men, 0.01% of women
#abcfe3 Deuteranomaly 6% of men, 0.4% of women
#6edbe6 Tritanomaly 0.01% of the population

#66dcdd hex color

#66dcdd Color Information

#66dcdd Color Conversion

Color Schemes with #66dcdd

Alternatives to #66dcdd

#66dcdd Preview

Shades and Tints of #66dcdd

Tones of #66dcdd

Color Blindness Simulator