#8ca1c3 hex color

In a RGB color space, hex #8ca1c3 is composed of 54.9% red, 63.1% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 28.2% cyan, 17.4% magenta, 0% yellow and 23.5% black. It has a hue angle of 217.1 degrees, a saturation of 31.4% and a lightness of 65.7%. #8ca1c3 color hex could be obtained by blending #ffffff with #194387. Closest websafe color is: #9999cc.

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

● #8ca1c3 color description : Slightly desaturated blue.

The hexadecimal color #8ca1c3 has RGB values of R:140, G:161, B:195 and CMYK values of C:0.28, M:0.17, Y:0, K:0.24. Its decimal value is 9216451.

Hex triplet	8ca1c3	`#8ca1c3`
RGB Decimal	140, 161, 195	`rgb(140,161,195)`
RGB Percent	54.9, 63.1, 76.5	`rgb(54.9%,63.1%,76.5%)`
CMYK	28, 17, 0, 24
HSL	217.1°, 31.4, 65.7	`hsl(217.1,31.4%,65.7%)`
HSV (or HSB)	217.1°, 28.2, 76.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.752, 0.485, -19.881
XYZ	33.408, 35.005, 56.623
xyY	0.267, 0.28, 35.005
CIE-LCH	65.752, 19.887, 271.398
CIE-LUV	65.752, -12.279, -30.595
Hunter-Lab	59.165, -2.745, -15.328
Binary	10001100, 10100001, 11000011

#8ca1c3
```
#8ca1c3 rgb(140,161,195)
```
#c3ae8c
```
#c3ae8c rgb(195,174,140)
```

Complementary Color

#8cbdc3
```
#8cbdc3 rgb(140,189,195)
```
#8ca1c3
```
#8ca1c3 rgb(140,161,195)
```
#938cc3
```
#938cc3 rgb(147,140,195)
```

Analogous Color

#bdc38c
```
#bdc38c rgb(189,195,140)
```
#8ca1c3
```
#8ca1c3 rgb(140,161,195)
```
#c3938c
```
#c3938c rgb(195,147,140)
```

Split Complementary Color

#a1c38c
```
#a1c38c rgb(161,195,140)
```
#8ca1c3
```
#8ca1c3 rgb(140,161,195)
```
#c38ca1
```
#c38ca1 rgb(195,140,161)
```

Triadic Color

#8cc3ae
```
#8cc3ae rgb(140,195,174)
```
#8ca1c3
```
#8ca1c3 rgb(140,161,195)
```
#c38ca1
```
#c38ca1 rgb(195,140,161)
```
#c3ae8c
```
#c3ae8c rgb(195,174,140)
```

Tetradic Color

#5a78a9
```
#5a78a9 rgb(90,120,169)
```
#6a86b2
```
#6a86b2 rgb(106,134,178)
```
#7b93ba
```
#7b93ba rgb(123,147,186)
```
#8ca1c3
```
#8ca1c3 rgb(140,161,195)
```
#9dafcc
```
#9dafcc rgb(157,175,204)
```
#aebcd4
```
#aebcd4 rgb(174,188,212)
```
#becadd
```
#becadd rgb(190,202,221)
```

Monochromatic Color

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

#8cafc3
```
#8cafc3 rgb(140,175,195)
```
#8caac3
```
#8caac3 rgb(140,170,195)
```
#8ca6c3
```
#8ca6c3 rgb(140,166,195)
```
#8ca1c3
```
#8ca1c3 rgb(140,161,195)
```
#8c9cc3
```
#8c9cc3 rgb(140,156,195)
```
#8c98c3
```
#8c98c3 rgb(140,152,195)
```
#8c93c3
```
#8c93c3 rgb(140,147,195)
```

Similar Colors

Text with hexadecimal color #8ca1c3

This text has a font color of #8ca1c3.

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

#8ca1c3 background color

This paragraph has a background color of #8ca1c3.

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

#8ca1c3 border color

This element has a border color of #8ca1c3.

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

CSS codes

.text {color:#8ca1c3;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070a0e
```
#070a0e rgb(7,10,14)
```
#0e131b
```
#0e131b rgb(14,19,27)
```
#151c28
```
#151c28 rgb(21,28,40)
```
#1b2535
```
#1b2535 rgb(27,37,53)
```
#222e41
```
#222e41 rgb(34,46,65)
```
#29374e
```
#29374e rgb(41,55,78)
```
#30405b
```
#30405b rgb(48,64,91)
```
#364968
```
#364968 rgb(54,73,104)
```
#3d5275
```
#3d5275 rgb(61,82,117)
```
#445c82
```
#445c82 rgb(68,92,130)
```
#4b658f
```
#4b658f rgb(75,101,143)
```
#516e9c
```
#516e9c rgb(81,110,156)
```

Shade Color Variation

#5877a8
```
#5877a8 rgb(88,119,168)
```
#6581af
```
#6581af rgb(101,129,175)
```
#728cb6
```
#728cb6 rgb(114,140,182)
```
#7f96bc
```
#7f96bc rgb(127,150,188)
```
#8ca1c3
```
#8ca1c3 rgb(140,161,195)
```
#99acca
```
#99acca rgb(153,172,202)
```
#a6b6d0
```
#a6b6d0 rgb(166,182,208)
```
#b3c1d7
```
#b3c1d7 rgb(179,193,215)
```
#c0cbde
```
#c0cbde rgb(192,203,222)
```
#ccd6e5
```
#ccd6e5 rgb(204,214,229)
```
#d9e0eb
```
#d9e0eb rgb(217,224,235)
```
#e6ebf2
```
#e6ebf2 rgb(230,235,242)
```
#f3f5f9
```
#f3f5f9 rgb(243,245,249)
```

Tint Color Variation

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

#a7a7a8
```
#a7a7a8 rgb(167,167,168)
```
#a0a6af
```
#a0a6af rgb(160,166,175)
```
#99a4b6
```
#99a4b6 rgb(153,164,182)
```
#93a3bc
```
#93a3bc rgb(147,163,188)
```
#8ca1c3
```
#8ca1c3 rgb(140,161,195)
```
#859fca
```
#859fca rgb(133,159,202)
```
#7f9ed0
```
#7f9ed0 rgb(127,158,208)
```
#789cd7
```
#789cd7 rgb(120,156,215)
```
#719bde
```
#719bde rgb(113,155,222)
```
#6a99e5
```
#6a99e5 rgb(106,153,229)
```
#6497eb
```
#6497eb rgb(100,151,235)
```
#5d96f2
```
#5d96f2 rgb(93,150,242)
```
#5694f9
```
#5694f9 rgb(86,148,249)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#9b9fa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca3c4 Protanopia 1% of men
#a1a1c7 Deuteranopia 1% of men
#8da8b5 Tritanopia 0.001% of the population

Trichromacy

#96a2c3 Protanomaly 1% of men, 0.01% of women
#99a1c5 Deuteranomaly 6% of men, 0.4% of women
#8da6ba Tritanomaly 0.01% of the population

#8ca1c3 hex color

#8ca1c3 Color Information

#8ca1c3 Color Conversion

Color Schemes with #8ca1c3

Alternatives to #8ca1c3

#8ca1c3 Preview

Shades and Tints of #8ca1c3

Tones of #8ca1c3

Color Blindness Simulator