#8ca1dc hex color

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

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

● #8ca1dc color description : Very soft blue.

The hexadecimal color #8ca1dc has RGB values of R:140, G:161, B:220 and CMYK values of C:0.36, M:0.27, Y:0, K:0.14. Its decimal value is 9216476.

Hex triplet	8ca1dc	`#8ca1dc`
RGB Decimal	140, 161, 220	`rgb(140,161,220)`
RGB Percent	54.9, 63.1, 86.3	`rgb(54.9%,63.1%,86.3%)`
CMYK	36, 27, 0, 14
HSL	224.3°, 53.3, 70.6	`hsl(224.3,53.3%,70.6%)`
HSV (or HSB)	224.3°, 36.4, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.696, 6.9, -32.288
XYZ	36.476, 36.231, 72.778
xyY	0.251, 0.249, 36.231
CIE-LCH	66.696, 33.017, 282.063
CIE-LUV	66.696, -13.065, -51.897
Hunter-Lab	60.193, 2.831, -29.552
Binary	10001100, 10100001, 11011100

#8ca1dc
```
#8ca1dc rgb(140,161,220)
```
#dcc78c
```
#dcc78c rgb(220,199,140)
```

Complementary Color

#8cc9dc
```
#8cc9dc rgb(140,201,220)
```
#8ca1dc
```
#8ca1dc rgb(140,161,220)
```
#9f8cdc
```
#9f8cdc rgb(159,140,220)
```

Analogous Color

#c9dc8c
```
#c9dc8c rgb(201,220,140)
```
#8ca1dc
```
#8ca1dc rgb(140,161,220)
```
#dc9f8c
```
#dc9f8c rgb(220,159,140)
```

Split Complementary Color

#a1dc8c
```
#a1dc8c rgb(161,220,140)
```
#8ca1dc
```
#8ca1dc rgb(140,161,220)
```
#dc8ca1
```
#dc8ca1 rgb(220,140,161)
```

Triadic Color

#8cdcc7
```
#8cdcc7 rgb(140,220,199)
```
#8ca1dc
```
#8ca1dc rgb(140,161,220)
```
#dc8ca1
```
#dc8ca1 rgb(220,140,161)
```
#dcc78c
```
#dcc78c rgb(220,199,140)
```

Tetradic Color

#5171ca
```
#5171ca rgb(81,113,202)
```
#6581d0
```
#6581d0 rgb(101,129,208)
```
#7891d6
```
#7891d6 rgb(120,145,214)
```
#8ca1dc
```
#8ca1dc rgb(140,161,220)
```
#a0b1e2
```
#a0b1e2 rgb(160,177,226)
```
#b3c1e8
```
#b3c1e8 rgb(179,193,232)
```
#c7d1ee
```
#c7d1ee rgb(199,209,238)
```

Monochromatic Color

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

#8cb5dc
```
#8cb5dc rgb(140,181,220)
```
#8caedc
```
#8caedc rgb(140,174,220)
```
#8ca8dc
```
#8ca8dc rgb(140,168,220)
```
#8ca1dc
```
#8ca1dc rgb(140,161,220)
```
#8c9adc
```
#8c9adc rgb(140,154,220)
```
#8c94dc
```
#8c94dc rgb(140,148,220)
```
#8c8ddc
```
#8c8ddc rgb(140,141,220)
```

Similar Colors

Text with hexadecimal color #8ca1dc

This text has a font color of #8ca1dc.

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

#8ca1dc background color

This paragraph has a background color of #8ca1dc.

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

#8ca1dc border color

This element has a border color of #8ca1dc.

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

CSS codes

.text {color:#8ca1dc;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060a14
```
#060a14 rgb(6,10,20)
```
#0b1123
```
#0b1123 rgb(11,17,35)
```
#0f1932
```
#0f1932 rgb(15,25,50)
```
#142041
```
#142041 rgb(20,32,65)
```
#192751
```
#192751 rgb(25,39,81)
```
#1d2f60
```
#1d2f60 rgb(29,47,96)
```
#22366f
```
#22366f rgb(34,54,111)
```
#263d7e
```
#263d7e rgb(38,61,126)
```
#2b448d
```
#2b448d rgb(43,68,141)
```
#2f4c9c
```
#2f4c9c rgb(47,76,156)
```
#3453ab
```
#3453ab rgb(52,83,171)
```
#395aba
```
#395aba rgb(57,90,186)
```

Shade Color Variation

#4164c5
```
#4164c5 rgb(65,100,197)
```
#5070ca
```
#5070ca rgb(80,112,202)
```
#5f7cce
```
#5f7cce rgb(95,124,206)
```
#6e88d3
```
#6e88d3 rgb(110,136,211)
```
#7d95d7
```
#7d95d7 rgb(125,149,215)
```
#8ca1dc
```
#8ca1dc rgb(140,161,220)
```
#9bade1
```
#9bade1 rgb(155,173,225)
```
#aabae5
```
#aabae5 rgb(170,186,229)
```
#b9c6ea
```
#b9c6ea rgb(185,198,234)
```
#c8d2ee
```
#c8d2ee rgb(200,210,238)
```
#d7def3
```
#d7def3 rgb(215,222,243)
```
#e6ebf7
```
#e6ebf7 rgb(230,235,247)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#afb1b9
```
#afb1b9 rgb(175,177,185)
```
#a9afbf
```
#a9afbf rgb(169,175,191)
```
#a3acc5
```
#a3acc5 rgb(163,172,197)
```
#9da9cb
```
#9da9cb rgb(157,169,203)
```
#98a6d0
```
#98a6d0 rgb(152,166,208)
```
#92a4d6
```
#92a4d6 rgb(146,164,214)
```
#8ca1dc
```
#8ca1dc rgb(140,161,220)
```
#869ee2
```
#869ee2 rgb(134,158,226)
```
#809ce8
```
#809ce8 rgb(128,156,232)
```
#7b99ed
```
#7b99ed rgb(123,153,237)
```
#7596f3
```
#7596f3 rgb(117,150,243)
```
#6f93f9
```
#6f93f9 rgb(111,147,249)
```
#6991ff
```
#6991ff rgb(105,145,255)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#9da1ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a5dd Protanopia 1% of men
#94a5de Deuteranopia 1% of men
#87adb9 Tritanopia 0.001% of the population

Trichromacy

#92a3dc Protanomaly 1% of men, 0.01% of women
#91a3dd Deuteranomaly 6% of men, 0.4% of women
#89a8c6 Tritanomaly 0.01% of the population

#8ca1dc hex color

#8ca1dc Color Information

#8ca1dc Color Conversion

Color Schemes with #8ca1dc

Alternatives to #8ca1dc

#8ca1dc Preview

Shades and Tints of #8ca1dc

Tones of #8ca1dc

Color Blindness Simulator