#8aafc4 hex color

In a RGB color space, hex #8aafc4 is composed of 54.1% red, 68.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 29.6% cyan, 10.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 201.7 degrees, a saturation of 33% and a lightness of 65.5%. #8aafc4 color hex could be obtained by blending #ffffff with #155f89. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 54
- G 69
- B 77
RGB color chart
- C 30
- M 11
- Y 0
- K 23
CMYK color chart

● #8aafc4 color description : Slightly desaturated blue.

The hexadecimal color #8aafc4 has RGB values of R:138, G:175, B:196 and CMYK values of C:0.3, M:0.11, Y:0, K:0.23. Its decimal value is 9088964.

Hex triplet	8aafc4	`#8aafc4`
RGB Decimal	138, 175, 196	`rgb(138,175,196)`
RGB Percent	54.1, 68.6, 76.9	`rgb(54.1%,68.6%,76.9%)`
CMYK	30, 11, 0, 23
HSL	201.7°, 33, 65.5	`hsl(201.7,33%,65.5%)`
HSV (or HSB)	201.7°, 29.6, 76.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.503, -7.549, -14.768
XYZ	35.773, 40.048, 58.067
xyY	0.267, 0.299, 40.048
CIE-LCH	69.503, 16.586, 242.927
CIE-LUV	69.503, -19.276, -21.45
Hunter-Lab	63.283, -9.843, -10.104
Binary	10001010, 10101111, 11000100

#8aafc4
```
#8aafc4 rgb(138,175,196)
```
#c49f8a
```
#c49f8a rgb(196,159,138)
```

Complementary Color

#8ac4bc
```
#8ac4bc rgb(138,196,188)
```
#8aafc4
```
#8aafc4 rgb(138,175,196)
```
#8a92c4
```
#8a92c4 rgb(138,146,196)
```

Analogous Color

#c4bc8a
```
#c4bc8a rgb(196,188,138)
```
#8aafc4
```
#8aafc4 rgb(138,175,196)
```
#c48a92
```
#c48a92 rgb(196,138,146)
```

Split Complementary Color

#afc48a
```
#afc48a rgb(175,196,138)
```
#8aafc4
```
#8aafc4 rgb(138,175,196)
```
#c48aaf
```
#c48aaf rgb(196,138,175)
```

Triadic Color

#8ac49f
```
#8ac49f rgb(138,196,159)
```
#8aafc4
```
#8aafc4 rgb(138,175,196)
```
#c48aaf
```
#c48aaf rgb(196,138,175)
```
#c49f8a
```
#c49f8a rgb(196,159,138)
```

Tetradic Color

#578caa
```
#578caa rgb(87,140,170)
```
#6898b3
```
#6898b3 rgb(104,152,179)
```
#79a3bb
```
#79a3bb rgb(121,163,187)
```
#8aafc4
```
#8aafc4 rgb(138,175,196)
```
#9bbbcd
```
#9bbbcd rgb(155,187,205)
```
#acc6d5
```
#acc6d5 rgb(172,198,213)
```
#bdd2de
```
#bdd2de rgb(189,210,222)
```

Monochromatic Color

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

#8abec4
```
#8abec4 rgb(138,190,196)
```
#8ab9c4
```
#8ab9c4 rgb(138,185,196)
```
#8ab4c4
```
#8ab4c4 rgb(138,180,196)
```
#8aafc4
```
#8aafc4 rgb(138,175,196)
```
#8aaac4
```
#8aaac4 rgb(138,170,196)
```
#8aa5c4
```
#8aa5c4 rgb(138,165,196)
```
#8aa1c4
```
#8aa1c4 rgb(138,161,196)
```

Similar Colors

Text with hexadecimal color #8aafc4

This text has a font color of #8aafc4.

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

#8aafc4 background color

This paragraph has a background color of #8aafc4.

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

#8aafc4 border color

This element has a border color of #8aafc4.

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

CSS codes

.text {color:#8aafc4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070b0d
```
#070b0d rgb(7,11,13)
```
#0d161a
```
#0d161a rgb(13,22,26)
```
#142027
```
#142027 rgb(20,32,39)
```
#1a2b35
```
#1a2b35 rgb(26,43,53)
```
#213642
```
#213642 rgb(33,54,66)
```
#28404f
```
#28404f rgb(40,64,79)
```
#2e4b5c
```
#2e4b5c rgb(46,75,92)
```
#355669
```
#355669 rgb(53,86,105)
```
#3b6176
```
#3b6176 rgb(59,97,118)
```
#426b83
```
#426b83 rgb(66,107,131)
```
#497690
```
#497690 rgb(73,118,144)
```
#4f819d
```
#4f819d rgb(79,129,157)
```

Shade Color Variation

#568baa
```
#568baa rgb(86,139,170)
```
#6394b0
```
#6394b0 rgb(99,148,176)
```
#709db7
```
#709db7 rgb(112,157,183)
```
#7da6bd
```
#7da6bd rgb(125,166,189)
```
#8aafc4
```
#8aafc4 rgb(138,175,196)
```
#97b8cb
```
#97b8cb rgb(151,184,203)
```
#a4c1d1
```
#a4c1d1 rgb(164,193,209)
```
#b1cad8
```
#b1cad8 rgb(177,202,216)
```
#bed3de
```
#bed3de rgb(190,211,222)
```
#cbdce5
```
#cbdce5 rgb(203,220,229)
```
#d8e4eb
```
#d8e4eb rgb(216,228,235)
```
#e5edf2
```
#e5edf2 rgb(229,237,242)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

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

#a5a8a9
```
#a5a8a9 rgb(165,168,169)
```
#9ea9b0
```
#9ea9b0 rgb(158,169,176)
```
#98abb6
```
#98abb6 rgb(152,171,182)
```
#91adbd
```
#91adbd rgb(145,173,189)
```
#8aafc4
```
#8aafc4 rgb(138,175,196)
```
#83b1cb
```
#83b1cb rgb(131,177,203)
```
#7cb3d2
```
#7cb3d2 rgb(124,179,210)
```
#76b5d8
```
#76b5d8 rgb(118,181,216)
```
#6fb6df
```
#6fb6df rgb(111,182,223)
```
#68b8e6
```
#68b8e6 rgb(104,184,230)
```
#61baed
```
#61baed rgb(97,186,237)
```
#5bbcf3
```
#5bbcf3 rgb(91,188,243)
```
#54befa
```
#54befa rgb(84,190,250)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a0a8ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaacc3 Protanopia 1% of men
#b0aaca Deuteranopia 1% of men
#8eb4c1 Tritanopia 0.001% of the population

Trichromacy

#9eadc3 Protanomaly 1% of men, 0.01% of women
#a2acc7 Deuteranomaly 6% of men, 0.4% of women
#8cb2c2 Tritanomaly 0.01% of the population

#8aafc4 hex color

#8aafc4 Color Information

#8aafc4 Color Conversion

Color Schemes with #8aafc4

Alternatives to #8aafc4

#8aafc4 Preview

Shades and Tints of #8aafc4

Tones of #8aafc4

Color Blindness Simulator