#8aaaff hex color

In a RGB color space, hex #8aaaff is composed of 54.1% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 223.6 degrees, a saturation of 100% and a lightness of 77.1%. #8aaaff color hex could be obtained by blending #ffffff with #1555ff. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 54
- G 67
- B 100
RGB color chart
- C 46
- M 33
- Y 0
- K 0
CMYK color chart

● #8aaaff color description : Very light blue.

The hexadecimal color #8aaaff has RGB values of R:138, G:170, B:255 and CMYK values of C:0.46, M:0.33, Y:0, K:0. Its decimal value is 9087743.

Hex triplet	8aaaff	`#8aaaff`
RGB Decimal	138, 170, 255	`rgb(138,170,255)`
RGB Percent	54.1, 66.7, 100	`rgb(54.1%,66.7%,100%)`
CMYK	46, 33, 0, 0
HSL	223.6°, 100, 77.1	`hsl(223.6,100%,77.1%)`
HSV (or HSB)	223.6°, 45.9, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.435, 10.98, -45.592
XYZ	42.902, 41.371, 100.327
xyY	0.232, 0.224, 41.371
CIE-LCH	70.435, 46.895, 283.541
CIE-LUV	70.435, -18.227, -75.333
Hunter-Lab	64.32, 6.5, -47.457
Binary	10001010, 10101010, 11111111

#8aaaff
```
#8aaaff rgb(138,170,255)
```
#ffdf8a
```
#ffdf8a rgb(255,223,138)
```

Complementary Color

#8ae5ff
```
#8ae5ff rgb(138,229,255)
```
#8aaaff
```
#8aaaff rgb(138,170,255)
```
#a58aff
```
#a58aff rgb(165,138,255)
```

Analogous Color

#e5ff8a
```
#e5ff8a rgb(229,255,138)
```
#8aaaff
```
#8aaaff rgb(138,170,255)
```
#ffa58a
```
#ffa58a rgb(255,165,138)
```

Split Complementary Color

#aaff8a
```
#aaff8a rgb(170,255,138)
```
#8aaaff
```
#8aaaff rgb(138,170,255)
```
#ff8aaa
```
#ff8aaa rgb(255,138,170)
```

Triadic Color

#8affdf
```
#8affdf rgb(138,255,223)
```
#8aaaff
```
#8aaaff rgb(138,170,255)
```
#ff8aaa
```
#ff8aaa rgb(255,138,170)
```
#ffdf8a
```
#ffdf8a rgb(255,223,138)
```

Tetradic Color

#3e72ff
```
#3e72ff rgb(62,114,255)
```
#5785ff
```
#5785ff rgb(87,133,255)
```
#7197ff
```
#7197ff rgb(113,151,255)
```
#8aaaff
```
#8aaaff rgb(138,170,255)
```
#a4bdff
```
#a4bdff rgb(164,189,255)
```
#bdcfff
```
#bdcfff rgb(189,207,255)
```
#d7e2ff
```
#d7e2ff rgb(215,226,255)
```

Monochromatic Color

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

#8ac7ff
```
#8ac7ff rgb(138,199,255)
```
#8abeff
```
#8abeff rgb(138,190,255)
```
#8ab4ff
```
#8ab4ff rgb(138,180,255)
```
#8aaaff
```
#8aaaff rgb(138,170,255)
```
#8aa0ff
```
#8aa0ff rgb(138,160,255)
```
#8a97ff
```
#8a97ff rgb(138,151,255)
```
#8a8dff
```
#8a8dff rgb(138,141,255)
```

Similar Colors

Text with hexadecimal color #8aaaff

This text has a font color of #8aaaff.

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

#8aaaff background color

This paragraph has a background color of #8aaaff.

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

#8aaaff border color

This element has a border color of #8aaaff.

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

CSS codes

.text {color:#8aaaff;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000614
```
#000614 rgb(0,6,20)
```
#000b28
```
#000b28 rgb(0,11,40)
```
#00103c
```
#00103c rgb(0,16,60)
```
#00164f
```
#00164f rgb(0,22,79)
```
#001b63
```
#001b63 rgb(0,27,99)
```
#002076
```
#002076 rgb(0,32,118)
```
#00268a
```
#00268a rgb(0,38,138)
```
#002b9e
```
#002b9e rgb(0,43,158)
```
#0030b1
```
#0030b1 rgb(0,48,177)
```
#0036c5
```
#0036c5 rgb(0,54,197)
```
#003bd8
```
#003bd8 rgb(0,59,216)
```
#0041ec
```
#0041ec rgb(0,65,236)
```

Shade Color Variation

#0146ff
```
#0146ff rgb(1,70,255)
```
#1454ff
```
#1454ff rgb(20,84,255)
```
#2863ff
```
#2863ff rgb(40,99,255)
```
#3c71ff
```
#3c71ff rgb(60,113,255)
```
#4f7fff
```
#4f7fff rgb(79,127,255)
```
#638dff
```
#638dff rgb(99,141,255)
```
#769cff
```
#769cff rgb(118,156,255)
```
#8aaaff
```
#8aaaff rgb(138,170,255)
```
#9eb8ff
```
#9eb8ff rgb(158,184,255)
```
#b1c7ff
```
#b1c7ff rgb(177,199,255)
```
#c5d5ff
```
#c5d5ff rgb(197,213,255)
```
#d8e3ff
```
#d8e3ff rgb(216,227,255)
```
#ecf1ff
```
#ecf1ff rgb(236,241,255)
```

Tint Color Variation

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

#c0c2c9
```
#c0c2c9 rgb(192,194,201)
```
#bcc0ce
```
#bcc0ce rgb(188,192,206)
```
#b7bed2
```
#b7bed2 rgb(183,190,210)
```
#b3bcd7
```
#b3bcd7 rgb(179,188,215)
```
#aebadb
```
#aebadb rgb(174,186,219)
```
#aab8e0
```
#aab8e0 rgb(170,184,224)
```
#a5b6e4
```
#a5b6e4 rgb(165,182,228)
```
#a1b4e9
```
#a1b4e9 rgb(161,180,233)
```
#9cb2ed
```
#9cb2ed rgb(156,178,237)
```
#98b0f2
```
#98b0f2 rgb(152,176,242)
```
#93aef6
```
#93aef6 rgb(147,174,246)
```
#8facfb
```
#8facfb rgb(143,172,251)
```
#8aaaff
```
#8aaaff rgb(138,170,255)
```

Tone Color Variation

Below, you can see how #8aaaff 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
#a4aabb Atypical Achromatopsia 0.001% of the population

Dichromacy

#92adfe Protanopia 1% of men
#8aaffe Deuteranopia 1% of men
#7bbac7 Tritanopia 0.001% of the population

Trichromacy

#8facfe Protanomaly 1% of men, 0.01% of women
#8aadfe Deuteranomaly 6% of men, 0.4% of women
#80b4db Tritanomaly 0.01% of the population

#8aaaff hex color

#8aaaff Color Information

#8aaaff Color Conversion

Color Schemes with #8aaaff

Alternatives to #8aaaff

#8aaaff Preview

Shades and Tints of #8aaaff

Tones of #8aaaff

Color Blindness Simulator