#8eaaf5 hex color

In a RGB color space, hex #8eaaf5 is composed of 55.7% red, 66.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 30.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 223.7 degrees, a saturation of 83.7% and a lightness of 75.9%. #8eaaf5 color hex could be obtained by blending #ffffff with #1d55eb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 56
- G 67
- B 96
RGB color chart
- C 42
- M 31
- Y 0
- K 4
CMYK color chart

● #8eaaf5 color description : Very soft blue.

The hexadecimal color #8eaaf5 has RGB values of R:142, G:170, B:245 and CMYK values of C:0.42, M:0.31, Y:0, K:0.04. Its decimal value is 9349877.

Hex triplet	8eaaf5	`#8eaaf5`
RGB Decimal	142, 170, 245	`rgb(142,170,245)`
RGB Percent	55.7, 66.7, 96.1	`rgb(55.7%,66.7%,96.1%)`
CMYK	42, 31, 0, 4
HSL	223.7°, 83.7, 75.9	`hsl(223.7,83.7%,75.9%)`
HSV (or HSB)	223.7°, 42, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.24, 9.139, -40.456
XYZ	42.008, 41.091, 92.099
xyY	0.24, 0.235, 41.091
CIE-LCH	70.24, 41.475, 282.729
CIE-LUV	70.24, -16.495, -66.354
Hunter-Lab	64.103, 4.796, -40.313
Binary	10001110, 10101010, 11110101

#8eaaf5
```
#8eaaf5 rgb(142,170,245)
```
#f5d98e
```
#f5d98e rgb(245,217,142)
```

Complementary Color

#8edef5
```
#8edef5 rgb(142,222,245)
```
#8eaaf5
```
#8eaaf5 rgb(142,170,245)
```
#a68ef5
```
#a68ef5 rgb(166,142,245)
```

Analogous Color

#def58e
```
#def58e rgb(222,245,142)
```
#8eaaf5
```
#8eaaf5 rgb(142,170,245)
```
#f5a68e
```
#f5a68e rgb(245,166,142)
```

Split Complementary Color

#aaf58e
```
#aaf58e rgb(170,245,142)
```
#8eaaf5
```
#8eaaf5 rgb(142,170,245)
```
#f58eaa
```
#f58eaa rgb(245,142,170)
```

Triadic Color

#8ef5d9
```
#8ef5d9 rgb(142,245,217)
```
#8eaaf5
```
#8eaaf5 rgb(142,170,245)
```
#f58eaa
```
#f58eaa rgb(245,142,170)
```
#f5d98e
```
#f5d98e rgb(245,217,142)
```

Tetradic Color

#4875ef
```
#4875ef rgb(72,117,239)
```
#5f87f1
```
#5f87f1 rgb(95,135,241)
```
#7798f3
```
#7798f3 rgb(119,152,243)
```
#8eaaf5
```
#8eaaf5 rgb(142,170,245)
```
#a5bcf7
```
#a5bcf7 rgb(165,188,247)
```
#bdcdf9
```
#bdcdf9 rgb(189,205,249)
```
#d4dffb
```
#d4dffb rgb(212,223,251)
```

Monochromatic Color

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

#8ec4f5
```
#8ec4f5 rgb(142,196,245)
```
#8ebbf5
```
#8ebbf5 rgb(142,187,245)
```
#8eb3f5
```
#8eb3f5 rgb(142,179,245)
```
#8eaaf5
```
#8eaaf5 rgb(142,170,245)
```
#8ea1f5
```
#8ea1f5 rgb(142,161,245)
```
#8e99f5
```
#8e99f5 rgb(142,153,245)
```
#8e90f5
```
#8e90f5 rgb(142,144,245)
```

Similar Colors

Text with hexadecimal color #8eaaf5

This text has a font color of #8eaaf5.

<span style="color:#8eaaf5;">Text here</span>

#8eaaf5 background color

