#8aa4f5 hex color

In a RGB color space, hex #8aa4f5 is composed of 54.1% red, 64.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 33.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 225.4 degrees, a saturation of 84.3% and a lightness of 75.1%. #8aa4f5 color hex could be obtained by blending #ffffff with #1549eb. 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

● #8aa4f5 color description : Very soft blue.

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

Hex triplet	8aa4f5	`#8aa4f5`
RGB Decimal	138, 164, 245	`rgb(138,164,245)`
RGB Percent	54.1, 64.3, 96.1	`rgb(54.1%,64.3%,96.1%)`
CMYK	44, 33, 0, 4
HSL	225.4°, 84.3, 75.1	`hsl(225.4,84.3%,75.1%)`
HSV (or HSB)	225.4°, 43.7, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.421, 11.544, -43.319
XYZ	40.235, 38.545, 91.701
xyY	0.236, 0.226, 38.545
CIE-LCH	68.421, 44.831, 284.921
CIE-LUV	68.421, -15.763, -71.235
Hunter-Lab	62.085, 7.03, -44.114
Binary	10001010, 10100100, 11110101

#8aa4f5
```
#8aa4f5 rgb(138,164,245)
```
#f5db8a
```
#f5db8a rgb(245,219,138)
```

Complementary Color

#8adaf5
```
#8adaf5 rgb(138,218,245)
```
#8aa4f5
```
#8aa4f5 rgb(138,164,245)
```
#a68af5
```
#a68af5 rgb(166,138,245)
```

Analogous Color

#daf58a
```
#daf58a rgb(218,245,138)
```
#8aa4f5
```
#8aa4f5 rgb(138,164,245)
```
#f5a68a
```
#f5a68a rgb(245,166,138)
```

Split Complementary Color

#a4f58a
```
#a4f58a rgb(164,245,138)
```
#8aa4f5
```
#8aa4f5 rgb(138,164,245)
```
#f58aa4
```
#f58aa4 rgb(245,138,164)
```

Triadic Color

#8af5db
```
#8af5db rgb(138,245,219)
```
#8aa4f5
```
#8aa4f5 rgb(138,164,245)
```
#f58aa4
```
#f58aa4 rgb(245,138,164)
```
#f5db8a
```
#f5db8a rgb(245,219,138)
```

Tetradic Color

#446def
```
#446def rgb(68,109,239)
```
#5b7ff1
```
#5b7ff1 rgb(91,127,241)
```
#7392f3
```
#7392f3 rgb(115,146,243)
```
#8aa4f5
```
#8aa4f5 rgb(138,164,245)
```
#a1b6f7
```
#a1b6f7 rgb(161,182,247)
```
#b9c9f9
```
#b9c9f9 rgb(185,201,249)
```
#d0dbfb
```
#d0dbfb rgb(208,219,251)
```

Monochromatic Color

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

#8abff5
```
#8abff5 rgb(138,191,245)
```
#8ab6f5
```
#8ab6f5 rgb(138,182,245)
```
#8aadf5
```
#8aadf5 rgb(138,173,245)
```
#8aa4f5
```
#8aa4f5 rgb(138,164,245)
```
#8a9bf5
```
#8a9bf5 rgb(138,155,245)
```
#8a92f5
```
#8a92f5 rgb(138,146,245)
```
#8b8af5
```
#8b8af5 rgb(139,138,245)
```

Similar Colors

Text with hexadecimal color #8aa4f5

This text has a font color of #8aa4f5.

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

#8aa4f5 background color

This paragraph has a background color of #8aa4f5.

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

#8aa4f5 border color

This element has a border color of #8aa4f5.

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

CSS codes

.text {color:#8aa4f5;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#02081c
```
#02081c rgb(2,8,28)
```
#040e2e
```
#040e2e rgb(4,14,46)
```
#051440
```
#051440 rgb(5,20,64)
```
#071952
```
#071952 rgb(7,25,82)
```
#091f64
```
#091f64 rgb(9,31,100)
```
#0a2476
```
#0a2476 rgb(10,36,118)
```
#0c2a88
```
#0c2a88 rgb(12,42,136)
```
#0d2f9a
```
#0d2f9a rgb(13,47,154)
```
#0f35ac
```
#0f35ac rgb(15,53,172)
```
#103bbe
```
#103bbe rgb(16,59,190)
```
#1240d0
```
#1240d0 rgb(18,64,208)
```
#1346e2
```
#1346e2 rgb(19,70,226)
```

Shade Color Variation

#1e50ec
```
#1e50ec rgb(30,80,236)
```
#305eed
```
#305eed rgb(48,94,237)
```
#426cef
```
#426cef rgb(66,108,239)
```
#547af0
```
#547af0 rgb(84,122,240)
```
#6688f2
```
#6688f2 rgb(102,136,242)
```
#7896f3
```
#7896f3 rgb(120,150,243)
```
#8aa4f5
```
#8aa4f5 rgb(138,164,245)
```
#9cb2f7
```
#9cb2f7 rgb(156,178,247)
```
#aec0f8
```
#aec0f8 rgb(174,192,248)
```
#c0cefa
```
#c0cefa rgb(192,206,250)
```
#d2dcfb
```
#d2dcfb rgb(210,220,251)
```
#e4eafd
```
#e4eafd rgb(228,234,253)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

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

#bbbdc4
```
#bbbdc4 rgb(187,189,196)
```
#b6bbc9
```
#b6bbc9 rgb(182,187,201)
```
#b1b8ce
```
#b1b8ce rgb(177,184,206)
```
#acb6d3
```
#acb6d3 rgb(172,182,211)
```
#a7b3d8
```
#a7b3d8 rgb(167,179,216)
```
#a2b1dd
```
#a2b1dd rgb(162,177,221)
```
#9eaee1
```
#9eaee1 rgb(158,174,225)
```
#99ace6
```
#99ace6 rgb(153,172,230)
```
#94a9eb
```
#94a9eb rgb(148,169,235)
```
#8fa7f0
```
#8fa7f0 rgb(143,167,240)
```
#8aa4f5
```
#8aa4f5 rgb(138,164,245)
```
#85a1fa
```
#85a1fa rgb(133,161,250)
```
#809fff
```
#809fff rgb(128,159,255)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a0a5b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa8f5 Protanopia 1% of men
#88aaf4 Deuteranopia 1% of men
#7db3c0 Tritanopia 0.001% of the population

Trichromacy

#8da7f5 Protanomaly 1% of men, 0.01% of women
#89a8f4 Deuteranomaly 6% of men, 0.4% of women
#82aed3 Tritanomaly 0.01% of the population

#8aa4f5 hex color

#8aa4f5 Color Information

#8aa4f5 Color Conversion

Color Schemes with #8aa4f5

Alternatives to #8aa4f5

#8aa4f5 Preview

Shades and Tints of #8aa4f5

Tones of #8aa4f5

Color Blindness Simulator