#b4c2d1 hex color

In a RGB color space, hex #b4c2d1 is composed of 70.6% red, 76.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 7.2% magenta, 0% yellow and 18% black. It has a hue angle of 211 degrees, a saturation of 24% and a lightness of 76.3%. #b4c2d1 color hex could be obtained by blending #ffffff with #6985a3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 76
- B 82
RGB color chart
- C 14
- M 7
- Y 0
- K 18
CMYK color chart

● #b4c2d1 color description : Grayish blue.

The hexadecimal color #b4c2d1 has RGB values of R:180, G:194, B:209 and CMYK values of C:0.14, M:0.07, Y:0, K:0.18. Its decimal value is 11846353.

Hex triplet	b4c2d1	`#b4c2d1`
RGB Decimal	180, 194, 209	`rgb(180,194,209)`
RGB Percent	70.6, 76.1, 82	`rgb(70.6%,76.1%,82%)`
CMYK	14, 7, 0, 18
HSL	211°, 24, 76.3	`hsl(211,24%,76.3%)`
HSV (or HSB)	211°, 13.9, 82
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.81, -1.749, -9.14
XYZ	49.62, 52.89, 67.913
xyY	0.291, 0.31, 52.89
CIE-LCH	77.81, 9.306, 259.165
CIE-LUV	77.81, -8.309, -13.725
Hunter-Lab	72.725, -5.479, -4.459
Binary	10110100, 11000010, 11010001

#b4c2d1
```
#b4c2d1 rgb(180,194,209)
```
#d1c3b4
```
#d1c3b4 rgb(209,195,180)
```

Complementary Color

#b4d1d1
```
#b4d1d1 rgb(180,209,209)
```
#b4c2d1
```
#b4c2d1 rgb(180,194,209)
```
#b5b4d1
```
#b5b4d1 rgb(181,180,209)
```

Analogous Color

#d1d1b4
```
#d1d1b4 rgb(209,209,180)
```
#b4c2d1
```
#b4c2d1 rgb(180,194,209)
```
#d1b5b4
```
#d1b5b4 rgb(209,181,180)
```

Split Complementary Color

#c2d1b4
```
#c2d1b4 rgb(194,209,180)
```
#b4c2d1
```
#b4c2d1 rgb(180,194,209)
```
#d1b4c2
```
#d1b4c2 rgb(209,180,194)
```

Triadic Color

#b4d1c3
```
#b4d1c3 rgb(180,209,195)
```
#b4c2d1
```
#b4c2d1 rgb(180,194,209)
```
#d1b4c2
```
#d1b4c2 rgb(209,180,194)
```
#d1c3b4
```
#d1c3b4 rgb(209,195,180)
```

Tetradic Color

#859bb4
```
#859bb4 rgb(133,155,180)
```
#94a8be
```
#94a8be rgb(148,168,190)
```
#a4b5c7
```
#a4b5c7 rgb(164,181,199)
```
#b4c2d1
```
#b4c2d1 rgb(180,194,209)
```
#c4cfdb
```
#c4cfdb rgb(196,207,219)
```
#d4dce4
```
#d4dce4 rgb(212,220,228)
```
#e3e9ee
```
#e3e9ee rgb(227,233,238)
```

Monochromatic Color

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

#b4c9d1
```
#b4c9d1 rgb(180,201,209)
```
#b4c7d1
```
#b4c7d1 rgb(180,199,209)
```
#b4c4d1
```
#b4c4d1 rgb(180,196,209)
```
#b4c2d1
```
#b4c2d1 rgb(180,194,209)
```
#b4c0d1
```
#b4c0d1 rgb(180,192,209)
```
#b4bdd1
```
#b4bdd1 rgb(180,189,209)
```
#b4bbd1
```
#b4bbd1 rgb(180,187,209)
```

Similar Colors

Text with hexadecimal color #b4c2d1

This text has a font color of #b4c2d1.

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

#b4c2d1 background color

This paragraph has a background color of #b4c2d1.

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

#b4c2d1 border color

This element has a border color of #b4c2d1.

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

CSS codes

.text {color:#b4c2d1;}

.background {background-color:#b4c2d1;}

.border {border:1px solid #b4c2d1;}

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, #06080a is the darkest color, while #fdfdfe is the lightest one.

#06080a
```
#06080a rgb(6,8,10)
```
#0e1216
```
#0e1216 rgb(14,18,22)
```
#151c22
```
#151c22 rgb(21,28,34)
```
#1d252f
```
#1d252f rgb(29,37,47)
```
#242f3b
```
#242f3b rgb(36,47,59)
```
#2b3947
```
#2b3947 rgb(43,57,71)
```
#334253
```
#334253 rgb(51,66,83)
```
#3a4c5f
```
#3a4c5f rgb(58,76,95)
```
#42566b
```
#42566b rgb(66,86,107)
```
#496078
```
#496078 rgb(73,96,120)
```
#516984
```
#516984 rgb(81,105,132)
```
#587390
```
#587390 rgb(88,115,144)
```
#607d9c
```
#607d9c rgb(96,125,156)
```

Shade Color Variation

#6b87a4
```
#6b87a4 rgb(107,135,164)
```
#7791ac
```
#7791ac rgb(119,145,172)
```
#839ab3
```
#839ab3 rgb(131,154,179)
```
#90a4bb
```
#90a4bb rgb(144,164,187)
```
#9caec2
```
#9caec2 rgb(156,174,194)
```
#a8b8ca
```
#a8b8ca rgb(168,184,202)
```
#b4c2d1
```
#b4c2d1 rgb(180,194,209)
```
#c0ccd8
```
#c0ccd8 rgb(192,204,216)
```
#ccd6e0
```
#ccd6e0 rgb(204,214,224)
```
#d8e0e7
```
#d8e0e7 rgb(216,224,231)
```
#e5eaef
```
#e5eaef rgb(229,234,239)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#c2c2c3
```
#c2c2c3 rgb(194,194,195)
```
#bdc2c8
```
#bdc2c8 rgb(189,194,200)
```
#b9c2cc
```
#b9c2cc rgb(185,194,204)
```
#b4c2d1
```
#b4c2d1 rgb(180,194,209)
```
#afc2d6
```
#afc2d6 rgb(175,194,214)
```
#abc2da
```
#abc2da rgb(171,194,218)
```
#a6c2df
```
#a6c2df rgb(166,194,223)
```
#a1c1e4
```
#a1c1e4 rgb(161,193,228)
```
#9dc1e8
```
#9dc1e8 rgb(157,193,232)
```
#98c1ed
```
#98c1ed rgb(152,193,237)
```
#93c1f2
```
#93c1f2 rgb(147,193,242)
```
#8fc1f6
```
#8fc1f6 rgb(143,193,246)
```
#8ac1fb
```
#8ac1fb rgb(138,193,251)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bec0c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c2d1 Protanopia 1% of men
#cdbed5 Deuteranopia 1% of men
#b7c5d3 Tritanopia 0.001% of the population

Trichromacy

#bdc2d1 Protanomaly 1% of men, 0.01% of women
#c3bfd3 Deuteranomaly 6% of men, 0.4% of women
#b6c4d2 Tritanomaly 0.01% of the population

#b4c2d1 hex color

#b4c2d1 Color Information

#b4c2d1 Color Conversion

Color Schemes with #b4c2d1

Alternatives to #b4c2d1

#b4c2d1 Preview

Shades and Tints of #b4c2d1

Tones of #b4c2d1

Color Blindness Simulator