#b4d1d7 hex color

In a RGB color space, hex #b4d1d7 is composed of 70.6% red, 82% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 2.8% magenta, 0% yellow and 15.7% black. It has a hue angle of 190.3 degrees, a saturation of 30.4% and a lightness of 77.5%. #b4d1d7 color hex could be obtained by blending #ffffff with #69a3af. Closest websafe color is: #cccccc.

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

● #b4d1d7 color description : Grayish cyan.

The hexadecimal color #b4d1d7 has RGB values of R:180, G:209, B:215 and CMYK values of C:0.16, M:0.03, Y:0, K:0.16. Its decimal value is 11850199.

Hex triplet	b4d1d7	`#b4d1d7`
RGB Decimal	180, 209, 215	`rgb(180,209,215)`
RGB Percent	70.6, 82, 84.3	`rgb(70.6%,82%,84.3%)`
CMYK	16, 3, 0, 16
HSL	190.3°, 30.4, 77.5	`hsl(190.3,30.4%,77.5%)`
HSV (or HSB)	190.3°, 16.3, 84.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.952, -8.382, -6.218
XYZ	53.886, 60.209, 73.069
xyY	0.288, 0.322, 60.209
CIE-LCH	81.952, 10.437, 216.567
CIE-LUV	81.952, -15.545, -8.141
Hunter-Lab	77.595, -11.831, -1.515
Binary	10110100, 11010001, 11010111

#b4d1d7
```
#b4d1d7 rgb(180,209,215)
```
#d7bab4
```
#d7bab4 rgb(215,186,180)
```

Complementary Color

#b4d7cc
```
#b4d7cc rgb(180,215,204)
```
#b4d1d7
```
#b4d1d7 rgb(180,209,215)
```
#b4c0d7
```
#b4c0d7 rgb(180,192,215)
```

Analogous Color

#d7ccb4
```
#d7ccb4 rgb(215,204,180)
```
#b4d1d7
```
#b4d1d7 rgb(180,209,215)
```
#d7b4c0
```
#d7b4c0 rgb(215,180,192)
```

Split Complementary Color

#d1d7b4
```
#d1d7b4 rgb(209,215,180)
```
#b4d1d7
```
#b4d1d7 rgb(180,209,215)
```
#d7b4d1
```
#d7b4d1 rgb(215,180,209)
```

Triadic Color

#b4d7ba
```
#b4d7ba rgb(180,215,186)
```
#b4d1d7
```
#b4d1d7 rgb(180,209,215)
```
#d7b4d1
```
#d7b4d1 rgb(215,180,209)
```
#d7bab4
```
#d7bab4 rgb(215,186,180)
```

Tetradic Color

#82b2bc
```
#82b2bc rgb(130,178,188)
```
#93bdc5
```
#93bdc5 rgb(147,189,197)
```
#a3c7ce
```
#a3c7ce rgb(163,199,206)
```
#b4d1d7
```
#b4d1d7 rgb(180,209,215)
```
#c5dbe0
```
#c5dbe0 rgb(197,219,224)
```
#d5e5e9
```
#d5e5e9 rgb(213,229,233)
```
#e6f0f2
```
#e6f0f2 rgb(230,240,242)
```

Monochromatic Color

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

#b4d7d4
```
#b4d7d4 rgb(180,215,212)
```
#b4d7d7
```
#b4d7d7 rgb(180,215,215)
```
#b4d4d7
```
#b4d4d7 rgb(180,212,215)
```
#b4d1d7
```
#b4d1d7 rgb(180,209,215)
```
#b4ced7
```
#b4ced7 rgb(180,206,215)
```
#b4cbd7
```
#b4cbd7 rgb(180,203,215)
```
#b4c8d7
```
#b4c8d7 rgb(180,200,215)
```

Similar Colors

Text with hexadecimal color #b4d1d7

This text has a font color of #b4d1d7.

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

#b4d1d7 background color

This paragraph has a background color of #b4d1d7.

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

#b4d1d7 border color

This element has a border color of #b4d1d7.

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

CSS codes

.text {color:#b4d1d7;}

.background {background-color:#b4d1d7;}

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080d0f
```
#080d0f rgb(8,13,15)
```
#0f191b
```
#0f191b rgb(15,25,27)
```
#152528
```
#152528 rgb(21,37,40)
```
#1c3135
```
#1c3135 rgb(28,49,53)
```
#233c42
```
#233c42 rgb(35,60,66)
```
#2a484f
```
#2a484f rgb(42,72,79)
```
#31545b
```
#31545b rgb(49,84,91)
```
#386068
```
#386068 rgb(56,96,104)
```
#3e6c75
```
#3e6c75 rgb(62,108,117)
```
#457782
```
#457782 rgb(69,119,130)
```
#4c838e
```
#4c838e rgb(76,131,142)
```
#538f9b
```
#538f9b rgb(83,143,155)
```

Shade Color Variation

#5a9aa7
```
#5a9aa7 rgb(90,154,167)
```
#67a2ae
```
#67a2ae rgb(103,162,174)
```
#74aab5
```
#74aab5 rgb(116,170,181)
```
#81b2bc
```
#81b2bc rgb(129,178,188)
```
#8eb9c3
```
#8eb9c3 rgb(142,185,195)
```
#9ac1c9
```
#9ac1c9 rgb(154,193,201)
```
#a7c9d0
```
#a7c9d0 rgb(167,201,208)
```
#b4d1d7
```
#b4d1d7 rgb(180,209,215)
```
#c1d9de
```
#c1d9de rgb(193,217,222)
```
#cee1e5
```
#cee1e5 rgb(206,225,229)
```
#dae9eb
```
#dae9eb rgb(218,233,235)
```
#e7f0f2
```
#e7f0f2 rgb(231,240,242)
```
#f4f8f9
```
#f4f8f9 rgb(244,248,249)
```

Tint Color Variation

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

#c1c8ca
```
#c1c8ca rgb(193,200,202)
```
#bdcbce
```
#bdcbce rgb(189,203,206)
```
#b8ced3
```
#b8ced3 rgb(184,206,211)
```
#b4d1d7
```
#b4d1d7 rgb(180,209,215)
```
#b0d4db
```
#b0d4db rgb(176,212,219)
```
#abd7e0
```
#abd7e0 rgb(171,215,224)
```
#a7dae4
```
#a7dae4 rgb(167,218,228)
```
#a2dde9
```
#a2dde9 rgb(162,221,233)
```
#9ee0ed
```
#9ee0ed rgb(158,224,237)
```
#99e2f2
```
#99e2f2 rgb(153,226,242)
```
#95e5f6
```
#95e5f6 rgb(149,229,246)
```
#91e8fa
```
#91e8fa rgb(145,232,250)
```
#8cebff
```
#8cebff rgb(140,235,255)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c5cbcc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfcdd5 Protanopia 1% of men
#dac8dc Deuteranopia 1% of men
#b9d2e1 Tritanopia 0.001% of the population

Trichromacy

#c5ced6 Protanomaly 1% of men, 0.01% of women
#cccbda Deuteranomaly 6% of men, 0.4% of women
#b7d1dd Tritanomaly 0.01% of the population

#b4d1d7 hex color

#b4d1d7 Color Information

#b4d1d7 Color Conversion

Color Schemes with #b4d1d7

Alternatives to #b4d1d7

#b4d1d7 Preview

Shades and Tints of #b4d1d7

Tones of #b4d1d7

Color Blindness Simulator