#66c0dd hex color

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

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

● #66c0dd color description : Soft cyan.

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

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

CIE-LAB	73.378, -18.931, -22.736
XYZ	37.377, 45.742, 75.262
xyY	0.236, 0.289, 45.742
CIE-LCH	73.378, 29.585, 230.217
CIE-LUV	73.378, -38.487, -33.071
Hunter-Lab	67.633, -19.711, -18.635
Binary	01100110, 11000000, 11011101

#66c0dd
```
#66c0dd rgb(102,192,221)
```
#dd8366
```
#dd8366 rgb(221,131,102)
```

Complementary Color

#66ddbf
```
#66ddbf rgb(102,221,191)
```
#66c0dd
```
#66c0dd rgb(102,192,221)
```
#6685dd
```
#6685dd rgb(102,133,221)
```

Analogous Color

#ddbf66
```
#ddbf66 rgb(221,191,102)
```
#66c0dd
```
#66c0dd rgb(102,192,221)
```
#dd6685
```
#dd6685 rgb(221,102,133)
```

Split Complementary Color

#c0dd66
```
#c0dd66 rgb(192,221,102)
```
#66c0dd
```
#66c0dd rgb(102,192,221)
```
#dd66c0
```
#dd66c0 rgb(221,102,192)
```

Triadic Color

#66dd83
```
#66dd83 rgb(102,221,131)
```
#66c0dd
```
#66c0dd rgb(102,192,221)
```
#dd66c0
```
#dd66c0 rgb(221,102,192)
```
#dd8366
```
#dd8366 rgb(221,131,102)
```

Tetradic Color

#2da3ca
```
#2da3ca rgb(45,163,202)
```
#3cafd4
```
#3cafd4 rgb(60,175,212)
```
#51b7d8
```
#51b7d8 rgb(81,183,216)
```
#66c0dd
```
#66c0dd rgb(102,192,221)
```
#7bc9e2
```
#7bc9e2 rgb(123,201,226)
```
#90d1e6
```
#90d1e6 rgb(144,209,230)
```
#a5daeb
```
#a5daeb rgb(165,218,235)
```

Monochromatic Color

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

#66dddc
```
#66dddc rgb(102,221,220)
```
#66d4dd
```
#66d4dd rgb(102,212,221)
```
#66cadd
```
#66cadd rgb(102,202,221)
```
#66c0dd
```
#66c0dd rgb(102,192,221)
```
#66b6dd
```
#66b6dd rgb(102,182,221)
```
#66acdd
```
#66acdd rgb(102,172,221)
```
#66a2dd
```
#66a2dd rgb(102,162,221)
```

Similar Colors

Text with hexadecimal color #66c0dd

This text has a font color of #66c0dd.

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

#66c0dd background color

This paragraph has a background color of #66c0dd.

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

#66c0dd border color

This element has a border color of #66c0dd.

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

CSS codes

.text {color:#66c0dd;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#051318
```
#051318 rgb(5,19,24)
```
#092028
```
#092028 rgb(9,32,40)
```
#0c2d38
```
#0c2d38 rgb(12,45,56)
```
#103a48
```
#103a48 rgb(16,58,72)
```
#134758
```
#134758 rgb(19,71,88)
```
#175468
```
#175468 rgb(23,84,104)
```
#1b6178
```
#1b6178 rgb(27,97,120)
```
#1e6e88
```
#1e6e88 rgb(30,110,136)
```
#227b98
```
#227b98 rgb(34,123,152)
```
#2588a8
```
#2588a8 rgb(37,136,168)
```
#2995b8
```
#2995b8 rgb(41,149,184)
```
#2ca2c8
```
#2ca2c8 rgb(44,162,200)
```

Shade Color Variation

#36acd2
```
#36acd2 rgb(54,172,210)
```
#46b3d6
```
#46b3d6 rgb(70,179,214)
```
#56b9d9
```
#56b9d9 rgb(86,185,217)
```
#66c0dd
```
#66c0dd rgb(102,192,221)
```
#76c7e1
```
#76c7e1 rgb(118,199,225)
```
#86cde4
```
#86cde4 rgb(134,205,228)
```
#96d4e8
```
#96d4e8 rgb(150,212,232)
```
#a6daeb
```
#a6daeb rgb(166,218,235)
```
#b6e1ef
```
#b6e1ef rgb(182,225,239)
```
#c6e8f2
```
#c6e8f2 rgb(198,232,242)
```
#d6eef6
```
#d6eef6 rgb(214,238,246)
```
#e6f5fa
```
#e6f5fa rgb(230,245,250)
```
#f6fbfd
```
#f6fbfd rgb(246,251,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 #49cffa is the most saturated one.

#a0a3a3
```
#a0a3a3 rgb(160,163,163)
```
#98a6ab
```
#98a6ab rgb(152,166,171)
```
#91aab2
```
#91aab2 rgb(145,170,178)
```
#8aaeb9
```
#8aaeb9 rgb(138,174,185)
```
#83b1c0
```
#83b1c0 rgb(131,177,192)
```
#7cb5c7
```
#7cb5c7 rgb(124,181,199)
```
#74b9cf
```
#74b9cf rgb(116,185,207)
```
#6dbcd6
```
#6dbcd6 rgb(109,188,214)
```
#66c0dd
```
#66c0dd rgb(102,192,221)
```
#5fc4e4
```
#5fc4e4 rgb(95,196,228)
```
#58c7eb
```
#58c7eb rgb(88,199,235)
```
#50cbf3
```
#50cbf3 rgb(80,203,243)
```
#49cffa
```
#49cffa rgb(73,207,250)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9badb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b6d6 Protanopia 1% of men
#b0b4e4 Deuteranopia 1% of men
#68c5d3 Tritanopia 0.001% of the population

Trichromacy

#95bad9 Protanomaly 1% of men, 0.01% of women
#95b8e1 Deuteranomaly 6% of men, 0.4% of women
#67c3d7 Tritanomaly 0.01% of the population

#66c0dd hex color

#66c0dd Color Information

#66c0dd Color Conversion

Color Schemes with #66c0dd

Alternatives to #66c0dd

#66c0dd Preview

Shades and Tints of #66c0dd

Tones of #66c0dd

Color Blindness Simulator