#8caadc hex color

In a RGB color space, hex #8caadc is composed of 54.9% red, 66.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 22.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 217.5 degrees, a saturation of 53.3% and a lightness of 70.6%. #8caadc color hex could be obtained by blending #ffffff with #1955b9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 55
- G 67
- B 86
RGB color chart
- C 36
- M 23
- Y 0
- K 14
CMYK color chart

● #8caadc color description : Very soft blue.

The hexadecimal color #8caadc has RGB values of R:140, G:170, B:220 and CMYK values of C:0.36, M:0.23, Y:0, K:0.14. Its decimal value is 9218780.

Hex triplet	8caadc	`#8caadc`
RGB Decimal	140, 170, 220	`rgb(140,170,220)`
RGB Percent	54.9, 66.7, 86.3	`rgb(54.9%,66.7%,86.3%)`
CMYK	36, 23, 0, 14
HSL	217.5°, 53.3, 70.6	`hsl(217.5,53.3%,70.6%)`
HSV (or HSB)	217.5°, 36.4, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.105, 1.849, -28.568
XYZ	38.105, 39.491, 73.321
xyY	0.252, 0.262, 39.491
CIE-LCH	69.105, 28.628, 273.703
CIE-LUV	69.105, -16.72, -45.286
Hunter-Lab	62.842, -1.736, -25.188
Binary	10001100, 10101010, 11011100

#8caadc
```
#8caadc rgb(140,170,220)
```
#dcbe8c
```
#dcbe8c rgb(220,190,140)
```

Complementary Color

#8cd2dc
```
#8cd2dc rgb(140,210,220)
```
#8caadc
```
#8caadc rgb(140,170,220)
```
#968cdc
```
#968cdc rgb(150,140,220)
```

Analogous Color

#d2dc8c
```
#d2dc8c rgb(210,220,140)
```
#8caadc
```
#8caadc rgb(140,170,220)
```
#dc968c
```
#dc968c rgb(220,150,140)
```

Split Complementary Color

#aadc8c
```
#aadc8c rgb(170,220,140)
```
#8caadc
```
#8caadc rgb(140,170,220)
```
#dc8caa
```
#dc8caa rgb(220,140,170)
```

Triadic Color

#8cdcbe
```
#8cdcbe rgb(140,220,190)
```
#8caadc
```
#8caadc rgb(140,170,220)
```
#dc8caa
```
#dc8caa rgb(220,140,170)
```
#dcbe8c
```
#dcbe8c rgb(220,190,140)
```

Tetradic Color

#517fca
```
#517fca rgb(81,127,202)
```
#658dd0
```
#658dd0 rgb(101,141,208)
```
#789cd6
```
#789cd6 rgb(120,156,214)
```
#8caadc
```
#8caadc rgb(140,170,220)
```
#a0b8e2
```
#a0b8e2 rgb(160,184,226)
```
#b3c7e8
```
#b3c7e8 rgb(179,199,232)
```
#c7d5ee
```
#c7d5ee rgb(199,213,238)
```

Monochromatic Color

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

#8cbedc
```
#8cbedc rgb(140,190,220)
```
#8cb7dc
```
#8cb7dc rgb(140,183,220)
```
#8cb1dc
```
#8cb1dc rgb(140,177,220)
```
#8caadc
```
#8caadc rgb(140,170,220)
```
#8ca3dc
```
#8ca3dc rgb(140,163,220)
```
#8c9ddc
```
#8c9ddc rgb(140,157,220)
```
#8c96dc
```
#8c96dc rgb(140,150,220)
```

Similar Colors

Text with hexadecimal color #8caadc

This text has a font color of #8caadc.

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

#8caadc background color

This paragraph has a background color of #8caadc.

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

#8caadc border color

This element has a border color of #8caadc.

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

CSS codes

.text {color:#8caadc;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060c14
```
#060c14 rgb(6,12,20)
```
#0b1423
```
#0b1423 rgb(11,20,35)
```
#0f1d32
```
#0f1d32 rgb(15,29,50)
```
#142541
```
#142541 rgb(20,37,65)
```
#192e51
```
#192e51 rgb(25,46,81)
```
#1d3660
```
#1d3660 rgb(29,54,96)
```
#223f6f
```
#223f6f rgb(34,63,111)
```
#26477e
```
#26477e rgb(38,71,126)
```
#2b508d
```
#2b508d rgb(43,80,141)
```
#2f589c
```
#2f589c rgb(47,88,156)
```
#3461ab
```
#3461ab rgb(52,97,171)
```
#3969ba
```
#3969ba rgb(57,105,186)
```

Shade Color Variation

#4172c5
```
#4172c5 rgb(65,114,197)
```
#507eca
```
#507eca rgb(80,126,202)
```
#5f89ce
```
#5f89ce rgb(95,137,206)
```
#6e94d3
```
#6e94d3 rgb(110,148,211)
```
#7d9fd7
```
#7d9fd7 rgb(125,159,215)
```
#8caadc
```
#8caadc rgb(140,170,220)
```
#9bb5e1
```
#9bb5e1 rgb(155,181,225)
```
#aac0e5
```
#aac0e5 rgb(170,192,229)
```
#b9cbea
```
#b9cbea rgb(185,203,234)
```
#c8d6ee
```
#c8d6ee rgb(200,214,238)
```
#d7e2f3
```
#d7e2f3 rgb(215,226,243)
```
#e6edf7
```
#e6edf7 rgb(230,237,247)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

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

#afb3b9
```
#afb3b9 rgb(175,179,185)
```
#a9b1bf
```
#a9b1bf rgb(169,177,191)
```
#a3b0c5
```
#a3b0c5 rgb(163,176,197)
```
#9daecb
```
#9daecb rgb(157,174,203)
```
#98add0
```
#98add0 rgb(152,173,208)
```
#92abd6
```
#92abd6 rgb(146,171,214)
```
#8caadc
```
#8caadc rgb(140,170,220)
```
#86a9e2
```
#86a9e2 rgb(134,169,226)
```
#80a7e8
```
#80a7e8 rgb(128,167,232)
```
#7ba6ed
```
#7ba6ed rgb(123,166,237)
```
#75a4f3
```
#75a4f3 rgb(117,164,243)
```
#6fa3f9
```
#6fa3f9 rgb(111,163,249)
```
#69a1ff
```
#69a1ff rgb(105,161,255)
```

Tone Color Variation

Below, you can see how #8caadc 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
#a2a8b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fabdb Protanopia 1% of men
#a0aadf Deuteranopia 1% of men
#89b3c0 Tritanopia 0.001% of the population

Trichromacy

#98aadb Protanomaly 1% of men, 0.01% of women
#98aade Deuteranomaly 6% of men, 0.4% of women
#8ab0ca Tritanomaly 0.01% of the population

#8caadc hex color

#8caadc Color Information

#8caadc Color Conversion

Color Schemes with #8caadc

Alternatives to #8caadc

#8caadc Preview

Shades and Tints of #8caadc

Tones of #8caadc

Color Blindness Simulator