#8aa4f6 hex color

In a RGB color space, hex #8aa4f6 is composed of 54.1% red, 64.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 43.9% cyan, 33.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 225.6 degrees, a saturation of 85.7% and a lightness of 75.3%. #8aa4f6 color hex could be obtained by blending #ffffff with #1549ed. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 54
- G 64
- B 96
RGB color chart
- C 44
- M 33
- Y 0
- K 4
CMYK color chart

● #8aa4f6 color description : Very soft blue.

The hexadecimal color #8aa4f6 has RGB values of R:138, G:164, B:246 and CMYK values of C:0.44, M:0.33, Y:0, K:0.04. Its decimal value is 9086198.

Hex triplet	8aa4f6	`#8aa4f6`
RGB Decimal	138, 164, 246	`rgb(138,164,246)`
RGB Percent	54.1, 64.3, 96.5	`rgb(54.1%,64.3%,96.5%)`
CMYK	44, 33, 0, 4
HSL	225.6°, 85.7, 75.3	`hsl(225.6,85.7%,75.3%)`
HSV (or HSB)	225.6°, 43.9, 96.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.465, 11.827, -43.794
XYZ	40.388, 38.607, 92.507
xyY	0.235, 0.225, 38.607
CIE-LCH	68.465, 45.363, 285.112
CIE-LUV	68.465, -15.789, -72.079
Hunter-Lab	62.134, 7.292, -44.779
Binary	10001010, 10100100, 11110110

#8aa4f6
```
#8aa4f6 rgb(138,164,246)
```
#f6dc8a
```
#f6dc8a rgb(246,220,138)
```

Complementary Color

#8adaf6
```
#8adaf6 rgb(138,218,246)
```
#8aa4f6
```
#8aa4f6 rgb(138,164,246)
```
#a68af6
```
#a68af6 rgb(166,138,246)
```

Analogous Color

#daf68a
```
#daf68a rgb(218,246,138)
```
#8aa4f6
```
#8aa4f6 rgb(138,164,246)
```
#f6a68a
```
#f6a68a rgb(246,166,138)
```

Split Complementary Color

#a4f68a
```
#a4f68a rgb(164,246,138)
```
#8aa4f6
```
#8aa4f6 rgb(138,164,246)
```
#f68aa4
```
#f68aa4 rgb(246,138,164)
```

Triadic Color

#8af6dc
```
#8af6dc rgb(138,246,220)
```
#8aa4f6
```
#8aa4f6 rgb(138,164,246)
```
#f68aa4
```
#f68aa4 rgb(246,138,164)
```
#f6dc8a
```
#f6dc8a rgb(246,220,138)
```

Tetradic Color

#436df1
```
#436df1 rgb(67,109,241)
```
#5b7ff2
```
#5b7ff2 rgb(91,127,242)
```
#7292f4
```
#7292f4 rgb(114,146,244)
```
#8aa4f6
```
#8aa4f6 rgb(138,164,246)
```
#a2b6f8
```
#a2b6f8 rgb(162,182,248)
```
#b9c9fa
```
#b9c9fa rgb(185,201,250)
```
#d1dbfb
```
#d1dbfb rgb(209,219,251)
```

Monochromatic Color

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

#8abff6
```
#8abff6 rgb(138,191,246)
```
#8ab6f6
```
#8ab6f6 rgb(138,182,246)
```
#8aadf6
```
#8aadf6 rgb(138,173,246)
```
#8aa4f6
```
#8aa4f6 rgb(138,164,246)
```
#8a9bf6
```
#8a9bf6 rgb(138,155,246)
```
#8a92f6
```
#8a92f6 rgb(138,146,246)
```
#8b8af6
```
#8b8af6 rgb(139,138,246)
```

Similar Colors

Text with hexadecimal color #8aa4f6

This text has a font color of #8aa4f6.

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

#8aa4f6 background color

This paragraph has a background color of #8aa4f6.

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

#8aa4f6 border color

This element has a border color of #8aa4f6.

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

CSS codes

.text {color:#8aa4f6;}

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

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

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, #01030b is the darkest color, while #f7f9fe is the lightest one.

#01030b
```
#01030b rgb(1,3,11)
```
#02091d
```
#02091d rgb(2,9,29)
```
#040e2f
```
#040e2f rgb(4,14,47)
```
#051341
```
#051341 rgb(5,19,65)
```
#061953
```
#061953 rgb(6,25,83)
```
#081e66
```
#081e66 rgb(8,30,102)
```
#092478
```
#092478 rgb(9,36,120)
```
#0b298a
```
#0b298a rgb(11,41,138)
```
#0c2f9c
```
#0c2f9c rgb(12,47,156)
```
#0d34ae
```
#0d34ae rgb(13,52,174)
```
#0f3ac1
```
#0f3ac1 rgb(15,58,193)
```
#103fd3
```
#103fd3 rgb(16,63,211)
```
#1245e5
```
#1245e5 rgb(18,69,229)
```

Shade Color Variation

#1d4fee
```
#1d4fee rgb(29,79,238)
```
#2f5def
```
#2f5def rgb(47,93,239)
```
#416bf0
```
#416bf0 rgb(65,107,240)
```
#537af2
```
#537af2 rgb(83,122,242)
```
#6688f3
```
#6688f3 rgb(102,136,243)
```
#7896f5
```
#7896f5 rgb(120,150,245)
```
#8aa4f6
```
#8aa4f6 rgb(138,164,246)
```
#9cb2f7
```
#9cb2f7 rgb(156,178,247)
```
#aec0f9
```
#aec0f9 rgb(174,192,249)
```
#c1cffa
```
#c1cffa rgb(193,207,250)
```
#d3ddfc
```
#d3ddfc rgb(211,221,252)
```
#e5ebfd
```
#e5ebfd rgb(229,235,253)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#bfc0c1
```
#bfc0c1 rgb(191,192,193)
```
#babdc6
```
#babdc6 rgb(186,189,198)
```
#b6bbca
```
#b6bbca rgb(182,187,202)
```
#b1b8cf
```
#b1b8cf rgb(177,184,207)
```
#acb6d4
```
#acb6d4 rgb(172,182,212)
```
#a7b3d9
```
#a7b3d9 rgb(167,179,217)
```
#a2b1de
```
#a2b1de rgb(162,177,222)
```
#9daee3
```
#9daee3 rgb(157,174,227)
```
#99ace7
```
#99ace7 rgb(153,172,231)
```
#94a9ec
```
#94a9ec rgb(148,169,236)
```
#8fa7f1
```
#8fa7f1 rgb(143,167,241)
```
#8aa4f6
```
#8aa4f6 rgb(138,164,246)
```
#85a1fb
```
#85a1fb rgb(133,161,251)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a0a6b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa8f6 Protanopia 1% of men
#87aaf5 Deuteranopia 1% of men
#7db4c1 Tritanopia 0.001% of the population

Trichromacy

#8da7f6 Protanomaly 1% of men, 0.01% of women
#88a8f5 Deuteranomaly 6% of men, 0.4% of women
#82aed4 Tritanomaly 0.01% of the population

#8aa4f6 hex color

#8aa4f6 Color Information

#8aa4f6 Color Conversion

Color Schemes with #8aa4f6

Alternatives to #8aa4f6

#8aa4f6 Preview

Shades and Tints of #8aa4f6

Tones of #8aa4f6

Color Blindness Simulator