#8caac2 hex color

In a RGB color space, hex #8caac2 is composed of 54.9% red, 66.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 12.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 206.7 degrees, a saturation of 30.7% and a lightness of 65.5%. #8caac2 color hex could be obtained by blending #ffffff with #195585. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 55
- G 67
- B 76
RGB color chart
- C 28
- M 12
- Y 0
- K 24
CMYK color chart

● #8caac2 color description : Slightly desaturated blue.

The hexadecimal color #8caac2 has RGB values of R:140, G:170, B:194 and CMYK values of C:0.28, M:0.12, Y:0, K:0.24. Its decimal value is 9218754.

Hex triplet	8caac2	`#8caac2`
RGB Decimal	140, 170, 194	`rgb(140,170,194)`
RGB Percent	54.9, 66.7, 76.1	`rgb(54.9%,66.7%,76.1%)`
CMYK	28, 12, 0, 24
HSL	206.7°, 30.7, 65.5	`hsl(206.7,30.7%,65.5%)`
HSV (or HSB)	206.7°, 27.8, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.182, -4.725, -15.644
XYZ	34.925, 38.219, 56.573
xyY	0.269, 0.295, 38.219
CIE-LCH	68.182, 16.342, 253.196
CIE-LUV	68.182, -16.183, -23.2
Hunter-Lab	61.821, -7.346, -10.981
Binary	10001100, 10101010, 11000010

#8caac2
```
#8caac2 rgb(140,170,194)
```
#c2a48c
```
#c2a48c rgb(194,164,140)
```

Complementary Color

#8cc2bf
```
#8cc2bf rgb(140,194,191)
```
#8caac2
```
#8caac2 rgb(140,170,194)
```
#8c8fc2
```
#8c8fc2 rgb(140,143,194)
```

Analogous Color

#c2bf8c
```
#c2bf8c rgb(194,191,140)
```
#8caac2
```
#8caac2 rgb(140,170,194)
```
#c28c8f
```
#c28c8f rgb(194,140,143)
```

Split Complementary Color

#aac28c
```
#aac28c rgb(170,194,140)
```
#8caac2
```
#8caac2 rgb(140,170,194)
```
#c28caa
```
#c28caa rgb(194,140,170)
```

Triadic Color

#8cc2a4
```
#8cc2a4 rgb(140,194,164)
```
#8caac2
```
#8caac2 rgb(140,170,194)
```
#c28caa
```
#c28caa rgb(194,140,170)
```
#c2a48c
```
#c2a48c rgb(194,164,140)
```

Tetradic Color

#5a85a7
```
#5a85a7 rgb(90,133,167)
```
#6b91b0
```
#6b91b0 rgb(107,145,176)
```
#7b9eb9
```
#7b9eb9 rgb(123,158,185)
```
#8caac2
```
#8caac2 rgb(140,170,194)
```
#9db6cb
```
#9db6cb rgb(157,182,203)
```
#adc3d4
```
#adc3d4 rgb(173,195,212)
```
#becfdd
```
#becfdd rgb(190,207,221)
```

Monochromatic Color

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

#8cb8c2
```
#8cb8c2 rgb(140,184,194)
```
#8cb3c2
```
#8cb3c2 rgb(140,179,194)
```
#8cafc2
```
#8cafc2 rgb(140,175,194)
```
#8caac2
```
#8caac2 rgb(140,170,194)
```
#8ca6c2
```
#8ca6c2 rgb(140,166,194)
```
#8ca1c2
```
#8ca1c2 rgb(140,161,194)
```
#8c9dc2
```
#8c9dc2 rgb(140,157,194)
```

Similar Colors

Text with hexadecimal color #8caac2

This text has a font color of #8caac2.

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

#8caac2 background color

This paragraph has a background color of #8caac2.

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

#8caac2 border color

This element has a border color of #8caac2.

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

CSS codes

.text {color:#8caac2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070a0d
```
#070a0d rgb(7,10,13)
```
#0e151a
```
#0e151a rgb(14,21,26)
```
#151f27
```
#151f27 rgb(21,31,39)
```
#1b2934
```
#1b2934 rgb(27,41,52)
```
#223340
```
#223340 rgb(34,51,64)
```
#293d4d
```
#293d4d rgb(41,61,77)
```
#30475a
```
#30475a rgb(48,71,90)
```
#375167
```
#375167 rgb(55,81,103)
```
#3d5c74
```
#3d5c74 rgb(61,92,116)
```
#446681
```
#446681 rgb(68,102,129)
```
#4b708d
```
#4b708d rgb(75,112,141)
```
#527a9a
```
#527a9a rgb(82,122,154)
```

Shade Color Variation

#5984a7
```
#5984a7 rgb(89,132,167)
```
#668eae
```
#668eae rgb(102,142,174)
```
#7297b4
```
#7297b4 rgb(114,151,180)
```
#7fa1bb
```
#7fa1bb rgb(127,161,187)
```
#8caac2
```
#8caac2 rgb(140,170,194)
```
#99b3c9
```
#99b3c9 rgb(153,179,201)
```
#a6bdd0
```
#a6bdd0 rgb(166,189,208)
```
#b2c6d6
```
#b2c6d6 rgb(178,198,214)
```
#bfd0dd
```
#bfd0dd rgb(191,208,221)
```
#ccd9e4
```
#ccd9e4 rgb(204,217,228)
```
#d9e3eb
```
#d9e3eb rgb(217,227,235)
```
#e6ecf2
```
#e6ecf2 rgb(230,236,242)
```
#f3f6f8
```
#f3f6f8 rgb(243,246,248)
```

Tint Color Variation

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

#a0a8ae
```
#a0a8ae rgb(160,168,174)
```
#9aa8b4
```
#9aa8b4 rgb(154,168,180)
```
#93a9bb
```
#93a9bb rgb(147,169,187)
```
#8caac2
```
#8caac2 rgb(140,170,194)
```
#85abc9
```
#85abc9 rgb(133,171,201)
```
#7eacd0
```
#7eacd0 rgb(126,172,208)
```
#78acd6
```
#78acd6 rgb(120,172,214)
```
#71addd
```
#71addd rgb(113,173,221)
```
#6aaee4
```
#6aaee4 rgb(106,174,228)
```
#63afeb
```
#63afeb rgb(99,175,235)
```
#5daff1
```
#5daff1 rgb(93,175,241)
```
#56b0f8
```
#56b0f8 rgb(86,176,248)
```
#4fb1ff
```
#4fb1ff rgb(79,177,255)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9fa5aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a9c2 Protanopia 1% of men
#aba7c7 Deuteranopia 1% of men
#8fafbc Tritanopia 0.001% of the population

Trichromacy

#9ca9c2 Protanomaly 1% of men, 0.01% of women
#a0a8c5 Deuteranomaly 6% of men, 0.4% of women
#8eadbe Tritanomaly 0.01% of the population

#8caac2 hex color

#8caac2 Color Information

#8caac2 Color Conversion

Color Schemes with #8caac2

Alternatives to #8caac2

#8caac2 Preview

Shades and Tints of #8caac2

Tones of #8caac2

Color Blindness Simulator