#66aeff hex color

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

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

● #66aeff color description : Light blue.

The hexadecimal color #66aeff has RGB values of R:102, G:174, B:255 and CMYK values of C:0.6, M:0.32, Y:0, K:0. Its decimal value is 6729471.

Hex triplet	66aeff	`#66aeff`
RGB Decimal	102, 174, 255	`rgb(102,174,255)`
RGB Percent	40, 68.2, 100	`rgb(40%,68.2%,100%)`
CMYK	60, 32, 0, 0
HSL	211.8°, 100, 70	`hsl(211.8,100%,70%)`
HSV (or HSB)	211.8°, 60, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.693, 1.101, -46.884
XYZ	38.661, 40.314, 100.346
xyY	0.216, 0.225, 40.314
CIE-LCH	69.693, 46.897, 271.345
CIE-LUV	69.693, -30.888, -76.243
Hunter-Lab	63.494, -2.425, -49.257
Binary	01100110, 10101110, 11111111

#66aeff
```
#66aeff rgb(102,174,255)
```
#ffb766
```
#ffb766 rgb(255,183,102)
```

Complementary Color

#66fbff
```
#66fbff rgb(102,251,255)
```
#66aeff
```
#66aeff rgb(102,174,255)
```
#6b66ff
```
#6b66ff rgb(107,102,255)
```

Analogous Color

#fbff66
```
#fbff66 rgb(251,255,102)
```
#66aeff
```
#66aeff rgb(102,174,255)
```
#ff6b66
```
#ff6b66 rgb(255,107,102)
```

Split Complementary Color

#aeff66
```
#aeff66 rgb(174,255,102)
```
#66aeff
```
#66aeff rgb(102,174,255)
```
#ff66ae
```
#ff66ae rgb(255,102,174)
```

Triadic Color

#66ffb7
```
#66ffb7 rgb(102,255,183)
```
#66aeff
```
#66aeff rgb(102,174,255)
```
#ff66ae
```
#ff66ae rgb(255,102,174)
```
#ffb766
```
#ffb766 rgb(255,183,102)
```

Tetradic Color

#1a86ff
```
#1a86ff rgb(26,134,255)
```
#3393ff
```
#3393ff rgb(51,147,255)
```
#4da1ff
```
#4da1ff rgb(77,161,255)
```
#66aeff
```
#66aeff rgb(102,174,255)
```
#80bcff
```
#80bcff rgb(128,188,255)
```
#99c9ff
```
#99c9ff rgb(153,201,255)
```
#b3d7ff
```
#b3d7ff rgb(179,215,255)
```

Monochromatic Color

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

#66d4ff
```
#66d4ff rgb(102,212,255)
```
#66c8ff
```
#66c8ff rgb(102,200,255)
```
#66bbff
```
#66bbff rgb(102,187,255)
```
#66aeff
```
#66aeff rgb(102,174,255)
```
#66a1ff
```
#66a1ff rgb(102,161,255)
```
#6695ff
```
#6695ff rgb(102,149,255)
```
#6688ff
```
#6688ff rgb(102,136,255)
```

Similar Colors

Text with hexadecimal color #66aeff

This text has a font color of #66aeff.

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

#66aeff background color

This paragraph has a background color of #66aeff.

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

#66aeff border color

This element has a border color of #66aeff.

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

CSS codes

.text {color:#66aeff;}

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

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

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)
```
#00142b
```
#00142b rgb(0,20,43)
```
#001e3f
```
#001e3f rgb(0,30,63)
```
#002752
```
#002752 rgb(0,39,82)
```
#003066
```
#003066 rgb(0,48,102)
```
#00397a
```
#00397a rgb(0,57,122)
```
#00428d
```
#00428d rgb(0,66,141)
```
#004ca1
```
#004ca1 rgb(0,76,161)
```
#0055b4
```
#0055b4 rgb(0,85,180)
```
#005ec8
```
#005ec8 rgb(0,94,200)
```
#0067dc
```
#0067dc rgb(0,103,220)
```
#0071ef
```
#0071ef rgb(0,113,239)
```

Shade Color Variation

#047aff
```
#047aff rgb(4,122,255)
```
#1884ff
```
#1884ff rgb(24,132,255)
```
#2b8fff
```
#2b8fff rgb(43,143,255)
```
#3f99ff
```
#3f99ff rgb(63,153,255)
```
#52a4ff
```
#52a4ff rgb(82,164,255)
```
#66aeff
```
#66aeff rgb(102,174,255)
```
#7ab8ff
```
#7ab8ff rgb(122,184,255)
```
#8dc3ff
```
#8dc3ff rgb(141,195,255)
```
#a1cdff
```
#a1cdff rgb(161,205,255)
```
#b4d8ff
```
#b4d8ff rgb(180,216,255)
```
#c8e2ff
```
#c8e2ff rgb(200,226,255)
```
#dcecff
```
#dcecff rgb(220,236,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 #66aeff is the most saturated one.

#adb2b8
```
#adb2b8 rgb(173,178,184)
```
#a7b2be
```
#a7b2be rgb(167,178,190)
```
#a1b1c4
```
#a1b1c4 rgb(161,177,196)
```
#9bb1ca
```
#9bb1ca rgb(155,177,202)
```
#95b1d0
```
#95b1d0 rgb(149,177,208)
```
#8fb0d6
```
#8fb0d6 rgb(143,176,214)
```
#89b0dc
```
#89b0dc rgb(137,176,220)
```
#83b0e2
```
#83b0e2 rgb(131,176,226)
```
#7eafe7
```
#7eafe7 rgb(126,175,231)
```
#78afed
```
#78afed rgb(120,175,237)
```
#72aff3
```
#72aff3 rgb(114,175,243)
```
#6caef9
```
#6caef9 rgb(108,174,249)
```
#66aeff
```
#66aeff rgb(102,174,255)
```

Tone Color Variation

Below, you can see how #66aeff 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
#96a4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92acfa Protanopia 1% of men
#84aeff Deuteranopia 1% of men
#4ebdca Tritanopia 0.001% of the population

Trichromacy

#82acfc Protanomaly 1% of men, 0.01% of women
#79aeff Deuteranomaly 6% of men, 0.4% of women
#56b7dd Tritanomaly 0.01% of the population

#66aeff hex color

#66aeff Color Information

#66aeff Color Conversion

Color Schemes with #66aeff

Alternatives to #66aeff

#66aeff Preview

Shades and Tints of #66aeff

Tones of #66aeff

Color Blindness Simulator