#66d0ed hex color

In a RGB color space, hex #66d0ed is composed of 40% red, 81.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 12.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 192.9 degrees, a saturation of 78.9% and a lightness of 66.5%. #66d0ed color hex could be obtained by blending #ccffff with #00a1db. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 40
- G 82
- B 93
RGB color chart
- C 57
- M 12
- Y 0
- K 7
CMYK color chart

● #66d0ed color description : Soft cyan.

The hexadecimal color #66d0ed has RGB values of R:102, G:208, B:237 and CMYK values of C:0.57, M:0.12, Y:0, K:0.07. Its decimal value is 6738157.

Hex triplet	66d0ed	`#66d0ed`
RGB Decimal	102, 208, 237	`rgb(102,208,237)`
RGB Percent	40, 81.6, 92.9	`rgb(40%,81.6%,92.9%)`
CMYK	57, 12, 0, 7
HSL	192.9°, 78.9, 66.5	`hsl(192.9,78.9%,66.5%)`
HSV (or HSB)	192.9°, 57, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.49, -22.504, -23.57
XYZ	43.317, 54.048, 88.266
xyY	0.233, 0.291, 54.048
CIE-LCH	78.49, 32.588, 226.326
CIE-LUV	78.49, -43.849, -34.253
Hunter-Lab	73.517, -23.48, -19.722
Binary	01100110, 11010000, 11101101

#66d0ed
```
#66d0ed rgb(102,208,237)
```
#ed8366
```
#ed8366 rgb(237,131,102)
```

Complementary Color

#66edc7
```
#66edc7 rgb(102,237,199)
```
#66d0ed
```
#66d0ed rgb(102,208,237)
```
#668ded
```
#668ded rgb(102,141,237)
```

Analogous Color

#edc766
```
#edc766 rgb(237,199,102)
```
#66d0ed
```
#66d0ed rgb(102,208,237)
```
#ed668d
```
#ed668d rgb(237,102,141)
```

Split Complementary Color

#d0ed66
```
#d0ed66 rgb(208,237,102)
```
#66d0ed
```
#66d0ed rgb(102,208,237)
```
#ed66d0
```
#ed66d0 rgb(237,102,208)
```

Triadic Color

#66ed83
```
#66ed83 rgb(102,237,131)
```
#66d0ed
```
#66d0ed rgb(102,208,237)
```
#ed66d0
```
#ed66d0 rgb(237,102,208)
```
#ed8366
```
#ed8366 rgb(237,131,102)
```

Tetradic Color

#22bbe5
```
#22bbe5 rgb(34,187,229)
```
#38c2e8
```
#38c2e8 rgb(56,194,232)
```
#4fc9ea
```
#4fc9ea rgb(79,201,234)
```
#66d0ed
```
#66d0ed rgb(102,208,237)
```
#7dd7f0
```
#7dd7f0 rgb(125,215,240)
```
#94def2
```
#94def2 rgb(148,222,242)
```
#aae5f5
```
#aae5f5 rgb(170,229,245)
```

Monochromatic Color

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

#66ede8
```
#66ede8 rgb(102,237,232)
```
#66e7ed
```
#66e7ed rgb(102,231,237)
```
#66dbed
```
#66dbed rgb(102,219,237)
```
#66d0ed
```
#66d0ed rgb(102,208,237)
```
#66c5ed
```
#66c5ed rgb(102,197,237)
```
#66baed
```
#66baed rgb(102,186,237)
```
#66aeed
```
#66aeed rgb(102,174,237)
```

Similar Colors

Text with hexadecimal color #66d0ed

This text has a font color of #66d0ed.

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

#66d0ed background color

This paragraph has a background color of #66d0ed.

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

#66d0ed border color

This element has a border color of #66d0ed.

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

CSS codes

.text {color:#66d0ed;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#031217
```
#031217 rgb(3,18,23)
```
#052028
```
#052028 rgb(5,32,40)
```
#072f3a
```
#072f3a rgb(7,47,58)
```
#093d4b
```
#093d4b rgb(9,61,75)
```
#0b4b5d
```
#0b4b5d rgb(11,75,93)
```
#0d596e
```
#0d596e rgb(13,89,110)
```
#0f6880
```
#0f6880 rgb(15,104,128)
```
#117691
```
#117691 rgb(17,118,145)
```
#1384a3
```
#1384a3 rgb(19,132,163)
```
#1592b4
```
#1592b4 rgb(21,146,180)
```
#17a0c6
```
#17a0c6 rgb(23,160,198)
```
#19afd8
```
#19afd8 rgb(25,175,216)
```

Shade Color Variation

#20bae5
```
#20bae5 rgb(32,186,229)
```
#31c0e7
```
#31c0e7 rgb(49,192,231)
```
#43c5e9
```
#43c5e9 rgb(67,197,233)
```
#54cbeb
```
#54cbeb rgb(84,203,235)
```
#66d0ed
```
#66d0ed rgb(102,208,237)
```
#78d5ef
```
#78d5ef rgb(120,213,239)
```
#89dbf1
```
#89dbf1 rgb(137,219,241)
```
#9be0f3
```
#9be0f3 rgb(155,224,243)
```
#ace6f5
```
#ace6f5 rgb(172,230,245)
```
#beebf7
```
#beebf7 rgb(190,235,247)
```
#cff0f9
```
#cff0f9 rgb(207,240,249)
```
#e1f6fb
```
#e1f6fb rgb(225,246,251)
```
#f2fbfe
```
#f2fbfe rgb(242,251,254)
```

Tint Color Variation

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

#a8aaab
```
#a8aaab rgb(168,170,171)
```
#a1aeb2
```
#a1aeb2 rgb(161,174,178)
```
#9bb2b8
```
#9bb2b8 rgb(155,178,184)
```
#94b6bf
```
#94b6bf rgb(148,182,191)
```
#8db9c6
```
#8db9c6 rgb(141,185,198)
```
#87bdcc
```
#87bdcc rgb(135,189,204)
```
#80c1d3
```
#80c1d3 rgb(128,193,211)
```
#7ac5d9
```
#7ac5d9 rgb(122,197,217)
```
#73c8e0
```
#73c8e0 rgb(115,200,224)
```
#6dcce6
```
#6dcce6 rgb(109,204,230)
```
#66d0ed
```
#66d0ed rgb(102,208,237)
```
#5fd4f4
```
#5fd4f4 rgb(95,212,244)
```
#59d8fa
```
#59d8fa rgb(89,216,250)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a4babf Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec3e4 Protanopia 1% of men
#bdc1f4 Deuteranopia 1% of men
#68d4e3 Tritanopia 0.001% of the population

Trichromacy

#9ec8e7 Protanomaly 1% of men, 0.01% of women
#9dc7f1 Deuteranomaly 6% of men, 0.4% of women
#67d2e7 Tritanomaly 0.01% of the population

#66d0ed hex color

#66d0ed Color Information

#66d0ed Color Conversion

Color Schemes with #66d0ed

Alternatives to #66d0ed

#66d0ed Preview

Shades and Tints of #66d0ed

Tones of #66d0ed

Color Blindness Simulator