#b4dcde hex color

In a RGB color space, hex #b4dcde is composed of 70.6% red, 86.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 182.9 degrees, a saturation of 38.9% and a lightness of 78.8%. #b4dcde color hex could be obtained by blending #ffffff with #69b9bd. Closest websafe color is: #cccccc.

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

● #b4dcde color description : Light grayish cyan.

The hexadecimal color #b4dcde has RGB values of R:180, G:220, B:222 and CMYK values of C:0.19, M:0.01, Y:0, K:0.13. Its decimal value is 11853022.

Hex triplet	b4dcde	`#b4dcde`
RGB Decimal	180, 220, 222	`rgb(180,220,222)`
RGB Percent	70.6, 86.3, 87.1	`rgb(70.6%,86.3%,87.1%)`
CMYK	19, 1, 0, 13
HSL	182.9°, 38.9, 78.8	`hsl(182.9,38.9%,78.8%)`
HSV (or HSB)	182.9°, 18.9, 87.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.079, -12.571, -5.319
XYZ	57.597, 66.162, 78.839
xyY	0.284, 0.327, 66.162
CIE-LCH	85.079, 13.65, 202.935
CIE-LUV	85.079, -20.753, -6.084
Hunter-Lab	81.34, -15.948, -0.529
Binary	10110100, 11011100, 11011110

#b4dcde
```
#b4dcde rgb(180,220,222)
```
#deb6b4
```
#deb6b4 rgb(222,182,180)
```

Complementary Color

#b4decb
```
#b4decb rgb(180,222,203)
```
#b4dcde
```
#b4dcde rgb(180,220,222)
```
#b4c7de
```
#b4c7de rgb(180,199,222)
```

Analogous Color

#decbb4
```
#decbb4 rgb(222,203,180)
```
#b4dcde
```
#b4dcde rgb(180,220,222)
```
#deb4c7
```
#deb4c7 rgb(222,180,199)
```

Split Complementary Color

#dcdeb4
```
#dcdeb4 rgb(220,222,180)
```
#b4dcde
```
#b4dcde rgb(180,220,222)
```
#deb4dc
```
#deb4dc rgb(222,180,220)
```

Triadic Color

#b4deb6
```
#b4deb6 rgb(180,222,182)
```
#b4dcde
```
#b4dcde rgb(180,220,222)
```
#deb4dc
```
#deb4dc rgb(222,180,220)
```
#deb6b4
```
#deb6b4 rgb(222,182,180)
```

Tetradic Color

#7fc3c7
```
#7fc3c7 rgb(127,195,199)
```
#91cbce
```
#91cbce rgb(145,203,206)
```
#a2d4d6
```
#a2d4d6 rgb(162,212,214)
```
#b4dcde
```
#b4dcde rgb(180,220,222)
```
#c6e4e6
```
#c6e4e6 rgb(198,228,230)
```
#d7edee
```
#d7edee rgb(215,237,238)
```
#e9f5f5
```
#e9f5f5 rgb(233,245,245)
```

Monochromatic Color

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

#b4ded6
```
#b4ded6 rgb(180,222,214)
```
#b4ded9
```
#b4ded9 rgb(180,222,217)
```
#b4dedd
```
#b4dedd rgb(180,222,221)
```
#b4dcde
```
#b4dcde rgb(180,220,222)
```
#b4d9de
```
#b4d9de rgb(180,217,222)
```
#b4d5de
```
#b4d5de rgb(180,213,222)
```
#b4d2de
```
#b4d2de rgb(180,210,222)
```

Similar Colors

Text with hexadecimal color #b4dcde

This text has a font color of #b4dcde.

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

#b4dcde background color

This paragraph has a background color of #b4dcde.

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

#b4dcde border color

This element has a border color of #b4dcde.

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

CSS codes

.text {color:#b4dcde;}

.background {background-color:#b4dcde;}

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

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

#030707
```
#030707 rgb(3,7,7)
```
#091414
```
#091414 rgb(9,20,20)
```
#0f2122
```
#0f2122 rgb(15,33,34)
```
#152e30
```
#152e30 rgb(21,46,48)
```
#1b3c3d
```
#1b3c3d rgb(27,60,61)
```
#21494b
```
#21494b rgb(33,73,75)
```
#275658
```
#275658 rgb(39,86,88)
```
#2d6366
```
#2d6366 rgb(45,99,102)
```
#337174
```
#337174 rgb(51,113,116)
```
#397e81
```
#397e81 rgb(57,126,129)
```
#3f8b8f
```
#3f8b8f rgb(63,139,143)
```
#45989d
```
#45989d rgb(69,152,157)
```
#4ba6aa
```
#4ba6aa rgb(75,166,170)
```

Shade Color Variation

#55b0b4
```
#55b0b4 rgb(85,176,180)
```
#62b6ba
```
#62b6ba rgb(98,182,186)
```
#70bcc0
```
#70bcc0 rgb(112,188,192)
```
#7ec3c6
```
#7ec3c6 rgb(126,195,198)
```
#8bc9cc
```
#8bc9cc rgb(139,201,204)
```
#99cfd2
```
#99cfd2 rgb(153,207,210)
```
#a6d6d8
```
#a6d6d8 rgb(166,214,216)
```
#b4dcde
```
#b4dcde rgb(180,220,222)
```
#c2e2e4
```
#c2e2e4 rgb(194,226,228)
```
#cfe9ea
```
#cfe9ea rgb(207,233,234)
```
#ddeff0
```
#ddeff0 rgb(221,239,240)
```
#eaf5f6
```
#eaf5f6 rgb(234,245,246)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#c9c9c9
```
#c9c9c9 rgb(201,201,201)
```
#c5cdcd
```
#c5cdcd rgb(197,205,205)
```
#c0d1d2
```
#c0d1d2 rgb(192,209,210)
```
#bcd4d6
```
#bcd4d6 rgb(188,212,214)
```
#b8d8da
```
#b8d8da rgb(184,216,218)
```
#b4dcde
```
#b4dcde rgb(180,220,222)
```
#b0e0e2
```
#b0e0e2 rgb(176,224,226)
```
#ace4e6
```
#ace4e6 rgb(172,228,230)
```
#a8e7ea
```
#a8e7ea rgb(168,231,234)
```
#a3ebef
```
#a3ebef rgb(163,235,239)
```
#9feff3
```
#9feff3 rgb(159,239,243)
```
#9bf3f7
```
#9bf3f7 rgb(155,243,247)
```
#97f6fb
```
#97f6fb rgb(151,246,251)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cad2d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d5db Protanopia 1% of men
#e4d0e4 Deuteranopia 1% of men
#badbeb Tritanopia 0.001% of the population

Trichromacy

#cbd7dc Protanomaly 1% of men, 0.01% of women
#d2d4e1 Deuteranomaly 6% of men, 0.4% of women
#b8dbe6 Tritanomaly 0.01% of the population

#b4dcde hex color

#b4dcde Color Information

#b4dcde Color Conversion

Color Schemes with #b4dcde

Alternatives to #b4dcde

#b4dcde Preview

Shades and Tints of #b4dcde

Tones of #b4dcde

Color Blindness Simulator