#8aafff hex color

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

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

● #8aafff color description : Very light blue.

The hexadecimal color #8aafff has RGB values of R:138, G:175, B:255 and CMYK values of C:0.46, M:0.31, Y:0, K:0. Its decimal value is 9089023.

Hex triplet	8aafff	`#8aafff`
RGB Decimal	138, 175, 255	`rgb(138,175,255)`
RGB Percent	54.1, 68.6, 100	`rgb(54.1%,68.6%,100%)`
CMYK	46, 31, 0, 0
HSL	221°, 100, 77.1	`hsl(221,100%,77.1%)`
HSV (or HSB)	221°, 45.9, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.746, 8.157, -43.538
XYZ	43.857, 43.281, 100.645
xyY	0.234, 0.23, 43.281
CIE-LCH	71.746, 44.296, 280.612
CIE-LUV	71.746, -20.082, -71.679
Hunter-Lab	65.789, 3.865, -44.652
Binary	10001010, 10101111, 11111111

#8aafff
```
#8aafff rgb(138,175,255)
```
#ffda8a
```
#ffda8a rgb(255,218,138)
```

Complementary Color

#8aeaff
```
#8aeaff rgb(138,234,255)
```
#8aafff
```
#8aafff rgb(138,175,255)
```
#a08aff
```
#a08aff rgb(160,138,255)
```

Analogous Color

#eaff8a
```
#eaff8a rgb(234,255,138)
```
#8aafff
```
#8aafff rgb(138,175,255)
```
#ffa08a
```
#ffa08a rgb(255,160,138)
```

Split Complementary Color

#afff8a
```
#afff8a rgb(175,255,138)
```
#8aafff
```
#8aafff rgb(138,175,255)
```
#ff8aaf
```
#ff8aaf rgb(255,138,175)
```

Triadic Color

#8affda
```
#8affda rgb(138,255,218)
```
#8aafff
```
#8aafff rgb(138,175,255)
```
#ff8aaf
```
#ff8aaf rgb(255,138,175)
```
#ffda8a
```
#ffda8a rgb(255,218,138)
```

Tetradic Color

#3e7bff
```
#3e7bff rgb(62,123,255)
```
#578cff
```
#578cff rgb(87,140,255)
```
#719eff
```
#719eff rgb(113,158,255)
```
#8aafff
```
#8aafff rgb(138,175,255)
```
#a4c0ff
```
#a4c0ff rgb(164,192,255)
```
#bdd2ff
```
#bdd2ff rgb(189,210,255)
```
#d7e3ff
```
#d7e3ff rgb(215,227,255)
```

Monochromatic Color

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

#8accff
```
#8accff rgb(138,204,255)
```
#8ac3ff
```
#8ac3ff rgb(138,195,255)
```
#8ab9ff
```
#8ab9ff rgb(138,185,255)
```
#8aafff
```
#8aafff rgb(138,175,255)
```
#8aa5ff
```
#8aa5ff rgb(138,165,255)
```
#8a9cff
```
#8a9cff rgb(138,156,255)
```
#8a92ff
```
#8a92ff rgb(138,146,255)
```

Similar Colors

Text with hexadecimal color #8aafff

This text has a font color of #8aafff.

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

#8aafff background color

This paragraph has a background color of #8aafff.

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

#8aafff border color

This element has a border color of #8aafff.

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

CSS codes

.text {color:#8aafff;}

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

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

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 #ecf2ff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#000614
```
#000614 rgb(0,6,20)
```
#000d28
```
#000d28 rgb(0,13,40)
```
#00133c
```
#00133c rgb(0,19,60)
```
#00194f
```
#00194f rgb(0,25,79)
```
#001f63
```
#001f63 rgb(0,31,99)
```
#002576
```
#002576 rgb(0,37,118)
```
#002c8a
```
#002c8a rgb(0,44,138)
```
#00329e
```
#00329e rgb(0,50,158)
```
#0038b1
```
#0038b1 rgb(0,56,177)
```
#003ec5
```
#003ec5 rgb(0,62,197)
```
#0044d8
```
#0044d8 rgb(0,68,216)
```
#004bec
```
#004bec rgb(0,75,236)
```

Shade Color Variation

#0151ff
```
#0151ff rgb(1,81,255)
```
#145fff
```
#145fff rgb(20,95,255)
```
#286cff
```
#286cff rgb(40,108,255)
```
#3c79ff
```
#3c79ff rgb(60,121,255)
```
#4f87ff
```
#4f87ff rgb(79,135,255)
```
#6394ff
```
#6394ff rgb(99,148,255)
```
#76a2ff
```
#76a2ff rgb(118,162,255)
```
#8aafff
```
#8aafff rgb(138,175,255)
```
#9ebcff
```
#9ebcff rgb(158,188,255)
```
#b1caff
```
#b1caff rgb(177,202,255)
```
#c5d7ff
```
#c5d7ff rgb(197,215,255)
```
#d8e5ff
```
#d8e5ff rgb(216,229,255)
```
#ecf2ff
```
#ecf2ff rgb(236,242,255)
```

Tint Color Variation

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

#c0c3c9
```
#c0c3c9 rgb(192,195,201)
```
#bcc1ce
```
#bcc1ce rgb(188,193,206)
```
#b7c0d2
```
#b7c0d2 rgb(183,192,210)
```
#b3bed7
```
#b3bed7 rgb(179,190,215)
```
#aebcdb
```
#aebcdb rgb(174,188,219)
```
#aabbe0
```
#aabbe0 rgb(170,187,224)
```
#a5b9e4
```
#a5b9e4 rgb(165,185,228)
```
#a1b7e9
```
#a1b7e9 rgb(161,183,233)
```
#9cb6ed
```
#9cb6ed rgb(156,182,237)
```
#98b4f2
```
#98b4f2 rgb(152,180,242)
```
#93b2f6
```
#93b2f6 rgb(147,178,246)
```
#8fb1fb
```
#8fb1fb rgb(143,177,251)
```
#8aafff
```
#8aafff rgb(138,175,255)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a6adbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#98b1fd Protanopia 1% of men
#91b2ff Deuteranopia 1% of men
#7dbdcb Tritanopia 0.001% of the population

Trichromacy

#93b0fe Protanomaly 1% of men, 0.01% of women
#8eb1ff Deuteranomaly 6% of men, 0.4% of women
#81b8de Tritanomaly 0.01% of the population

#8aafff hex color

#8aafff Color Information

#8aafff Color Conversion

Color Schemes with #8aafff

Alternatives to #8aafff

#8aafff Preview

Shades and Tints of #8aafff

Tones of #8aafff

Color Blindness Simulator