#66caff hex color

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

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

● #66caff color description : Light blue.

The hexadecimal color #66caff has RGB values of R:102, G:202, B:255 and CMYK values of C:0.6, M:0.21, Y:0, K:0. Its decimal value is 6736639.

Hex triplet	66caff	`#66caff`
RGB Decimal	102, 202, 255	`rgb(102,202,255)`
RGB Percent	40, 79.2, 100	`rgb(40%,79.2%,100%)`
CMYK	60, 21, 0, 0
HSL	200.8°, 100, 70	`hsl(200.8,100%,70%)`
HSV (or HSB)	200.8°, 60, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.45, -14.128, -34.792
XYZ	44.645, 52.283, 102.341
xyY	0.224, 0.262, 52.283
CIE-LCH	77.45, 37.551, 247.899
CIE-LUV	77.45, -40.903, -54.462
Hunter-Lab	72.307, -16.323, -33.303
Binary	01100110, 11001010, 11111111

#66caff
```
#66caff rgb(102,202,255)
```
#ff9b66
```
#ff9b66 rgb(255,155,102)
```

Complementary Color

#66ffe8
```
#66ffe8 rgb(102,255,232)
```
#66caff
```
#66caff rgb(102,202,255)
```
#667eff
```
#667eff rgb(102,126,255)
```

Analogous Color

#ffe866
```
#ffe866 rgb(255,232,102)
```
#66caff
```
#66caff rgb(102,202,255)
```
#ff667e
```
#ff667e rgb(255,102,126)
```

Split Complementary Color

#caff66
```
#caff66 rgb(202,255,102)
```
#66caff
```
#66caff rgb(102,202,255)
```
#ff66ca
```
#ff66ca rgb(255,102,202)
```

Triadic Color

#66ff9b
```
#66ff9b rgb(102,255,155)
```
#66caff
```
#66caff rgb(102,202,255)
```
#ff66ca
```
#ff66ca rgb(255,102,202)
```
#ff9b66
```
#ff9b66 rgb(255,155,102)
```

Tetradic Color

#1ab0ff
```
#1ab0ff rgb(26,176,255)
```
#33b8ff
```
#33b8ff rgb(51,184,255)
```
#4dc1ff
```
#4dc1ff rgb(77,193,255)
```
#66caff
```
#66caff rgb(102,202,255)
```
#80d3ff
```
#80d3ff rgb(128,211,255)
```
#99dcff
```
#99dcff rgb(153,220,255)
```
#b3e5ff
```
#b3e5ff rgb(179,229,255)
```

Monochromatic Color

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

#66f0ff
```
#66f0ff rgb(102,240,255)
```
#66e4ff
```
#66e4ff rgb(102,228,255)
```
#66d7ff
```
#66d7ff rgb(102,215,255)
```
#66caff
```
#66caff rgb(102,202,255)
```
#66bdff
```
#66bdff rgb(102,189,255)
```
#66b1ff
```
#66b1ff rgb(102,177,255)
```
#66a4ff
```
#66a4ff rgb(102,164,255)
```

Similar Colors

Text with hexadecimal color #66caff

This text has a font color of #66caff.

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

#66caff background color

This paragraph has a background color of #66caff.

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

#66caff border color

This element has a border color of #66caff.

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

CSS codes

.text {color:#66caff;}

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

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

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)
```
#000f18
```
#000f18 rgb(0,15,24)
```
#001c2b
```
#001c2b rgb(0,28,43)
```
#00293f
```
#00293f rgb(0,41,63)
```
#003652
```
#003652 rgb(0,54,82)
```
#004366
```
#004366 rgb(0,67,102)
```
#004f7a
```
#004f7a rgb(0,79,122)
```
#005c8d
```
#005c8d rgb(0,92,141)
```
#0069a1
```
#0069a1 rgb(0,105,161)
```
#0076b4
```
#0076b4 rgb(0,118,180)
```
#0083c8
```
#0083c8 rgb(0,131,200)
```
#0090dc
```
#0090dc rgb(0,144,220)
```
#009cef
```
#009cef rgb(0,156,239)
```

Shade Color Variation

#04a8ff
```
#04a8ff rgb(4,168,255)
```
#18afff
```
#18afff rgb(24,175,255)
```
#2bb6ff
```
#2bb6ff rgb(43,182,255)
```
#3fbcff
```
#3fbcff rgb(63,188,255)
```
#52c3ff
```
#52c3ff rgb(82,195,255)
```
#66caff
```
#66caff rgb(102,202,255)
```
#7ad1ff
```
#7ad1ff rgb(122,209,255)
```
#8dd8ff
```
#8dd8ff rgb(141,216,255)
```
#a1deff
```
#a1deff rgb(161,222,255)
```
#b4e5ff
```
#b4e5ff rgb(180,229,255)
```
#c8ecff
```
#c8ecff rgb(200,236,255)
```
#dcf3ff
```
#dcf3ff rgb(220,243,255)
```
#effaff
```
#effaff rgb(239,250,255)
```

Tint Color Variation

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

#adb4b8
```
#adb4b8 rgb(173,180,184)
```
#a7b6be
```
#a7b6be rgb(167,182,190)
```
#a1b8c4
```
#a1b8c4 rgb(161,184,196)
```
#9bbaca
```
#9bbaca rgb(155,186,202)
```
#95bcd0
```
#95bcd0 rgb(149,188,208)
```
#8fbdd6
```
#8fbdd6 rgb(143,189,214)
```
#89bfdc
```
#89bfdc rgb(137,191,220)
```
#83c1e2
```
#83c1e2 rgb(131,193,226)
```
#7ec3e7
```
#7ec3e7 rgb(126,195,231)
```
#78c5ed
```
#78c5ed rgb(120,197,237)
```
#72c6f3
```
#72c6f3 rgb(114,198,243)
```
#6cc8f9
```
#6cc8f9 rgb(108,200,249)
```
#66caff
```
#66caff rgb(102,202,255)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a3b7c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3c0f6 Protanopia 1% of men
#aec0ff Deuteranopia 1% of men
#5cd2e1 Tritanopia 0.001% of the population

Trichromacy

#97c4f9 Protanomaly 1% of men, 0.01% of women
#94c4ff Deuteranomaly 6% of men, 0.4% of women
#60cfec Tritanomaly 0.01% of the population

#66caff hex color

#66caff Color Information

#66caff Color Conversion

Color Schemes with #66caff

Alternatives to #66caff

#66caff Preview

Shades and Tints of #66caff

Tones of #66caff

Color Blindness Simulator