#66d8dd hex color

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

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

● #66d8dd color description : Soft cyan.

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

Hex triplet	66d8dd	`#66d8dd`
RGB Decimal	102, 216, 221	`rgb(102,216,221)`
RGB Percent	40, 84.7, 86.7	`rgb(40%,84.7%,86.7%)`
CMYK	54, 2, 0, 13
HSL	182.5°, 63.6, 63.3	`hsl(182.5,63.6%,63.3%)`
HSV (or HSB)	182.5°, 53.8, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.266, -30.857, -12.337
XYZ	43.083, 57.154, 77.164
xyY	0.243, 0.322, 57.154
CIE-LCH	80.266, 33.231, 201.792
CIE-LUV	80.266, -47.569, -14.489
Hunter-Lab	75.6, -30.577, -7.596
Binary	01100110, 11011000, 11011101

#66d8dd
```
#66d8dd rgb(102,216,221)
```
#dd6b66
```
#dd6b66 rgb(221,107,102)
```

Complementary Color

#66dda7
```
#66dda7 rgb(102,221,167)
```
#66d8dd
```
#66d8dd rgb(102,216,221)
```
#669ddd
```
#669ddd rgb(102,157,221)
```

Analogous Color

#dda766
```
#dda766 rgb(221,167,102)
```
#66d8dd
```
#66d8dd rgb(102,216,221)
```
#dd669d
```
#dd669d rgb(221,102,157)
```

Split Complementary Color

#d8dd66
```
#d8dd66 rgb(216,221,102)
```
#66d8dd
```
#66d8dd rgb(102,216,221)
```
#dd66d8
```
#dd66d8 rgb(221,102,216)
```

Triadic Color

#66dd6b
```
#66dd6b rgb(102,221,107)
```
#66d8dd
```
#66d8dd rgb(102,216,221)
```
#dd66d8
```
#dd66d8 rgb(221,102,216)
```
#dd6b66
```
#dd6b66 rgb(221,107,102)
```

Tetradic Color

#2dc3ca
```
#2dc3ca rgb(45,195,202)
```
#3ccdd4
```
#3ccdd4 rgb(60,205,212)
```
#51d3d8
```
#51d3d8 rgb(81,211,216)
```
#66d8dd
```
#66d8dd rgb(102,216,221)
```
#7bdde2
```
#7bdde2 rgb(123,221,226)
```
#90e3e6
```
#90e3e6 rgb(144,227,230)
```
#a5e8eb
```
#a5e8eb rgb(165,232,235)
```

Monochromatic Color

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

#66ddc4
```
#66ddc4 rgb(102,221,196)
```
#66ddce
```
#66ddce rgb(102,221,206)
```
#66ddd8
```
#66ddd8 rgb(102,221,216)
```
#66d8dd
```
#66d8dd rgb(102,216,221)
```
#66cedd
```
#66cedd rgb(102,206,221)
```
#66c4dd
```
#66c4dd rgb(102,196,221)
```
#66badd
```
#66badd rgb(102,186,221)
```

Similar Colors

Text with hexadecimal color #66d8dd

This text has a font color of #66d8dd.

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

#66d8dd background color

This paragraph has a background color of #66d8dd.

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

#66d8dd border color

This element has a border color of #66d8dd.

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

CSS codes

.text {color:#66d8dd;}

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

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

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)
```
#092628
```
#092628 rgb(9,38,40)
```
#0c3638
```
#0c3638 rgb(12,54,56)
```
#104548
```
#104548 rgb(16,69,72)
```
#135558
```
#135558 rgb(19,85,88)
```
#176468
```
#176468 rgb(23,100,104)
```
#1b7478
```
#1b7478 rgb(27,116,120)
```
#1e8388
```
#1e8388 rgb(30,131,136)
```
#229398
```
#229398 rgb(34,147,152)
```
#25a2a8
```
#25a2a8 rgb(37,162,168)
```
#29b2b8
```
#29b2b8 rgb(41,178,184)
```
#2cc2c8
```
#2cc2c8 rgb(44,194,200)
```

Shade Color Variation

#36ccd2
```
#36ccd2 rgb(54,204,210)
```
#46d0d6
```
#46d0d6 rgb(70,208,214)
```
#56d4d9
```
#56d4d9 rgb(86,212,217)
```
#66d8dd
```
#66d8dd rgb(102,216,221)
```
#76dce1
```
#76dce1 rgb(118,220,225)
```
#86e0e4
```
#86e0e4 rgb(134,224,228)
```
#96e4e8
```
#96e4e8 rgb(150,228,232)
```
#a6e8eb
```
#a6e8eb rgb(166,232,235)
```
#b6ecef
```
#b6ecef rgb(182,236,239)
```
#c6f1f2
```
#c6f1f2 rgb(198,241,242)
```
#d6f5f6
```
#d6f5f6 rgb(214,245,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 #49f2fa is the most saturated one.

#a0a3a3
```
#a0a3a3 rgb(160,163,163)
```
#98aaab
```
#98aaab rgb(152,170,171)
```
#91b0b2
```
#91b0b2 rgb(145,176,178)
```
#8ab7b9
```
#8ab7b9 rgb(138,183,185)
```
#83bec0
```
#83bec0 rgb(131,190,192)
```
#7cc4c7
```
#7cc4c7 rgb(124,196,199)
```
#74cbcf
```
#74cbcf rgb(116,203,207)
```
#6dd1d6
```
#6dd1d6 rgb(109,209,214)
```
#66d8dd
```
#66d8dd rgb(102,216,221)
```
#5fdfe4
```
#5fdfe4 rgb(95,223,228)
```
#58e5eb
```
#58e5eb rgb(88,229,235)
```
#50ecf3
```
#50ecf3 rgb(80,236,243)
```
#49f2fa
```
#49f2fa rgb(73,242,250)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a6bdbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c8d5 Protanopia 1% of men
#cec5e6 Deuteranopia 1% of men
#72d8e8 Tritanopia 0.001% of the population

Trichromacy

#a5ced7 Protanomaly 1% of men, 0.01% of women
#a8cce2 Deuteranomaly 6% of men, 0.4% of women
#6dd8e4 Tritanomaly 0.01% of the population

#66d8dd hex color

#66d8dd Color Information

#66d8dd Color Conversion

Color Schemes with #66d8dd

Alternatives to #66d8dd

#66d8dd Preview

Shades and Tints of #66d8dd

Tones of #66d8dd

Color Blindness Simulator