#8aa3cc hex color

In a RGB color space, hex #8aa3cc is composed of 54.1% red, 63.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 32.4% cyan, 20.1% magenta, 0% yellow and 20% black. It has a hue angle of 217.3 degrees, a saturation of 39.3% and a lightness of 67.1%. #8aa3cc color hex could be obtained by blending #ffffff with #154799. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 54
- G 64
- B 80
RGB color chart
- C 32
- M 20
- Y 0
- K 20
CMYK color chart

● #8aa3cc color description : Slightly desaturated blue.

The hexadecimal color #8aa3cc has RGB values of R:138, G:163, B:204 and CMYK values of C:0.32, M:0.2, Y:0, K:0.2. Its decimal value is 9085900.

Hex triplet	8aa3cc	`#8aa3cc`
RGB Decimal	138, 163, 204	`rgb(138,163,204)`
RGB Percent	54.1, 63.9, 80	`rgb(54.1%,63.9%,80%)`
CMYK	32, 20, 0, 20
HSL	217.3°, 39.3, 67.1	`hsl(217.3,39.3%,67.1%)`
HSV (or HSB)	217.3°, 32.4, 80
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.487, 1.037, -23.772
XYZ	34.475, 35.956, 62.247
xyY	0.26, 0.271, 35.956
CIE-LCH	66.487, 23.795, 272.497
CIE-LUV	66.487, -14.283, -37.038
Hunter-Lab	59.964, -2.31, -19.573
Binary	10001010, 10100011, 11001100

#8aa3cc
```
#8aa3cc rgb(138,163,204)
```
#ccb38a
```
#ccb38a rgb(204,179,138)
```

Complementary Color

#8ac4cc
```
#8ac4cc rgb(138,196,204)
```
#8aa3cc
```
#8aa3cc rgb(138,163,204)
```
#928acc
```
#928acc rgb(146,138,204)
```

Analogous Color

#c4cc8a
```
#c4cc8a rgb(196,204,138)
```
#8aa3cc
```
#8aa3cc rgb(138,163,204)
```
#cc928a
```
#cc928a rgb(204,146,138)
```

Split Complementary Color

#a3cc8a
```
#a3cc8a rgb(163,204,138)
```
#8aa3cc
```
#8aa3cc rgb(138,163,204)
```
#cc8aa3
```
#cc8aa3 rgb(204,138,163)
```

Triadic Color

#8accb3
```
#8accb3 rgb(138,204,179)
```
#8aa3cc
```
#8aa3cc rgb(138,163,204)
```
#cc8aa3
```
#cc8aa3 rgb(204,138,163)
```
#ccb38a
```
#ccb38a rgb(204,179,138)
```

Tetradic Color

#5579b5
```
#5579b5 rgb(85,121,181)
```
#6687bd
```
#6687bd rgb(102,135,189)
```
#7895c4
```
#7895c4 rgb(120,149,196)
```
#8aa3cc
```
#8aa3cc rgb(138,163,204)
```
#9cb1d4
```
#9cb1d4 rgb(156,177,212)
```
#aebfdb
```
#aebfdb rgb(174,191,219)
```
#bfcde3
```
#bfcde3 rgb(191,205,227)
```

Monochromatic Color

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

#8ab4cc
```
#8ab4cc rgb(138,180,204)
```
#8aaecc
```
#8aaecc rgb(138,174,204)
```
#8aa9cc
```
#8aa9cc rgb(138,169,204)
```
#8aa3cc
```
#8aa3cc rgb(138,163,204)
```
#8a9ecc
```
#8a9ecc rgb(138,158,204)
```
#8a98cc
```
#8a98cc rgb(138,152,204)
```
#8a93cc
```
#8a93cc rgb(138,147,204)
```

Similar Colors

Text with hexadecimal color #8aa3cc

This text has a font color of #8aa3cc.

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

#8aa3cc background color

This paragraph has a background color of #8aa3cc.

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

#8aa3cc border color

This element has a border color of #8aa3cc.

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

CSS codes

.text {color:#8aa3cc;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#090d14
```
#090d14 rgb(9,13,20)
```
#0f1621
```
#0f1621 rgb(15,22,33)
```
#141e2f
```
#141e2f rgb(20,30,47)
```
#1a273d
```
#1a273d rgb(26,39,61)
```
#20304a
```
#20304a rgb(32,48,74)
```
#263958
```
#263958 rgb(38,57,88)
```
#2c4266
```
#2c4266 rgb(44,66,102)
```
#324b73
```
#324b73 rgb(50,75,115)
```
#385481
```
#385481 rgb(56,84,129)
```
#3e5d8f
```
#3e5d8f rgb(62,93,143)
```
#44659c
```
#44659c rgb(68,101,156)
```
#4a6eaa
```
#4a6eaa rgb(74,110,170)
```

Shade Color Variation

#5378b4
```
#5378b4 rgb(83,120,180)
```
#6183ba
```
#6183ba rgb(97,131,186)
```
#6f8ec0
```
#6f8ec0 rgb(111,142,192)
```
#7c98c6
```
#7c98c6 rgb(124,152,198)
```
#8aa3cc
```
#8aa3cc rgb(138,163,204)
```
#98aed2
```
#98aed2 rgb(152,174,210)
```
#a5b8d8
```
#a5b8d8 rgb(165,184,216)
```
#b3c3de
```
#b3c3de rgb(179,195,222)
```
#c1cee4
```
#c1cee4 rgb(193,206,228)
```
#ced9ea
```
#ced9ea rgb(206,217,234)
```
#dce3f0
```
#dce3f0 rgb(220,227,240)
```
#eaeef6
```
#eaeef6 rgb(234,238,246)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#aaabac
```
#aaabac rgb(170,171,172)
```
#a4a9b2
```
#a4a9b2 rgb(164,169,178)
```
#9da8b9
```
#9da8b9 rgb(157,168,185)
```
#97a6bf
```
#97a6bf rgb(151,166,191)
```
#90a5c6
```
#90a5c6 rgb(144,165,198)
```
#8aa3cc
```
#8aa3cc rgb(138,163,204)
```
#84a1d2
```
#84a1d2 rgb(132,161,210)
```
#7da0d9
```
#7da0d9 rgb(125,160,217)
```
#779edf
```
#779edf rgb(119,158,223)
```
#709de6
```
#709de6 rgb(112,157,230)
```
#6a9bec
```
#6a9bec rgb(106,155,236)
```
#639af3
```
#639af3 rgb(99,154,243)
```
#5d98f9
```
#5d98f9 rgb(93,152,249)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#9ca1a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca4cc Protanopia 1% of men
#9ea3d0 Deuteranopia 1% of men
#89abb8 Tritanopia 0.001% of the population

Trichromacy

#95a4cc Protanomaly 1% of men, 0.01% of women
#97a3ce Deuteranomaly 6% of men, 0.4% of women
#89a8bf Tritanomaly 0.01% of the population

#8aa3cc hex color

#8aa3cc Color Information

#8aa3cc Color Conversion

Color Schemes with #8aa3cc

Alternatives to #8aa3cc

#8aa3cc Preview

Shades and Tints of #8aa3cc

Tones of #8aa3cc

Color Blindness Simulator