#66a5ea hex color

In a RGB color space, hex #66a5ea is composed of 40% red, 64.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 29.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 211.4 degrees, a saturation of 75.9% and a lightness of 65.9%. #66a5ea color hex could be obtained by blending #ccffff with #004bd5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 40
- G 65
- B 92
RGB color chart
- C 56
- M 29
- Y 0
- K 8
CMYK color chart

● #66a5ea color description : Soft blue.

The hexadecimal color #66a5ea has RGB values of R:102, G:165, B:234 and CMYK values of C:0.56, M:0.29, Y:0, K:0.08. Its decimal value is 6727146.

Hex triplet	66a5ea	`#66a5ea`
RGB Decimal	102, 165, 234	`rgb(102,165,234)`
RGB Percent	40, 64.7, 91.8	`rgb(40%,64.7%,91.8%)`
CMYK	56, 29, 0, 8
HSL	211.4°, 75.9, 65.9	`hsl(211.4,75.9%,65.9%)`
HSV (or HSB)	211.4°, 56.4, 91.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.27, -0.433, -40.813
XYZ	33.782, 35.674, 82.943
xyY	0.222, 0.234, 35.674
CIE-LCH	66.27, 40.815, 269.392
CIE-LUV	66.27, -28.074, -65.219
Hunter-Lab	59.727, -3.561, -40.526
Binary	01100110, 10100101, 11101010

#66a5ea
```
#66a5ea rgb(102,165,234)
```
#eaab66
```
#eaab66 rgb(234,171,102)
```

Complementary Color

#66e7ea
```
#66e7ea rgb(102,231,234)
```
#66a5ea
```
#66a5ea rgb(102,165,234)
```
#6966ea
```
#6966ea rgb(105,102,234)
```

Analogous Color

#e7ea66
```
#e7ea66 rgb(231,234,102)
```
#66a5ea
```
#66a5ea rgb(102,165,234)
```
#ea6966
```
#ea6966 rgb(234,105,102)
```

Split Complementary Color

#a5ea66
```
#a5ea66 rgb(165,234,102)
```
#66a5ea
```
#66a5ea rgb(102,165,234)
```
#ea66a5
```
#ea66a5 rgb(234,102,165)
```

Triadic Color

#66eaab
```
#66eaab rgb(102,234,171)
```
#66a5ea
```
#66a5ea rgb(102,165,234)
```
#ea66a5
```
#ea66a5 rgb(234,102,165)
```
#eaab66
```
#eaab66 rgb(234,171,102)
```

Tetradic Color

#237de1
```
#237de1 rgb(35,125,225)
```
#398be4
```
#398be4 rgb(57,139,228)
```
#5098e7
```
#5098e7 rgb(80,152,231)
```
#66a5ea
```
#66a5ea rgb(102,165,234)
```
#7cb2ed
```
#7cb2ed rgb(124,178,237)
```
#93bff0
```
#93bff0 rgb(147,191,240)
```
#a9cdf3
```
#a9cdf3 rgb(169,205,243)
```

Monochromatic Color

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

#66c6ea
```
#66c6ea rgb(102,198,234)
```
#66bbea
```
#66bbea rgb(102,187,234)
```
#66b0ea
```
#66b0ea rgb(102,176,234)
```
#66a5ea
```
#66a5ea rgb(102,165,234)
```
#669aea
```
#669aea rgb(102,154,234)
```
#668fea
```
#668fea rgb(102,143,234)
```
#6684ea
```
#6684ea rgb(102,132,234)
```

Similar Colors

Text with hexadecimal color #66a5ea

This text has a font color of #66a5ea.

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

#66a5ea background color

This paragraph has a background color of #66a5ea.

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

#66a5ea border color

This element has a border color of #66a5ea.

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

CSS codes

.text {color:#66a5ea;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030b13
```
#030b13 rgb(3,11,19)
```
#051425
```
#051425 rgb(5,20,37)
```
#071e36
```
#071e36 rgb(7,30,54)
```
#0a2747
```
#0a2747 rgb(10,39,71)
```
#0c3158
```
#0c3158 rgb(12,49,88)
```
#0f3a6a
```
#0f3a6a rgb(15,58,106)
```
#11447b
```
#11447b rgb(17,68,123)
```
#134d8c
```
#134d8c rgb(19,77,140)
```
#16569d
```
#16569d rgb(22,86,157)
```
#1860af
```
#1860af rgb(24,96,175)
```
#1a69c0
```
#1a69c0 rgb(26,105,192)
```
#1d73d1
```
#1d73d1 rgb(29,115,209)
```

Shade Color Variation

#217ce1
```
#217ce1 rgb(33,124,225)
```
#3287e3
```
#3287e3 rgb(50,135,227)
```
#4491e5
```
#4491e5 rgb(68,145,229)
```
#559be8
```
#559be8 rgb(85,155,232)
```
#66a5ea
```
#66a5ea rgb(102,165,234)
```
#77afec
```
#77afec rgb(119,175,236)
```
#88b9ef
```
#88b9ef rgb(136,185,239)
```
#9ac3f1
```
#9ac3f1 rgb(154,195,241)
```
#abcef3
```
#abcef3 rgb(171,206,243)
```
#bcd8f6
```
#bcd8f6 rgb(188,216,246)
```
#cde2f8
```
#cde2f8 rgb(205,226,248)
```
#dfecfb
```
#dfecfb rgb(223,236,251)
```
#f0f6fd
```
#f0f6fd rgb(240,246,253)
```

Tint Color Variation

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

#a2a8ae
```
#a2a8ae rgb(162,168,174)
```
#9ca7b4
```
#9ca7b4 rgb(156,167,180)
```
#95a7bb
```
#95a7bb rgb(149,167,187)
```
#8ea7c2
```
#8ea7c2 rgb(142,167,194)
```
#87a7c9
```
#87a7c9 rgb(135,167,201)
```
#81a6cf
```
#81a6cf rgb(129,166,207)
```
#7aa6d6
```
#7aa6d6 rgb(122,166,214)
```
#73a6dd
```
#73a6dd rgb(115,166,221)
```
#6da5e3
```
#6da5e3 rgb(109,165,227)
```
#66a5ea
```
#66a5ea rgb(102,165,234)
```
#5fa5f1
```
#5fa5f1 rgb(95,165,241)
```
#59a4f7
```
#59a4f7 rgb(89,164,247)
```
#52a4fe
```
#52a4fe rgb(82,164,254)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#909caa Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea3e6 Protanopia 1% of men
#84a5ec Deuteranopia 1% of men
#57b2bf Tritanopia 0.001% of the population

Trichromacy

#80a4e7 Protanomaly 1% of men, 0.01% of women
#79a5eb Deuteranomaly 6% of men, 0.4% of women
#5cadcf Tritanomaly 0.01% of the population

#66a5ea hex color

#66a5ea Color Information

#66a5ea Color Conversion

Color Schemes with #66a5ea

Alternatives to #66a5ea

#66a5ea Preview

Shades and Tints of #66a5ea

Tones of #66a5ea

Color Blindness Simulator