#66cfff hex color

In a RGB color space, hex #66cfff is composed of 40% red, 81.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 18.8% magenta, 0% yellow and 0% black. It has a hue angle of 198.8 degrees, a saturation of 100% and a lightness of 70%. #66cfff color hex could be obtained by blending #ccffff with #009fff. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 40
- G 81
- B 100
RGB color chart
- C 60
- M 19
- Y 0
- K 0
CMYK color chart

● #66cfff color description : Light blue.

The hexadecimal color #66cfff has RGB values of R:102, G:207, B:255 and CMYK values of C:0.6, M:0.19, Y:0, K:0. Its decimal value is 6737919.

Hex triplet	66cfff	`#66cfff`
RGB Decimal	102, 207, 255	`rgb(102,207,255)`
RGB Percent	40, 81.2, 100	`rgb(40%,81.2%,100%)`
CMYK	60, 19, 0, 0
HSL	198.8°, 100, 70	`hsl(198.8,100%,70%)`
HSV (or HSB)	198.8°, 60, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.849, -16.731, -32.632
XYZ	45.838, 54.667, 102.738
xyY	0.226, 0.269, 54.667
CIE-LCH	78.849, 36.671, 242.854
CIE-LUV	78.849, -42.715, -50.508
Hunter-Lab	73.937, -18.728, -30.63
Binary	01100110, 11001111, 11111111

#66cfff
```
#66cfff rgb(102,207,255)
```
#ff9666
```
#ff9666 rgb(255,150,102)
```

Complementary Color

#66ffe3
```
#66ffe3 rgb(102,255,227)
```
#66cfff
```
#66cfff rgb(102,207,255)
```
#6683ff
```
#6683ff rgb(102,131,255)
```

Analogous Color

#ffe366
```
#ffe366 rgb(255,227,102)
```
#66cfff
```
#66cfff rgb(102,207,255)
```
#ff6683
```
#ff6683 rgb(255,102,131)
```

Split Complementary Color

#cfff66
```
#cfff66 rgb(207,255,102)
```
#66cfff
```
#66cfff rgb(102,207,255)
```
#ff66cf
```
#ff66cf rgb(255,102,207)
```

Triadic Color

#66ff96
```
#66ff96 rgb(102,255,150)
```
#66cfff
```
#66cfff rgb(102,207,255)
```
#ff66cf
```
#ff66cf rgb(255,102,207)
```
#ff9666
```
#ff9666 rgb(255,150,102)
```

Tetradic Color

#1ab7ff
```
#1ab7ff rgb(26,183,255)
```
#33bfff
```
#33bfff rgb(51,191,255)
```
#4dc7ff
```
#4dc7ff rgb(77,199,255)
```
#66cfff
```
#66cfff rgb(102,207,255)
```
#80d7ff
```
#80d7ff rgb(128,215,255)
```
#99dfff
```
#99dfff rgb(153,223,255)
```
#b3e7ff
```
#b3e7ff rgb(179,231,255)
```

Monochromatic Color

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

#66f5ff
```
#66f5ff rgb(102,245,255)
```
#66e9ff
```
#66e9ff rgb(102,233,255)
```
#66dcff
```
#66dcff rgb(102,220,255)
```
#66cfff
```
#66cfff rgb(102,207,255)
```
#66c2ff
```
#66c2ff rgb(102,194,255)
```
#66b6ff
```
#66b6ff rgb(102,182,255)
```
#66a9ff
```
#66a9ff rgb(102,169,255)
```

Similar Colors

Text with hexadecimal color #66cfff

This text has a font color of #66cfff.

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

#66cfff background color

This paragraph has a background color of #66cfff.

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

#66cfff border color

This element has a border color of #66cfff.

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

CSS codes

.text {color:#66cfff;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001018
```
#001018 rgb(0,16,24)
```
#001e2b
```
#001e2b rgb(0,30,43)
```
#002b3f
```
#002b3f rgb(0,43,63)
```
#003952
```
#003952 rgb(0,57,82)
```
#004666
```
#004666 rgb(0,70,102)
```
#00537a
```
#00537a rgb(0,83,122)
```
#00618d
```
#00618d rgb(0,97,141)
```
#006ea1
```
#006ea1 rgb(0,110,161)
```
#007cb4
```
#007cb4 rgb(0,124,180)
```
#0089c8
```
#0089c8 rgb(0,137,200)
```
#0097dc
```
#0097dc rgb(0,151,220)
```
#00a4ef
```
#00a4ef rgb(0,164,239)
```

Shade Color Variation

#04b0ff
```
#04b0ff rgb(4,176,255)
```
#18b6ff
```
#18b6ff rgb(24,182,255)
```
#2bbdff
```
#2bbdff rgb(43,189,255)
```
#3fc3ff
```
#3fc3ff rgb(63,195,255)
```
#52c9ff
```
#52c9ff rgb(82,201,255)
```
#66cfff
```
#66cfff rgb(102,207,255)
```
#7ad5ff
```
#7ad5ff rgb(122,213,255)
```
#8ddbff
```
#8ddbff rgb(141,219,255)
```
#a1e1ff
```
#a1e1ff rgb(161,225,255)
```
#b4e8ff
```
#b4e8ff rgb(180,232,255)
```
#c8eeff
```
#c8eeff rgb(200,238,255)
```
#dcf4ff
```
#dcf4ff rgb(220,244,255)
```
#effaff
```
#effaff rgb(239,250,255)
```

Tint Color Variation

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

#adb5b8
```
#adb5b8 rgb(173,181,184)
```
#a7b7be
```
#a7b7be rgb(167,183,190)
```
#a1b9c4
```
#a1b9c4 rgb(161,185,196)
```
#9bbbca
```
#9bbbca rgb(155,187,202)
```
#95bdd0
```
#95bdd0 rgb(149,189,208)
```
#8fc0d6
```
#8fc0d6 rgb(143,192,214)
```
#89c2dc
```
#89c2dc rgb(137,194,220)
```
#83c4e2
```
#83c4e2 rgb(131,196,226)
```
#7ec6e7
```
#7ec6e7 rgb(126,198,231)
```
#78c8ed
```
#78c8ed rgb(120,200,237)
```
#72cbf3
```
#72cbf3 rgb(114,203,243)
```
#6ccdf9
```
#6ccdf9 rgb(108,205,249)
```
#66cfff
```
#66cfff rgb(102,207,255)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a5bac4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8c4f6 Protanopia 1% of men
#b5c4ff Deuteranopia 1% of men
#5fd6e5 Tritanopia 0.001% of the population

Trichromacy

#9ac8f9 Protanomaly 1% of men, 0.01% of women
#98c8ff Deuteranomaly 6% of men, 0.4% of women
#61d3ee Tritanomaly 0.01% of the population

#66cfff hex color

#66cfff Color Information

#66cfff Color Conversion

Color Schemes with #66cfff

Alternatives to #66cfff

#66cfff Preview

Shades and Tints of #66cfff

Tones of #66cfff

Color Blindness Simulator