#8caecc hex color

In a RGB color space, hex #8caecc is composed of 54.9% red, 68.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 14.7% magenta, 0% yellow and 20% black. It has a hue angle of 208.1 degrees, a saturation of 38.6% and a lightness of 67.5%. #8caecc color hex could be obtained by blending #ffffff with #195d99. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 55
- G 68
- B 80
RGB color chart
- C 31
- M 15
- Y 0
- K 20
CMYK color chart

● #8caecc color description : Slightly desaturated blue.

The hexadecimal color #8caecc has RGB values of R:140, G:174, B:204 and CMYK values of C:0.31, M:0.15, Y:0, K:0.2. Its decimal value is 9219788.

Hex triplet	8caecc	`#8caecc`
RGB Decimal	140, 174, 204	`rgb(140,174,204)`
RGB Percent	54.9, 68.2, 80	`rgb(54.9%,68.2%,80%)`
CMYK	31, 15, 0, 20
HSL	208.1°, 38.6, 67.5	`hsl(208.1,38.6%,67.5%)`
HSV (or HSB)	208.1°, 31.4, 80
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.616, -4.453, -18.992
XYZ	36.848, 40.206, 62.942
xyY	0.263, 0.287, 40.206
CIE-LCH	69.616, 19.507, 256.805
CIE-LUV	69.616, -18.096, -28.705
Hunter-Lab	63.408, -7.234, -14.469
Binary	10001100, 10101110, 11001100

#8caecc
```
#8caecc rgb(140,174,204)
```
#ccaa8c
```
#ccaa8c rgb(204,170,140)
```

Complementary Color

#8cccca
```
#8cccca rgb(140,204,202)
```
#8caecc
```
#8caecc rgb(140,174,204)
```
#8c8ecc
```
#8c8ecc rgb(140,142,204)
```

Analogous Color

#ccca8c
```
#ccca8c rgb(204,202,140)
```
#8caecc
```
#8caecc rgb(140,174,204)
```
#cc8c8e
```
#cc8c8e rgb(204,140,142)
```

Split Complementary Color

#aecc8c
```
#aecc8c rgb(174,204,140)
```
#8caecc
```
#8caecc rgb(140,174,204)
```
#cc8cae
```
#cc8cae rgb(204,140,174)
```

Triadic Color

#8cccaa
```
#8cccaa rgb(140,204,170)
```
#8caecc
```
#8caecc rgb(140,174,204)
```
#cc8cae
```
#cc8cae rgb(204,140,174)
```
#ccaa8c
```
#ccaa8c rgb(204,170,140)
```

Tetradic Color

#5789b4
```
#5789b4 rgb(87,137,180)
```
#6995bc
```
#6995bc rgb(105,149,188)
```
#7aa2c4
```
#7aa2c4 rgb(122,162,196)
```
#8caecc
```
#8caecc rgb(140,174,204)
```
#9ebad4
```
#9ebad4 rgb(158,186,212)
```
#afc7dc
```
#afc7dc rgb(175,199,220)
```
#c1d3e4
```
#c1d3e4 rgb(193,211,228)
```

Monochromatic Color

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

#8cbecc
```
#8cbecc rgb(140,190,204)
```
#8cb9cc
```
#8cb9cc rgb(140,185,204)
```
#8cb3cc
```
#8cb3cc rgb(140,179,204)
```
#8caecc
```
#8caecc rgb(140,174,204)
```
#8ca9cc
```
#8ca9cc rgb(140,169,204)
```
#8ca3cc
```
#8ca3cc rgb(140,163,204)
```
#8c9ecc
```
#8c9ecc rgb(140,158,204)
```

Similar Colors

Text with hexadecimal color #8caecc

This text has a font color of #8caecc.

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

#8caecc background color

This paragraph has a background color of #8caecc.

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

#8caecc border color

This element has a border color of #8caecc.

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

CSS codes

.text {color:#8caecc;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#090f15
```
#090f15 rgb(9,15,21)
```
#0f1922
```
#0f1922 rgb(15,25,34)
```
#152430
```
#152430 rgb(21,36,48)
```
#1b2e3e
```
#1b2e3e rgb(27,46,62)
```
#21384b
```
#21384b rgb(33,56,75)
```
#274259
```
#274259 rgb(39,66,89)
```
#2d4c66
```
#2d4c66 rgb(45,76,102)
```
#335674
```
#335674 rgb(51,86,116)
```
#396082
```
#396082 rgb(57,96,130)
```
#406a8f
```
#406a8f rgb(64,106,143)
```
#46749d
```
#46749d rgb(70,116,157)
```
#4c7eaa
```
#4c7eaa rgb(76,126,170)
```

Shade Color Variation

#5688b4
```
#5688b4 rgb(86,136,180)
```
#6391ba
```
#6391ba rgb(99,145,186)
```
#719bc0
```
#719bc0 rgb(113,155,192)
```
#7ea4c6
```
#7ea4c6 rgb(126,164,198)
```
#8caecc
```
#8caecc rgb(140,174,204)
```
#9ab8d2
```
#9ab8d2 rgb(154,184,210)
```
#a7c1d8
```
#a7c1d8 rgb(167,193,216)
```
#b5cbde
```
#b5cbde rgb(181,203,222)
```
#c2d4e4
```
#c2d4e4 rgb(194,212,228)
```
#d0deea
```
#d0deea rgb(208,222,234)
```
#dee7f0
```
#dee7f0 rgb(222,231,240)
```
#ebf1f6
```
#ebf1f6 rgb(235,241,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#acacac
```
#acacac rgb(172,172,172)
```
#a6acb2
```
#a6acb2 rgb(166,172,178)
```
#9fadb9
```
#9fadb9 rgb(159,173,185)
```
#99adbf
```
#99adbf rgb(153,173,191)
```
#92aec6
```
#92aec6 rgb(146,174,198)
```
#8caecc
```
#8caecc rgb(140,174,204)
```
#86aed2
```
#86aed2 rgb(134,174,210)
```
#7fafd9
```
#7fafd9 rgb(127,175,217)
```
#79afdf
```
#79afdf rgb(121,175,223)
```
#72b0e6
```
#72b0e6 rgb(114,176,230)
```
#6cb0ec
```
#6cb0ec rgb(108,176,236)
```
#66b0f2
```
#66b0f2 rgb(102,176,242)
```
#5fb1f9
```
#5fb1f9 rgb(95,177,249)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a2a8ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7adcb Protanopia 1% of men
#acabd1 Deuteranopia 1% of men
#8eb4c1 Tritanopia 0.001% of the population

Trichromacy

#9dadcb Protanomaly 1% of men, 0.01% of women
#a0accf Deuteranomaly 6% of men, 0.4% of women
#8db2c5 Tritanomaly 0.01% of the population

#8caecc hex color

#8caecc Color Information

#8caecc Color Conversion

Color Schemes with #8caecc

Alternatives to #8caecc

#8caecc Preview

Shades and Tints of #8caecc

Tones of #8caecc

Color Blindness Simulator