#8ca2bb hex color

In a RGB color space, hex #8ca2bb is composed of 54.9% red, 63.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 25.1% cyan, 13.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 211.9 degrees, a saturation of 25.7% and a lightness of 64.1%. #8ca2bb color hex could be obtained by blending #ffffff with #194577. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 55
- G 64
- B 73
RGB color chart
- C 25
- M 13
- Y 0
- K 27
CMYK color chart

● #8ca2bb color description : Slightly desaturated blue.

The hexadecimal color #8ca2bb has RGB values of R:140, G:162, B:187 and CMYK values of C:0.25, M:0.13, Y:0, K:0.27. Its decimal value is 9216699.

Hex triplet	8ca2bb	`#8ca2bb`
RGB Decimal	140, 162, 187	`rgb(140,162,187)`
RGB Percent	54.9, 63.5, 73.3	`rgb(54.9%,63.5%,73.3%)`
CMYK	25, 13, 0, 27
HSL	211.9°, 25.7, 64.1	`hsl(211.9,25.7%,64.1%)`
HSV (or HSB)	211.9°, 25.1, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.751, -2.011, -15.425
XYZ	32.703, 35.003, 52.044
xyY	0.273, 0.292, 35.003
CIE-LCH	65.751, 15.555, 262.574
CIE-LUV	65.751, -12.478, -23.119
Hunter-Lab	59.164, -4.868, -10.741
Binary	10001100, 10100010, 10111011

#8ca2bb
```
#8ca2bb rgb(140,162,187)
```
#bba58c
```
#bba58c rgb(187,165,140)
```

Complementary Color

#8cbabb
```
#8cbabb rgb(140,186,187)
```
#8ca2bb
```
#8ca2bb rgb(140,162,187)
```
#8e8cbb
```
#8e8cbb rgb(142,140,187)
```

Analogous Color

#babb8c
```
#babb8c rgb(186,187,140)
```
#8ca2bb
```
#8ca2bb rgb(140,162,187)
```
#bb8e8c
```
#bb8e8c rgb(187,142,140)
```

Split Complementary Color

#a2bb8c
```
#a2bb8c rgb(162,187,140)
```
#8ca2bb
```
#8ca2bb rgb(140,162,187)
```
#bb8ca2
```
#bb8ca2 rgb(187,140,162)
```

Triadic Color

#8cbba5
```
#8cbba5 rgb(140,187,165)
```
#8ca2bb
```
#8ca2bb rgb(140,162,187)
```
#bb8ca2
```
#bb8ca2 rgb(187,140,162)
```
#bba58c
```
#bba58c rgb(187,165,140)
```

Tetradic Color

#5d7b9d
```
#5d7b9d rgb(93,123,157)
```
#6c88a8
```
#6c88a8 rgb(108,136,168)
```
#7c95b2
```
#7c95b2 rgb(124,149,178)
```
#8ca2bb
```
#8ca2bb rgb(140,162,187)
```
#9cafc4
```
#9cafc4 rgb(156,175,196)
```
#acbcce
```
#acbcce rgb(172,188,206)
```
#bcc9d7
```
#bcc9d7 rgb(188,201,215)
```

Monochromatic Color

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

#8caebb
```
#8caebb rgb(140,174,187)
```
#8caabb
```
#8caabb rgb(140,170,187)
```
#8ca6bb
```
#8ca6bb rgb(140,166,187)
```
#8ca2bb
```
#8ca2bb rgb(140,162,187)
```
#8c9ebb
```
#8c9ebb rgb(140,158,187)
```
#8c9abb
```
#8c9abb rgb(140,154,187)
```
#8c96bb
```
#8c96bb rgb(140,150,187)
```

Similar Colors

Text with hexadecimal color #8ca2bb

This text has a font color of #8ca2bb.

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

#8ca2bb background color

This paragraph has a background color of #8ca2bb.

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

#8ca2bb border color

This element has a border color of #8ca2bb.

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

CSS codes

.text {color:#8ca2bb;}

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

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0c1015
```
#0c1015 rgb(12,16,21)
```
#131a21
```
#131a21 rgb(19,26,33)
```
#1b232d
```
#1b232d rgb(27,35,45)
```
#222d3a
```
#222d3a rgb(34,45,58)
```
#293746
```
#293746 rgb(41,55,70)
```
#314052
```
#314052 rgb(49,64,82)
```
#384a5f
```
#384a5f rgb(56,74,95)
```
#3f546b
```
#3f546b rgb(63,84,107)
```
#465d77
```
#465d77 rgb(70,93,119)
```
#4e6784
```
#4e6784 rgb(78,103,132)
```
#557190
```
#557190 rgb(85,113,144)
```
#5c7a9c
```
#5c7a9c rgb(92,122,156)
```

Shade Color Variation

#6784a5
```
#6784a5 rgb(103,132,165)
```
#738eac
```
#738eac rgb(115,142,172)
```
#8098b4
```
#8098b4 rgb(128,152,180)
```
#8ca2bb
```
#8ca2bb rgb(140,162,187)
```
#98acc2
```
#98acc2 rgb(152,172,194)
```
#a5b6ca
```
#a5b6ca rgb(165,182,202)
```
#b1c0d1
```
#b1c0d1 rgb(177,192,209)
```
#bdcad8
```
#bdcad8 rgb(189,202,216)
```
#cad4df
```
#cad4df rgb(202,212,223)
```
#d6dee7
```
#d6dee7 rgb(214,222,231)
```
#e2e8ee
```
#e2e8ee rgb(226,232,238)
```
#eff2f5
```
#eff2f5 rgb(239,242,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#a1a3a6
```
#a1a3a6 rgb(161,163,166)
```
#9aa3ad
```
#9aa3ad rgb(154,163,173)
```
#93a2b4
```
#93a2b4 rgb(147,162,180)
```
#8ca2bb
```
#8ca2bb rgb(140,162,187)
```
#85a2c2
```
#85a2c2 rgb(133,162,194)
```
#7ea1c9
```
#7ea1c9 rgb(126,161,201)
```
#77a1d0
```
#77a1d0 rgb(119,161,208)
```
#70a0d7
```
#70a0d7 rgb(112,160,215)
```
#69a0de
```
#69a0de rgb(105,160,222)
```
#629fe5
```
#629fe5 rgb(98,159,229)
```
#5b9fec
```
#5b9fec rgb(91,159,236)
```
#549ef3
```
#549ef3 rgb(84,158,243)
```
#4d9efa
```
#4d9efa rgb(77,158,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#9a9fa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa3bc Protanopia 1% of men
#a5a1c0 Deuteranopia 1% of men
#8fa8b4 Tritanopia 0.001% of the population

Trichromacy

#98a2bb Protanomaly 1% of men, 0.01% of women
#9ca1be Deuteranomaly 6% of men, 0.4% of women
#8ea6b7 Tritanomaly 0.01% of the population

#8ca2bb hex color

#8ca2bb Color Information

#8ca2bb Color Conversion

Color Schemes with #8ca2bb

Alternatives to #8ca2bb

#8ca2bb Preview

Shades and Tints of #8ca2bb

Tones of #8ca2bb

Color Blindness Simulator