#8aacc4 hex color

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

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

● #8aacc4 color description : Slightly desaturated blue.

The hexadecimal color #8aacc4 has RGB values of R:138, G:172, B:196 and CMYK values of C:0.3, M:0.12, Y:0, K:0.23. Its decimal value is 9088196.

Hex triplet	8aacc4	`#8aacc4`
RGB Decimal	138, 172, 196	`rgb(138,172,196)`
RGB Percent	54.1, 67.5, 76.9	`rgb(54.1%,67.5%,76.9%)`
CMYK	30, 12, 0, 23
HSL	204.8°, 33, 65.5	`hsl(204.8,33%,65.5%)`
HSV (or HSB)	204.8°, 29.6, 76.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.673, -5.924, -16.02
XYZ	35.195, 38.893, 57.874
xyY	0.267, 0.295, 38.893
CIE-LCH	68.673, 17.08, 249.705
CIE-LUV	68.673, -17.973, -23.649
Hunter-Lab	62.364, -8.4, -11.367
Binary	10001010, 10101100, 11000100

#8aacc4
```
#8aacc4 rgb(138,172,196)
```
#c4a28a
```
#c4a28a rgb(196,162,138)
```

Complementary Color

#8ac4bf
```
#8ac4bf rgb(138,196,191)
```
#8aacc4
```
#8aacc4 rgb(138,172,196)
```
#8a8fc4
```
#8a8fc4 rgb(138,143,196)
```

Analogous Color

#c4bf8a
```
#c4bf8a rgb(196,191,138)
```
#8aacc4
```
#8aacc4 rgb(138,172,196)
```
#c48a8f
```
#c48a8f rgb(196,138,143)
```

Split Complementary Color

#acc48a
```
#acc48a rgb(172,196,138)
```
#8aacc4
```
#8aacc4 rgb(138,172,196)
```
#c48aac
```
#c48aac rgb(196,138,172)
```

Triadic Color

#8ac4a2
```
#8ac4a2 rgb(138,196,162)
```
#8aacc4
```
#8aacc4 rgb(138,172,196)
```
#c48aac
```
#c48aac rgb(196,138,172)
```
#c4a28a
```
#c4a28a rgb(196,162,138)
```

Tetradic Color

#5788aa
```
#5788aa rgb(87,136,170)
```
#6894b3
```
#6894b3 rgb(104,148,179)
```
#79a0bb
```
#79a0bb rgb(121,160,187)
```
#8aacc4
```
#8aacc4 rgb(138,172,196)
```
#9bb8cd
```
#9bb8cd rgb(155,184,205)
```
#acc4d5
```
#acc4d5 rgb(172,196,213)
```
#bdd0de
```
#bdd0de rgb(189,208,222)
```

Monochromatic Color

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

#8abbc4
```
#8abbc4 rgb(138,187,196)
```
#8ab6c4
```
#8ab6c4 rgb(138,182,196)
```
#8ab1c4
```
#8ab1c4 rgb(138,177,196)
```
#8aacc4
```
#8aacc4 rgb(138,172,196)
```
#8aa7c4
```
#8aa7c4 rgb(138,167,196)
```
#8aa2c4
```
#8aa2c4 rgb(138,162,196)
```
#8a9ec4
```
#8a9ec4 rgb(138,158,196)
```

Similar Colors

Text with hexadecimal color #8aacc4

This text has a font color of #8aacc4.

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

#8aacc4 background color

This paragraph has a background color of #8aacc4.

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

#8aacc4 border color

This element has a border color of #8aacc4.

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

CSS codes

.text {color:#8aacc4;}

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

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

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)
```
#0d151a
```
#0d151a rgb(13,21,26)
```
#141f27
```
#141f27 rgb(20,31,39)
```
#1a2a35
```
#1a2a35 rgb(26,42,53)
```
#213442
```
#213442 rgb(33,52,66)
```
#283e4f
```
#283e4f rgb(40,62,79)
```
#2e495c
```
#2e495c rgb(46,73,92)
```
#355369
```
#355369 rgb(53,83,105)
```
#3b5e76
```
#3b5e76 rgb(59,94,118)
```
#426883
```
#426883 rgb(66,104,131)
```
#497290
```
#497290 rgb(73,114,144)
```
#4f7d9d
```
#4f7d9d rgb(79,125,157)
```

Shade Color Variation

#5687aa
```
#5687aa rgb(86,135,170)
```
#6390b0
```
#6390b0 rgb(99,144,176)
```
#7099b7
```
#7099b7 rgb(112,153,183)
```
#7da3bd
```
#7da3bd rgb(125,163,189)
```
#8aacc4
```
#8aacc4 rgb(138,172,196)
```
#97b5cb
```
#97b5cb rgb(151,181,203)
```
#a4bfd1
```
#a4bfd1 rgb(164,191,209)
```
#b1c8d8
```
#b1c8d8 rgb(177,200,216)
```
#bed1de
```
#bed1de rgb(190,209,222)
```
#cbdae5
```
#cbdae5 rgb(203,218,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, #a5a7a9 is the less saturated color, while #54b5fa is the most saturated one.

#a5a7a9
```
#a5a7a9 rgb(165,167,169)
```
#9ea8b0
```
#9ea8b0 rgb(158,168,176)
```
#98aab6
```
#98aab6 rgb(152,170,182)
```
#91abbd
```
#91abbd rgb(145,171,189)
```
#8aacc4
```
#8aacc4 rgb(138,172,196)
```
#83adcb
```
#83adcb rgb(131,173,203)
```
#7caed2
```
#7caed2 rgb(124,174,210)
```
#76b0d8
```
#76b0d8 rgb(118,176,216)
```
#6fb1df
```
#6fb1df rgb(111,177,223)
```
#68b2e6
```
#68b2e6 rgb(104,178,230)
```
#61b3ed
```
#61b3ed rgb(97,179,237)
```
#5bb4f3
```
#5bb4f3 rgb(91,180,243)
```
#54b5fa
```
#54b5fa rgb(84,181,250)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a0a6ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7aac3 Protanopia 1% of men
#aca8c9 Deuteranopia 1% of men
#8db1be Tritanopia 0.001% of the population

Trichromacy

#9cabc3 Protanomaly 1% of men, 0.01% of women
#a0a9c7 Deuteranomaly 6% of men, 0.4% of women
#8cafc0 Tritanomaly 0.01% of the population

#8aacc4 hex color

#8aacc4 Color Information

#8aacc4 Color Conversion

Color Schemes with #8aacc4

Alternatives to #8aacc4

#8aacc4 Preview

Shades and Tints of #8aacc4

Tones of #8aacc4

Color Blindness Simulator