#b4cdcf hex color

In a RGB color space, hex #b4cdcf is composed of 70.6% red, 80.4% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 13% cyan, 1% magenta, 0% yellow and 18.8% black. It has a hue angle of 184.4 degrees, a saturation of 22% and a lightness of 75.9%. #b4cdcf color hex could be obtained by blending #ffffff with #699b9f. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 80
- B 81
RGB color chart
- C 13
- M 1
- Y 0
- K 19
CMYK color chart

● #b4cdcf color description : Grayish cyan.

The hexadecimal color #b4cdcf has RGB values of R:180, G:205, B:207 and CMYK values of C:0.13, M:0.01, Y:0, K:0.19. Its decimal value is 11849167.

Hex triplet	b4cdcf	`#b4cdcf`
RGB Decimal	180, 205, 207	`rgb(180,205,207)`
RGB Percent	70.6, 80.4, 81.2	`rgb(70.6%,80.4%,81.2%)`
CMYK	13, 1, 0, 19
HSL	184.4°, 22, 75.9	`hsl(184.4,22%,75.9%)`
HSV (or HSB)	184.4°, 13, 81.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.666, -7.953, -3.837
XYZ	51.914, 57.87, 67.463
xyY	0.293, 0.326, 57.87
CIE-LCH	80.666, 8.83, 205.752
CIE-LUV	80.666, -13.446, -4.493
Hunter-Lab	76.072, -11.314, 0.671
Binary	10110100, 11001101, 11001111

#b4cdcf
```
#b4cdcf rgb(180,205,207)
```
#cfb6b4
```
#cfb6b4 rgb(207,182,180)
```

Complementary Color

#b4cfc4
```
#b4cfc4 rgb(180,207,196)
```
#b4cdcf
```
#b4cdcf rgb(180,205,207)
```
#b4c0cf
```
#b4c0cf rgb(180,192,207)
```

Analogous Color

#cfc4b4
```
#cfc4b4 rgb(207,196,180)
```
#b4cdcf
```
#b4cdcf rgb(180,205,207)
```
#cfb4c0
```
#cfb4c0 rgb(207,180,192)
```

Split Complementary Color

#cdcfb4
```
#cdcfb4 rgb(205,207,180)
```
#b4cdcf
```
#b4cdcf rgb(180,205,207)
```
#cfb4cd
```
#cfb4cd rgb(207,180,205)
```

Triadic Color

#b4cfb6
```
#b4cfb6 rgb(180,207,182)
```
#b4cdcf
```
#b4cdcf rgb(180,205,207)
```
#cfb4cd
```
#cfb4cd rgb(207,180,205)
```
#cfb6b4
```
#cfb6b4 rgb(207,182,180)
```

Tetradic Color

#85aeb1
```
#85aeb1 rgb(133,174,177)
```
#95b8bb
```
#95b8bb rgb(149,184,187)
```
#a4c3c5
```
#a4c3c5 rgb(164,195,197)
```
#b4cdcf
```
#b4cdcf rgb(180,205,207)
```
#c4d7d9
```
#c4d7d9 rgb(196,215,217)
```
#d3e2e3
```
#d3e2e3 rgb(211,226,227)
```
#e3eced
```
#e3eced rgb(227,236,237)
```

Monochromatic Color

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

#b4cfca
```
#b4cfca rgb(180,207,202)
```
#b4cfcd
```
#b4cfcd rgb(180,207,205)
```
#b4cfcf
```
#b4cfcf rgb(180,207,207)
```
#b4cdcf
```
#b4cdcf rgb(180,205,207)
```
#b4cbcf
```
#b4cbcf rgb(180,203,207)
```
#b4c9cf
```
#b4c9cf rgb(180,201,207)
```
#b4c6cf
```
#b4c6cf rgb(180,198,207)
```

Similar Colors

Text with hexadecimal color #b4cdcf

This text has a font color of #b4cdcf.

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

#b4cdcf background color

This paragraph has a background color of #b4cdcf.

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

#b4cdcf border color

This element has a border color of #b4cdcf.

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

CSS codes

.text {color:#b4cdcf;}

.background {background-color:#b4cdcf;}

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

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

#060809
```
#060809 rgb(6,8,9)
```
#0d1415
```
#0d1415 rgb(13,20,21)
```
#152021
```
#152021 rgb(21,32,33)
```
#1d2b2d
```
#1d2b2d rgb(29,43,45)
```
#243739
```
#243739 rgb(36,55,57)
```
#2c4345
```
#2c4345 rgb(44,67,69)
```
#344e50
```
#344e50 rgb(52,78,80)
```
#3b5a5c
```
#3b5a5c rgb(59,90,92)
```
#436668
```
#436668 rgb(67,102,104)
```
#4a7174
```
#4a7174 rgb(74,113,116)
```
#527d80
```
#527d80 rgb(82,125,128)
```
#5a898c
```
#5a898c rgb(90,137,140)
```
#619498
```
#619498 rgb(97,148,152)
```

Shade Color Variation

#6c9da1
```
#6c9da1 rgb(108,157,161)
```
#78a5a9
```
#78a5a9 rgb(120,165,169)
```
#84adb0
```
#84adb0 rgb(132,173,176)
```
#90b5b8
```
#90b5b8 rgb(144,181,184)
```
#9cbdc0
```
#9cbdc0 rgb(156,189,192)
```
#a8c5c7
```
#a8c5c7 rgb(168,197,199)
```
#b4cdcf
```
#b4cdcf rgb(180,205,207)
```
#c0d5d7
```
#c0d5d7 rgb(192,213,215)
```
#ccddde
```
#ccddde rgb(204,221,222)
```
#d8e5e6
```
#d8e5e6 rgb(216,229,230)
```
#e4edee
```
#e4edee rgb(228,237,238)
```
#f0f5f5
```
#f0f5f5 rgb(240,245,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#bdc5c6
```
#bdc5c6 rgb(189,197,198)
```
#b9c9ca
```
#b9c9ca rgb(185,201,202)
```
#b4cdcf
```
#b4cdcf rgb(180,205,207)
```
#afd1d4
```
#afd1d4 rgb(175,209,212)
```
#abd5d8
```
#abd5d8 rgb(171,213,216)
```
#a6d9dd
```
#a6d9dd rgb(166,217,221)
```
#a1dde2
```
#a1dde2 rgb(161,221,226)
```
#9ce1e7
```
#9ce1e7 rgb(156,225,231)
```
#98e5eb
```
#98e5eb rgb(152,229,235)
```
#93e9f0
```
#93e9f0 rgb(147,233,240)
```
#8eedf5
```
#8eedf5 rgb(142,237,245)
```
#89f1fa
```
#89f1fa rgb(137,241,250)
```
#85f5fe
```
#85f5fe rgb(133,245,254)
```

Tone Color Variation

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

#cdc9ce Protanopia 1% of men
#d9c5d4 Deuteranopia 1% of men
#bacddc Tritanopia 0.001% of the population

Trichromacy

#c4cbce Protanomaly 1% of men, 0.01% of women
#cbc8d2 Deuteranomaly 6% of men, 0.4% of women
#b8cdd7 Tritanomaly 0.01% of the population

#b4cdcf hex color

#b4cdcf Color Information

#b4cdcf Color Conversion

Color Schemes with #b4cdcf

Alternatives to #b4cdcf

#b4cdcf Preview

Shades and Tints of #b4cdcf

Tones of #b4cdcf

Color Blindness Simulator