#b4ccd2 hex color

In a RGB color space, hex #b4ccd2 is composed of 70.6% red, 80% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 2.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 192 degrees, a saturation of 25% and a lightness of 76.5%. #b4ccd2 color hex could be obtained by blending #ffffff with #6999a5. Closest websafe color is: #cccccc.

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

● #b4ccd2 color description : Grayish cyan.

The hexadecimal color #b4ccd2 has RGB values of R:180, G:204, B:210 and CMYK values of C:0.14, M:0.03, Y:0, K:0.18. Its decimal value is 11848914.

Hex triplet	b4ccd2	`#b4ccd2`
RGB Decimal	180, 204, 210	`rgb(180,204,210)`
RGB Percent	70.6, 80, 82.4	`rgb(70.6%,80%,82.4%)`
CMYK	14, 3, 0, 18
HSL	192°, 25, 76.5	`hsl(192,25%,76.5%)`
HSV (or HSB)	192°, 14.3, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.483, -6.817, -5.714
XYZ	52.046, 57.541, 69.334
xyY	0.291, 0.322, 57.541
CIE-LCH	80.483, 8.895, 219.972
CIE-LUV	80.483, -13.064, -7.59
Hunter-Lab	75.856, -10.277, -1.093
Binary	10110100, 11001100, 11010010

#b4ccd2
```
#b4ccd2 rgb(180,204,210)
```
#d2bab4
```
#d2bab4 rgb(210,186,180)
```

Complementary Color

#b4d2c9
```
#b4d2c9 rgb(180,210,201)
```
#b4ccd2
```
#b4ccd2 rgb(180,204,210)
```
#b4bdd2
```
#b4bdd2 rgb(180,189,210)
```

Analogous Color

#d2c9b4
```
#d2c9b4 rgb(210,201,180)
```
#b4ccd2
```
#b4ccd2 rgb(180,204,210)
```
#d2b4bd
```
#d2b4bd rgb(210,180,189)
```

Split Complementary Color

#ccd2b4
```
#ccd2b4 rgb(204,210,180)
```
#b4ccd2
```
#b4ccd2 rgb(180,204,210)
```
#d2b4cc
```
#d2b4cc rgb(210,180,204)
```

Triadic Color

#b4d2ba
```
#b4d2ba rgb(180,210,186)
```
#b4ccd2
```
#b4ccd2 rgb(180,204,210)
```
#d2b4cc
```
#d2b4cc rgb(210,180,204)
```
#d2bab4
```
#d2bab4 rgb(210,186,180)
```

Tetradic Color

#84abb5
```
#84abb5 rgb(132,171,181)
```
#94b6bf
```
#94b6bf rgb(148,182,191)
```
#a4c1c8
```
#a4c1c8 rgb(164,193,200)
```
#b4ccd2
```
#b4ccd2 rgb(180,204,210)
```
#c4d7dc
```
#c4d7dc rgb(196,215,220)
```
#d4e2e5
```
#d4e2e5 rgb(212,226,229)
```
#e4edef
```
#e4edef rgb(228,237,239)
```

Monochromatic Color

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

#b4d2d1
```
#b4d2d1 rgb(180,210,209)
```
#b4d1d2
```
#b4d1d2 rgb(180,209,210)
```
#b4cfd2
```
#b4cfd2 rgb(180,207,210)
```
#b4ccd2
```
#b4ccd2 rgb(180,204,210)
```
#b4cad2
```
#b4cad2 rgb(180,202,210)
```
#b4c7d2
```
#b4c7d2 rgb(180,199,210)
```
#b4c5d2
```
#b4c5d2 rgb(180,197,210)
```

Similar Colors

Text with hexadecimal color #b4ccd2

This text has a font color of #b4ccd2.

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

#b4ccd2 background color

This paragraph has a background color of #b4ccd2.

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

#b4ccd2 border color

This element has a border color of #b4ccd2.

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

CSS codes

.text {color:#b4ccd2;}

.background {background-color:#b4ccd2;}

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

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, #060a0b is the darkest color, while #fefefe is the lightest one.

#060a0b
```
#060a0b rgb(6,10,11)
```
#0e1517
```
#0e1517 rgb(14,21,23)
```
#152123
```
#152123 rgb(21,33,35)
```
#1d2c30
```
#1d2c30 rgb(29,44,48)
```
#24373c
```
#24373c rgb(36,55,60)
```
#2b4248
```
#2b4248 rgb(43,66,72)
```
#334e54
```
#334e54 rgb(51,78,84)
```
#3a5961
```
#3a5961 rgb(58,89,97)
```
#41646d
```
#41646d rgb(65,100,109)
```
#496f79
```
#496f79 rgb(73,111,121)
```
#507b85
```
#507b85 rgb(80,123,133)
```
#578692
```
#578692 rgb(87,134,146)
```
#5f919e
```
#5f919e rgb(95,145,158)
```

Shade Color Variation

#6a9aa6
```
#6a9aa6 rgb(106,154,166)
```
#77a2ad
```
#77a2ad rgb(119,162,173)
```
#83abb5
```
#83abb5 rgb(131,171,181)
```
#8fb3bc
```
#8fb3bc rgb(143,179,188)
```
#9bbbc3
```
#9bbbc3 rgb(155,187,195)
```
#a8c4cb
```
#a8c4cb rgb(168,196,203)
```
#b4ccd2
```
#b4ccd2 rgb(180,204,210)
```
#c0d4d9
```
#c0d4d9 rgb(192,212,217)
```
#cddde1
```
#cddde1 rgb(205,221,225)
```
#d9e5e8
```
#d9e5e8 rgb(217,229,232)
```
#e5edef
```
#e5edef rgb(229,237,239)
```
#f1f6f7
```
#f1f6f7 rgb(241,246,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#c2c4c4
```
#c2c4c4 rgb(194,196,196)
```
#bdc6c9
```
#bdc6c9 rgb(189,198,201)
```
#b9c9cd
```
#b9c9cd rgb(185,201,205)
```
#b4ccd2
```
#b4ccd2 rgb(180,204,210)
```
#afcfd7
```
#afcfd7 rgb(175,207,215)
```
#abd2db
```
#abd2db rgb(171,210,219)
```
#a6d4e0
```
#a6d4e0 rgb(166,212,224)
```
#a2d7e4
```
#a2d7e4 rgb(162,215,228)
```
#9ddae9
```
#9ddae9 rgb(157,218,233)
```
#98ddee
```
#98ddee rgb(152,221,238)
```
#94dff2
```
#94dff2 rgb(148,223,242)
```
#8fe2f7
```
#8fe2f7 rgb(143,226,247)
```
#8ae5fc
```
#8ae5fc rgb(138,229,252)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c2c7c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc9d1 Protanopia 1% of men
#d7c5d7 Deuteranopia 1% of men
#b9cddc Tritanopia 0.001% of the population

Trichromacy

#c3cad1 Protanomaly 1% of men, 0.01% of women
#cac7d5 Deuteranomaly 6% of men, 0.4% of women
#b7ccd8 Tritanomaly 0.01% of the population

#b4ccd2 hex color

#b4ccd2 Color Information

#b4ccd2 Color Conversion

Color Schemes with #b4ccd2

Alternatives to #b4ccd2

#b4ccd2 Preview

Shades and Tints of #b4ccd2

Tones of #b4ccd2

Color Blindness Simulator