#8aa5ff hex color

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

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

● #8aa5ff color description : Very light blue.

The hexadecimal color #8aa5ff has RGB values of R:138, G:165, B:255 and CMYK values of C:0.46, M:0.35, Y:0, K:0. Its decimal value is 9086463.

Hex triplet	8aa5ff	`#8aa5ff`
RGB Decimal	138, 165, 255	`rgb(138,165,255)`
RGB Percent	54.1, 64.7, 100	`rgb(54.1%,64.7%,100%)`
CMYK	46, 35, 0, 0
HSL	226.2°, 100, 77.1	`hsl(226.2,100%,77.1%)`
HSV (or HSB)	226.2°, 45.9, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.135, 13.825, -47.635
XYZ	41.983, 39.532, 100.021
xyY	0.231, 0.218, 39.532
CIE-LCH	69.135, 49.601, 286.184
CIE-LUV	69.135, -16.393, -78.932
Hunter-Lab	62.874, 9.158, -50.306
Binary	10001010, 10100101, 11111111

#8aa5ff
```
#8aa5ff rgb(138,165,255)
```
#ffe48a
```
#ffe48a rgb(255,228,138)
```

Complementary Color

#8ae0ff
```
#8ae0ff rgb(138,224,255)
```
#8aa5ff
```
#8aa5ff rgb(138,165,255)
```
#aa8aff
```
#aa8aff rgb(170,138,255)
```

Analogous Color

#e0ff8a
```
#e0ff8a rgb(224,255,138)
```
#8aa5ff
```
#8aa5ff rgb(138,165,255)
```
#ffaa8a
```
#ffaa8a rgb(255,170,138)
```

Split Complementary Color

#a5ff8a
```
#a5ff8a rgb(165,255,138)
```
#8aa5ff
```
#8aa5ff rgb(138,165,255)
```
#ff8aa5
```
#ff8aa5 rgb(255,138,165)
```

Triadic Color

#8affe4
```
#8affe4 rgb(138,255,228)
```
#8aa5ff
```
#8aa5ff rgb(138,165,255)
```
#ff8aa5
```
#ff8aa5 rgb(255,138,165)
```
#ffe48a
```
#ffe48a rgb(255,228,138)
```

Tetradic Color

#3e6aff
```
#3e6aff rgb(62,106,255)
```
#577eff
```
#577eff rgb(87,126,255)
```
#7191ff
```
#7191ff rgb(113,145,255)
```
#8aa5ff
```
#8aa5ff rgb(138,165,255)
```
#a4b9ff
```
#a4b9ff rgb(164,185,255)
```
#bdccff
```
#bdccff rgb(189,204,255)
```
#d7e0ff
```
#d7e0ff rgb(215,224,255)
```

Monochromatic Color

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

#8ac2ff
```
#8ac2ff rgb(138,194,255)
```
#8ab9ff
```
#8ab9ff rgb(138,185,255)
```
#8aafff
```
#8aafff rgb(138,175,255)
```
#8aa5ff
```
#8aa5ff rgb(138,165,255)
```
#8a9bff
```
#8a9bff rgb(138,155,255)
```
#8a92ff
```
#8a92ff rgb(138,146,255)
```
#8c8aff
```
#8c8aff rgb(140,138,255)
```

Similar Colors

Text with hexadecimal color #8aa5ff

This text has a font color of #8aa5ff.

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

#8aa5ff background color

This paragraph has a background color of #8aa5ff.

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

#8aa5ff border color

This element has a border color of #8aa5ff.

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

CSS codes

.text {color:#8aa5ff;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000514
```
#000514 rgb(0,5,20)
```
#000928
```
#000928 rgb(0,9,40)
```
#000e3c
```
#000e3c rgb(0,14,60)
```
#00124f
```
#00124f rgb(0,18,79)
```
#001763
```
#001763 rgb(0,23,99)
```
#001b76
```
#001b76 rgb(0,27,118)
```
#00208a
```
#00208a rgb(0,32,138)
```
#00249e
```
#00249e rgb(0,36,158)
```
#0029b1
```
#0029b1 rgb(0,41,177)
```
#002dc5
```
#002dc5 rgb(0,45,197)
```
#0032d8
```
#0032d8 rgb(0,50,216)
```
#0036ec
```
#0036ec rgb(0,54,236)
```

Shade Color Variation

#013bff
```
#013bff rgb(1,59,255)
```
#144aff
```
#144aff rgb(20,74,255)
```
#285aff
```
#285aff rgb(40,90,255)
```
#3c69ff
```
#3c69ff rgb(60,105,255)
```
#4f78ff
```
#4f78ff rgb(79,120,255)
```
#6387ff
```
#6387ff rgb(99,135,255)
```
#7696ff
```
#7696ff rgb(118,150,255)
```
#8aa5ff
```
#8aa5ff rgb(138,165,255)
```
#9eb4ff
```
#9eb4ff rgb(158,180,255)
```
#b1c3ff
```
#b1c3ff rgb(177,195,255)
```
#c5d2ff
```
#c5d2ff rgb(197,210,255)
```
#d8e1ff
```
#d8e1ff rgb(216,225,255)
```
#ecf0ff
```
#ecf0ff rgb(236,240,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 #8aa5ff is the most saturated one.

#c0c2c9
```
#c0c2c9 rgb(192,194,201)
```
#bcc0ce
```
#bcc0ce rgb(188,192,206)
```
#b7bdd2
```
#b7bdd2 rgb(183,189,210)
```
#b3bbd7
```
#b3bbd7 rgb(179,187,215)
```
#aeb8db
```
#aeb8db rgb(174,184,219)
```
#aab6e0
```
#aab6e0 rgb(170,182,224)
```
#a5b4e4
```
#a5b4e4 rgb(165,180,228)
```
#a1b1e9
```
#a1b1e9 rgb(161,177,233)
```
#9cafed
```
#9cafed rgb(156,175,237)
```
#98acf2
```
#98acf2 rgb(152,172,242)
```
#93aaf6
```
#93aaf6 rgb(147,170,246)
```
#8fa7fb
```
#8fa7fb rgb(143,167,251)
```
#8aa5ff
```
#8aa5ff rgb(138,165,255)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a1a7b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8caaff Protanopia 1% of men
#82acfd Deuteranopia 1% of men
#7ab6c3 Tritanopia 0.001% of the population

Trichromacy

#8ba8ff Protanomaly 1% of men, 0.01% of women
#85a9fe Deuteranomaly 6% of men, 0.4% of women
#80b0d9 Tritanomaly 0.01% of the population

#8aa5ff hex color

#8aa5ff Color Information

#8aa5ff Color Conversion

Color Schemes with #8aa5ff

Alternatives to #8aa5ff

#8aa5ff Preview

Shades and Tints of #8aa5ff

Tones of #8aa5ff

Color Blindness Simulator