#8aafd4 hex color

In a RGB color space, hex #8aafd4 is composed of 54.1% red, 68.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 34.9% cyan, 17.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 210 degrees, a saturation of 46.3% and a lightness of 68.6%. #8aafd4 color hex could be obtained by blending #ffffff with #155fa9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 54
- G 69
- B 83
RGB color chart
- C 35
- M 17
- Y 0
- K 17
CMYK color chart

● #8aafd4 color description : Slightly desaturated blue.

The hexadecimal color #8aafd4 has RGB values of R:138, G:175, B:212 and CMYK values of C:0.35, M:0.17, Y:0, K:0.17. Its decimal value is 9088980.

Hex triplet	8aafd4	`#8aafd4`
RGB Decimal	138, 175, 212	`rgb(138,175,212)`
RGB Percent	54.1, 68.6, 83.1	`rgb(54.1%,68.6%,83.1%)`
CMYK	35, 17, 0, 17
HSL	210°, 46.3, 68.6	`hsl(210,46.3%,68.6%)`
HSV (or HSB)	210°, 34.9, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.046, -3.544, -22.746
XYZ	37.692, 40.815, 68.176
xyY	0.257, 0.278, 40.815
CIE-LCH	70.046, 23.02, 261.143
CIE-LUV	70.046, -19.476, -34.989
Hunter-Lab	63.887, -6.49, -18.55
Binary	10001010, 10101111, 11010100

#8aafd4
```
#8aafd4 rgb(138,175,212)
```
#d4af8a
```
#d4af8a rgb(212,175,138)
```

Complementary Color

#8ad4d4
```
#8ad4d4 rgb(138,212,212)
```
#8aafd4
```
#8aafd4 rgb(138,175,212)
```
#8a8ad4
```
#8a8ad4 rgb(138,138,212)
```

Analogous Color

#d4d48a
```
#d4d48a rgb(212,212,138)
```
#8aafd4
```
#8aafd4 rgb(138,175,212)
```
#d48a8a
```
#d48a8a rgb(212,138,138)
```

Split Complementary Color

#afd48a
```
#afd48a rgb(175,212,138)
```
#8aafd4
```
#8aafd4 rgb(138,175,212)
```
#d48aaf
```
#d48aaf rgb(212,138,175)
```

Triadic Color

#8ad4af
```
#8ad4af rgb(138,212,175)
```
#8aafd4
```
#8aafd4 rgb(138,175,212)
```
#d48aaf
```
#d48aaf rgb(212,138,175)
```
#d4af8a
```
#d4af8a rgb(212,175,138)
```

Tetradic Color

#5289bf
```
#5289bf rgb(82,137,191)
```
#6596c6
```
#6596c6 rgb(101,150,198)
```
#77a2cd
```
#77a2cd rgb(119,162,205)
```
#8aafd4
```
#8aafd4 rgb(138,175,212)
```
#9dbcdb
```
#9dbcdb rgb(157,188,219)
```
#afc9e2
```
#afc9e2 rgb(175,201,226)
```
#c2d5e9
```
#c2d5e9 rgb(194,213,233)
```

Monochromatic Color

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

#8ac2d4
```
#8ac2d4 rgb(138,194,212)
```
#8abbd4
```
#8abbd4 rgb(138,187,212)
```
#8ab5d4
```
#8ab5d4 rgb(138,181,212)
```
#8aafd4
```
#8aafd4 rgb(138,175,212)
```
#8aa9d4
```
#8aa9d4 rgb(138,169,212)
```
#8aa3d4
```
#8aa3d4 rgb(138,163,212)
```
#8a9dd4
```
#8a9dd4 rgb(138,157,212)
```

Similar Colors

Text with hexadecimal color #8aafd4

This text has a font color of #8aafd4.

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

#8aafd4 background color

This paragraph has a background color of #8aafd4.

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

#8aafd4 border color

This element has a border color of #8aafd4.

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

CSS codes

.text {color:#8aafd4;}

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

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

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, #04080c is the darkest color, while #fdfdfe is the lightest one.

#04080c
```
#04080c rgb(4,8,12)
```
#0a121a
```
#0a121a rgb(10,18,26)
```
#0f1c29
```
#0f1c29 rgb(15,28,41)
```
#142637
```
#142637 rgb(20,38,55)
```
#1a3045
```
#1a3045 rgb(26,48,69)
```
#1f3954
```
#1f3954 rgb(31,57,84)
```
#244362
```
#244362 rgb(36,67,98)
```
#294d71
```
#294d71 rgb(41,77,113)
```
#2f577f
```
#2f577f rgb(47,87,127)
```
#34618d
```
#34618d rgb(52,97,141)
```
#396a9c
```
#396a9c rgb(57,106,156)
```
#3e74aa
```
#3e74aa rgb(62,116,170)
```
#447eb8
```
#447eb8 rgb(68,126,184)
```

Shade Color Variation

#5188bf
```
#5188bf rgb(81,136,191)
```
#5f92c4
```
#5f92c4 rgb(95,146,196)
```
#6d9bc9
```
#6d9bc9 rgb(109,155,201)
```
#7ca5cf
```
#7ca5cf rgb(124,165,207)
```
#8aafd4
```
#8aafd4 rgb(138,175,212)
```
#98b9d9
```
#98b9d9 rgb(152,185,217)
```
#a7c3df
```
#a7c3df rgb(167,195,223)
```
#b5cce4
```
#b5cce4 rgb(181,204,228)
```
#c3d6e9
```
#c3d6e9 rgb(195,214,233)
```
#d2e0ee
```
#d2e0ee rgb(210,224,238)
```
#e0eaf4
```
#e0eaf4 rgb(224,234,244)
```
#eef4f9
```
#eef4f9 rgb(238,244,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#afafaf
```
#afafaf rgb(175,175,175)
```
#a9afb5
```
#a9afb5 rgb(169,175,181)
```
#a3afbb
```
#a3afbb rgb(163,175,187)
```
#9cafc2
```
#9cafc2 rgb(156,175,194)
```
#96afc8
```
#96afc8 rgb(150,175,200)
```
#90afce
```
#90afce rgb(144,175,206)
```
#8aafd4
```
#8aafd4 rgb(138,175,212)
```
#84afda
```
#84afda rgb(132,175,218)
```
#7eafe0
```
#7eafe0 rgb(126,175,224)
```
#78afe6
```
#78afe6 rgb(120,175,230)
```
#71afed
```
#71afed rgb(113,175,237)
```
#6baff3
```
#6baff3 rgb(107,175,243)
```
#65aff9
```
#65aff9 rgb(101,175,249)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a2a9b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6add2 Protanopia 1% of men
#a9acd8 Deuteranopia 1% of men
#8ab6c3 Tritanopia 0.001% of the population

Trichromacy

#9caed3 Protanomaly 1% of men, 0.01% of women
#9dadd6 Deuteranomaly 6% of men, 0.4% of women
#8ab3c9 Tritanomaly 0.01% of the population

#8aafd4 hex color

#8aafd4 Color Information

#8aafd4 Color Conversion

Color Schemes with #8aafd4

Alternatives to #8aafd4

#8aafd4 Preview

Shades and Tints of #8aafd4

Tones of #8aafd4

Color Blindness Simulator