#b4d2cc hex color

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

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

● #b4d2cc color description : Grayish cyan.

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

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

CIE-LAB	81.922, -11.143, -0.391
XYZ	52.766, 60.155, 65.955
xyY	0.295, 0.336, 60.155
CIE-LCH	81.922, 11.15, 182.008
CIE-LUV	81.922, -15.738, 1.316
Hunter-Lab	77.56, -14.292, 3.873
Binary	10110100, 11010010, 11001100

#b4d2cc
```
#b4d2cc rgb(180,210,204)
```
#d2b4ba
```
#d2b4ba rgb(210,180,186)
```

Complementary Color

#b4d2bd
```
#b4d2bd rgb(180,210,189)
```
#b4d2cc
```
#b4d2cc rgb(180,210,204)
```
#b4c9d2
```
#b4c9d2 rgb(180,201,210)
```

Analogous Color

#d2bdb4
```
#d2bdb4 rgb(210,189,180)
```
#b4d2cc
```
#b4d2cc rgb(180,210,204)
```
#d2b4c9
```
#d2b4c9 rgb(210,180,201)
```

Split Complementary Color

#d2ccb4
```
#d2ccb4 rgb(210,204,180)
```
#b4d2cc
```
#b4d2cc rgb(180,210,204)
```
#ccb4d2
```
#ccb4d2 rgb(204,180,210)
```

Triadic Color

#bad2b4
```
#bad2b4 rgb(186,210,180)
```
#b4d2cc
```
#b4d2cc rgb(180,210,204)
```
#ccb4d2
```
#ccb4d2 rgb(204,180,210)
```
#d2b4ba
```
#d2b4ba rgb(210,180,186)
```

Tetradic Color

#84b5ab
```
#84b5ab rgb(132,181,171)
```
#94bfb6
```
#94bfb6 rgb(148,191,182)
```
#a4c8c1
```
#a4c8c1 rgb(164,200,193)
```
#b4d2cc
```
#b4d2cc rgb(180,210,204)
```
#c4dcd7
```
#c4dcd7 rgb(196,220,215)
```
#d4e5e2
```
#d4e5e2 rgb(212,229,226)
```
#e4efed
```
#e4efed rgb(228,239,237)
```

Monochromatic Color

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

#b4d2c5
```
#b4d2c5 rgb(180,210,197)
```
#b4d2c7
```
#b4d2c7 rgb(180,210,199)
```
#b4d2ca
```
#b4d2ca rgb(180,210,202)
```
#b4d2cc
```
#b4d2cc rgb(180,210,204)
```
#b4d2cf
```
#b4d2cf rgb(180,210,207)
```
#b4d2d1
```
#b4d2d1 rgb(180,210,209)
```
#b4d1d2
```
#b4d1d2 rgb(180,209,210)
```

Similar Colors

Text with hexadecimal color #b4d2cc

This text has a font color of #b4d2cc.

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

#b4d2cc background color

This paragraph has a background color of #b4d2cc.

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

#b4d2cc border color

This element has a border color of #b4d2cc.

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

CSS codes

.text {color:#b4d2cc;}

.background {background-color:#b4d2cc;}

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

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

#060b0a
```
#060b0a rgb(6,11,10)
```
#0e1715
```
#0e1715 rgb(14,23,21)
```
#152321
```
#152321 rgb(21,35,33)
```
#1d302c
```
#1d302c rgb(29,48,44)
```
#243c37
```
#243c37 rgb(36,60,55)
```
#2b4842
```
#2b4842 rgb(43,72,66)
```
#33544e
```
#33544e rgb(51,84,78)
```
#3a6159
```
#3a6159 rgb(58,97,89)
```
#416d64
```
#416d64 rgb(65,109,100)
```
#49796f
```
#49796f rgb(73,121,111)
```
#50857b
```
#50857b rgb(80,133,123)
```
#579286
```
#579286 rgb(87,146,134)
```
#5f9e91
```
#5f9e91 rgb(95,158,145)
```

Shade Color Variation

#6aa69a
```
#6aa69a rgb(106,166,154)
```
#77ada2
```
#77ada2 rgb(119,173,162)
```
#83b5ab
```
#83b5ab rgb(131,181,171)
```
#8fbcb3
```
#8fbcb3 rgb(143,188,179)
```
#9bc3bb
```
#9bc3bb rgb(155,195,187)
```
#a8cbc4
```
#a8cbc4 rgb(168,203,196)
```
#b4d2cc
```
#b4d2cc rgb(180,210,204)
```
#c0d9d4
```
#c0d9d4 rgb(192,217,212)
```
#cde1dd
```
#cde1dd rgb(205,225,221)
```
#d9e8e5
```
#d9e8e5 rgb(217,232,229)
```
#e5efed
```
#e5efed rgb(229,239,237)
```
#f1f7f6
```
#f1f7f6 rgb(241,247,246)
```
#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 #8afce5 is the most saturated one.

#c2c4c4
```
#c2c4c4 rgb(194,196,196)
```
#bdc9c6
```
#bdc9c6 rgb(189,201,198)
```
#b9cdc9
```
#b9cdc9 rgb(185,205,201)
```
#b4d2cc
```
#b4d2cc rgb(180,210,204)
```
#afd7cf
```
#afd7cf rgb(175,215,207)
```
#abdbd2
```
#abdbd2 rgb(171,219,210)
```
#a6e0d4
```
#a6e0d4 rgb(166,224,212)
```
#a2e4d7
```
#a2e4d7 rgb(162,228,215)
```
#9de9da
```
#9de9da rgb(157,233,218)
```
#98eedd
```
#98eedd rgb(152,238,221)
```
#94f2df
```
#94f2df rgb(148,242,223)
```
#8ff7e2
```
#8ff7e2 rgb(143,247,226)
```
#8afce5
```
#8afce5 rgb(138,252,229)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c4cac9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cdcb Protanopia 1% of men
#dfc8d2 Deuteranopia 1% of men
#bbd1e0 Tritanopia 0.001% of the population

Trichromacy

#c7cfcb Protanomaly 1% of men, 0.01% of women
#cfcbd0 Deuteranomaly 6% of men, 0.4% of women
#b8d1d9 Tritanomaly 0.01% of the population

#b4d2cc hex color

#b4d2cc Color Information

#b4d2cc Color Conversion

Color Schemes with #b4d2cc

Alternatives to #b4d2cc

#b4d2cc Preview

Shades and Tints of #b4d2cc

Tones of #b4d2cc

Color Blindness Simulator