#66c5ff hex color

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

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

● #66c5ff color description : Light blue.

The hexadecimal color #66c5ff has RGB values of R:102, G:197, B:255 and CMYK values of C:0.6, M:0.23, Y:0, K:0. Its decimal value is 6735359.

Hex triplet	66c5ff	`#66c5ff`
RGB Decimal	102, 197, 255	`rgb(102,197,255)`
RGB Percent	40, 77.3, 100	`rgb(40%,77.3%,100%)`
CMYK	60, 23, 0, 0
HSL	202.7°, 100, 70	`hsl(202.7,100%,70%)`
HSV (or HSB)	202.7°, 60, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.053, -11.489, -36.953
XYZ	43.491, 49.974, 101.956
xyY	0.223, 0.256, 49.974
CIE-LCH	76.053, 38.698, 252.729
CIE-LUV	76.053, -39.095, -58.406
Hunter-Lab	70.692, -13.895, -36.026
Binary	01100110, 11000101, 11111111

#66c5ff
```
#66c5ff rgb(102,197,255)
```
#ffa066
```
#ffa066 rgb(255,160,102)
```

Complementary Color

#66ffed
```
#66ffed rgb(102,255,237)
```
#66c5ff
```
#66c5ff rgb(102,197,255)
```
#6679ff
```
#6679ff rgb(102,121,255)
```

Analogous Color

#ffed66
```
#ffed66 rgb(255,237,102)
```
#66c5ff
```
#66c5ff rgb(102,197,255)
```
#ff6679
```
#ff6679 rgb(255,102,121)
```

Split Complementary Color

#c5ff66
```
#c5ff66 rgb(197,255,102)
```
#66c5ff
```
#66c5ff rgb(102,197,255)
```
#ff66c5
```
#ff66c5 rgb(255,102,197)
```

Triadic Color

#66ffa0
```
#66ffa0 rgb(102,255,160)
```
#66c5ff
```
#66c5ff rgb(102,197,255)
```
#ff66c5
```
#ff66c5 rgb(255,102,197)
```
#ffa066
```
#ffa066 rgb(255,160,102)
```

Tetradic Color

#1aa8ff
```
#1aa8ff rgb(26,168,255)
```
#33b2ff
```
#33b2ff rgb(51,178,255)
```
#4dbbff
```
#4dbbff rgb(77,187,255)
```
#66c5ff
```
#66c5ff rgb(102,197,255)
```
#80cfff
```
#80cfff rgb(128,207,255)
```
#99d8ff
```
#99d8ff rgb(153,216,255)
```
#b3e2ff
```
#b3e2ff rgb(179,226,255)
```

Monochromatic Color

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

#66ebff
```
#66ebff rgb(102,235,255)
```
#66dfff
```
#66dfff rgb(102,223,255)
```
#66d2ff
```
#66d2ff rgb(102,210,255)
```
#66c5ff
```
#66c5ff rgb(102,197,255)
```
#66b8ff
```
#66b8ff rgb(102,184,255)
```
#66acff
```
#66acff rgb(102,172,255)
```
#669fff
```
#669fff rgb(102,159,255)
```

Similar Colors

Text with hexadecimal color #66c5ff

This text has a font color of #66c5ff.

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

#66c5ff background color

This paragraph has a background color of #66c5ff.

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

#66c5ff border color

This element has a border color of #66c5ff.

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

CSS codes

.text {color:#66c5ff;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000f18
```
#000f18 rgb(0,15,24)
```
#001b2b
```
#001b2b rgb(0,27,43)
```
#00273f
```
#00273f rgb(0,39,63)
```
#003352
```
#003352 rgb(0,51,82)
```
#003f66
```
#003f66 rgb(0,63,102)
```
#004c7a
```
#004c7a rgb(0,76,122)
```
#00588d
```
#00588d rgb(0,88,141)
```
#0064a1
```
#0064a1 rgb(0,100,161)
```
#0070b4
```
#0070b4 rgb(0,112,180)
```
#007cc8
```
#007cc8 rgb(0,124,200)
```
#0088dc
```
#0088dc rgb(0,136,220)
```
#0095ef
```
#0095ef rgb(0,149,239)
```

Shade Color Variation

#04a0ff
```
#04a0ff rgb(4,160,255)
```
#18a7ff
```
#18a7ff rgb(24,167,255)
```
#2bafff
```
#2bafff rgb(43,175,255)
```
#3fb6ff
```
#3fb6ff rgb(63,182,255)
```
#52beff
```
#52beff rgb(82,190,255)
```
#66c5ff
```
#66c5ff rgb(102,197,255)
```
#7accff
```
#7accff rgb(122,204,255)
```
#8dd4ff
```
#8dd4ff rgb(141,212,255)
```
#a1dbff
```
#a1dbff rgb(161,219,255)
```
#b4e3ff
```
#b4e3ff rgb(180,227,255)
```
#c8eaff
```
#c8eaff rgb(200,234,255)
```
#dcf2ff
```
#dcf2ff rgb(220,242,255)
```
#eff9ff
```
#eff9ff rgb(239,249,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 #66c5ff is the most saturated one.

#adb4b8
```
#adb4b8 rgb(173,180,184)
```
#a7b5be
```
#a7b5be rgb(167,181,190)
```
#a1b7c4
```
#a1b7c4 rgb(161,183,196)
```
#9bb8ca
```
#9bb8ca rgb(155,184,202)
```
#95bad0
```
#95bad0 rgb(149,186,208)
```
#8fbbd6
```
#8fbbd6 rgb(143,187,214)
```
#89bcdc
```
#89bcdc rgb(137,188,220)
```
#83bee2
```
#83bee2 rgb(131,190,226)
```
#7ebfe7
```
#7ebfe7 rgb(126,191,231)
```
#78c1ed
```
#78c1ed rgb(120,193,237)
```
#72c2f3
```
#72c2f3 rgb(114,194,243)
```
#6cc4f9
```
#6cc4f9 rgb(108,196,249)
```
#66c5ff
```
#66c5ff rgb(102,197,255)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a0b3bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#adbcf7 Protanopia 1% of men
#a7bdff Deuteranopia 1% of men
#5acedd Tritanopia 0.001% of the population

Trichromacy

#93bffa Protanomaly 1% of men, 0.01% of women
#8fc0ff Deuteranomaly 6% of men, 0.4% of women
#5ecbe9 Tritanomaly 0.01% of the population

#66c5ff hex color

#66c5ff Color Information

#66c5ff Color Conversion

Color Schemes with #66c5ff

Alternatives to #66c5ff

#66c5ff Preview

Shades and Tints of #66c5ff

Tones of #66c5ff

Color Blindness Simulator