#66afff hex color

In a RGB color space, hex #66afff is composed of 40% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 211.4 degrees, a saturation of 100% and a lightness of 70%. #66afff color hex could be obtained by blending #ccffff with #005fff. Closest websafe color is: #6699ff.

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

● #66afff color description : Light blue.

The hexadecimal color #66afff has RGB values of R:102, G:175, B:255 and CMYK values of C:0.6, M:0.31, Y:0, K:0. Its decimal value is 6729727.

Hex triplet	66afff	`#66afff`
RGB Decimal	102, 175, 255	`rgb(102,175,255)`
RGB Percent	40, 68.6, 100	`rgb(40%,68.6%,100%)`
CMYK	60, 31, 0, 0
HSL	211.4°, 100, 70	`hsl(211.4,100%,70%)`
HSV (or HSB)	211.4°, 60, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.967, 0.539, -46.453
XYZ	38.855, 40.702, 100.411
xyY	0.216, 0.226, 40.702
CIE-LCH	69.967, 46.457, 270.665
CIE-LUV	69.967, -31.24, -75.484
Hunter-Lab	63.798, -2.935, -48.657
Binary	01100110, 10101111, 11111111

#66afff
```
#66afff rgb(102,175,255)
```
#ffb666
```
#ffb666 rgb(255,182,102)
```

Complementary Color

#66fcff
```
#66fcff rgb(102,252,255)
```
#66afff
```
#66afff rgb(102,175,255)
```
#6a66ff
```
#6a66ff rgb(106,102,255)
```

Analogous Color

#fcff66
```
#fcff66 rgb(252,255,102)
```
#66afff
```
#66afff rgb(102,175,255)
```
#ff6a66
```
#ff6a66 rgb(255,106,102)
```

Split Complementary Color

#afff66
```
#afff66 rgb(175,255,102)
```
#66afff
```
#66afff rgb(102,175,255)
```
#ff66af
```
#ff66af rgb(255,102,175)
```

Triadic Color

#66ffb6
```
#66ffb6 rgb(102,255,182)
```
#66afff
```
#66afff rgb(102,175,255)
```
#ff66af
```
#ff66af rgb(255,102,175)
```
#ffb666
```
#ffb666 rgb(255,182,102)
```

Tetradic Color

#1a87ff
```
#1a87ff rgb(26,135,255)
```
#3394ff
```
#3394ff rgb(51,148,255)
```
#4da2ff
```
#4da2ff rgb(77,162,255)
```
#66afff
```
#66afff rgb(102,175,255)
```
#80bcff
```
#80bcff rgb(128,188,255)
```
#99caff
```
#99caff rgb(153,202,255)
```
#b3d7ff
```
#b3d7ff rgb(179,215,255)
```

Monochromatic Color

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

#66d5ff
```
#66d5ff rgb(102,213,255)
```
#66c9ff
```
#66c9ff rgb(102,201,255)
```
#66bcff
```
#66bcff rgb(102,188,255)
```
#66afff
```
#66afff rgb(102,175,255)
```
#66a2ff
```
#66a2ff rgb(102,162,255)
```
#6696ff
```
#6696ff rgb(102,150,255)
```
#6689ff
```
#6689ff rgb(102,137,255)
```

Similar Colors

Text with hexadecimal color #66afff

This text has a font color of #66afff.

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

#66afff background color

This paragraph has a background color of #66afff.

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

#66afff border color

This element has a border color of #66afff.

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

CSS codes

.text {color:#66afff;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000b18
```
#000b18 rgb(0,11,24)
```
#00152b
```
#00152b rgb(0,21,43)
```
#001e3f
```
#001e3f rgb(0,30,63)
```
#002752
```
#002752 rgb(0,39,82)
```
#003166
```
#003166 rgb(0,49,102)
```
#003a7a
```
#003a7a rgb(0,58,122)
```
#00438d
```
#00438d rgb(0,67,141)
```
#004da1
```
#004da1 rgb(0,77,161)
```
#0056b4
```
#0056b4 rgb(0,86,180)
```
#005fc8
```
#005fc8 rgb(0,95,200)
```
#0069dc
```
#0069dc rgb(0,105,220)
```
#0072ef
```
#0072ef rgb(0,114,239)
```

Shade Color Variation

#047cff
```
#047cff rgb(4,124,255)
```
#1886ff
```
#1886ff rgb(24,134,255)
```
#2b90ff
```
#2b90ff rgb(43,144,255)
```
#3f9aff
```
#3f9aff rgb(63,154,255)
```
#52a5ff
```
#52a5ff rgb(82,165,255)
```
#66afff
```
#66afff rgb(102,175,255)
```
#7ab9ff
```
#7ab9ff rgb(122,185,255)
```
#8dc4ff
```
#8dc4ff rgb(141,196,255)
```
#a1ceff
```
#a1ceff rgb(161,206,255)
```
#b4d8ff
```
#b4d8ff rgb(180,216,255)
```
#c8e2ff
```
#c8e2ff rgb(200,226,255)
```
#dcedff
```
#dcedff rgb(220,237,255)
```
#eff7ff
```
#eff7ff rgb(239,247,255)
```

Tint Color Variation

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

#adb2b8
```
#adb2b8 rgb(173,178,184)
```
#a7b2be
```
#a7b2be rgb(167,178,190)
```
#a1b2c4
```
#a1b2c4 rgb(161,178,196)
```
#9bb1ca
```
#9bb1ca rgb(155,177,202)
```
#95b1d0
```
#95b1d0 rgb(149,177,208)
```
#8fb1d6
```
#8fb1d6 rgb(143,177,214)
```
#89b1dc
```
#89b1dc rgb(137,177,220)
```
#83b0e2
```
#83b0e2 rgb(131,176,226)
```
#7eb0e7
```
#7eb0e7 rgb(126,176,231)
```
#78b0ed
```
#78b0ed rgb(120,176,237)
```
#72b0f3
```
#72b0f3 rgb(114,176,243)
```
#6caff9
```
#6caff9 rgb(108,175,249)
```
#66afff
```
#66afff rgb(102,175,255)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#96a5b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93acfa Protanopia 1% of men
#86aeff Deuteranopia 1% of men
#4ebdcb Tritanopia 0.001% of the population

Trichromacy

#82adfb Protanomaly 1% of men, 0.01% of women
#7aaeff Deuteranomaly 6% of men, 0.4% of women
#57b8de Tritanomaly 0.01% of the population

#66afff hex color

#66afff Color Information

#66afff Color Conversion

Color Schemes with #66afff

Alternatives to #66afff

#66afff Preview

Shades and Tints of #66afff

Tones of #66afff

Color Blindness Simulator