This paragraph has a background color of #8eaaf5.

<p style="background-color:#8eaaf5;">Content here</p>

#8eaaf5 border color

This element has a border color of #8eaaf5.

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

CSS codes

.text {color:#8eaaf5;}

.background {background-color:#8eaaf5;}

.border {border:1px solid #8eaaf5;}

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, #01040d is the darkest color, while #fafbff is the lightest one.

#01040d
```
#01040d rgb(1,4,13)
```
#030a1f
```
#030a1f rgb(3,10,31)
```
#041131
```
#041131 rgb(4,17,49)
```
#061743
```
#061743 rgb(6,23,67)
```
#081d55
```
#081d55 rgb(8,29,85)
```
#092367
```
#092367 rgb(9,35,103)
```
#0b2979
```
#0b2979 rgb(11,41,121)
```
#0c2f8b
```
#0c2f8b rgb(12,47,139)
```
#0e359d
```
#0e359d rgb(14,53,157)
```
#103baf
```
#103baf rgb(16,59,175)
```
#1141c1
```
#1141c1 rgb(17,65,193)
```
#1347d3
```
#1347d3 rgb(19,71,211)
```
#144de5
```
#144de5 rgb(20,77,229)
```

Shade Color Variation

#2259eb
```
#2259eb rgb(34,89,235)
```
#3466ed
```
#3466ed rgb(52,102,237)
```
#4674ef
```
#4674ef rgb(70,116,239)
```
#5881f0
```
#5881f0 rgb(88,129,240)
```
#6a8ff2
```
#6a8ff2 rgb(106,143,242)
```
#7c9cf3
```
#7c9cf3 rgb(124,156,243)
```
#8eaaf5
```
#8eaaf5 rgb(142,170,245)
```
#a0b8f7
```
#a0b8f7 rgb(160,184,247)
```
#b2c5f8
```
#b2c5f8 rgb(178,197,248)
```
#c4d3fa
```
#c4d3fa rgb(196,211,250)
```
#d6e0fb
```
#d6e0fb rgb(214,224,251)
```
#e8eefd
```
#e8eefd rgb(232,238,253)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#bdc0c6
```
#bdc0c6 rgb(189,192,198)
```
#b9bdca
```
#b9bdca rgb(185,189,202)
```
#b4bbcf
```
#b4bbcf rgb(180,187,207)
```
#afb9d4
```
#afb9d4 rgb(175,185,212)
```
#aab7d9
```
#aab7d9 rgb(170,183,217)
```
#a6b5dd
```
#a6b5dd rgb(166,181,221)
```
#a1b3e2
```
#a1b3e2 rgb(161,179,226)
```
#9cb0e7
```
#9cb0e7 rgb(156,176,231)
```
#97aeec
```
#97aeec rgb(151,174,236)
```
#93acf0
```
#93acf0 rgb(147,172,240)
```
#8eaaf5
```
#8eaaf5 rgb(142,170,245)
```
#89a8fa
```
#89a8fa rgb(137,168,250)
```
#85a6fe
```
#85a6fe rgb(133,166,254)
```

Tone Color Variation

Below, you can see how #8eaaf5 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

#aaaaaa Achromatopsia 0.005% of the population
#a4aab9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97adf4 Protanopia 1% of men
#92aef5 Deuteranopia 1% of men
#83b8c5 Tritanopia 0.001% of the population

Trichromacy

#94acf4 Protanomaly 1% of men, 0.01% of women
#90adf5 Deuteranomaly 6% of men, 0.4% of women
#87b3d6 Tritanomaly 0.01% of the population

#8eaaf5 hex color

#8eaaf5 Color Information

#8eaaf5 Color Conversion

Color Schemes with #8eaaf5

Alternatives to #8eaaf5

#8eaaf5 Preview

Shades and Tints of #8eaaf5

Tones of #8eaaf5

Color Blindness Simulator