#b4dbd2 hex color

In a RGB color space, hex #b4dbd2 is composed of 70.6% red, 85.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 4.1% yellow and 14.1% black. It has a hue angle of 166.2 degrees, a saturation of 35.1% and a lightness of 78.2%. #b4dbd2 color hex could be obtained by blending #ffffff with #69b7a5. Closest websafe color is: #cccccc.

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

● #b4dbd2 color description : Light grayish cyan.

The hexadecimal color #b4dbd2 has RGB values of R:180, G:219, B:210 and CMYK values of C:0.18, M:0, Y:0.04, K:0.14. Its decimal value is 11852754.

Hex triplet	b4dbd2	`#b4dbd2`
RGB Decimal	180, 219, 210	`rgb(180,219,210)`
RGB Percent	70.6, 85.9, 82.4	`rgb(70.6%,85.9%,82.4%)`
CMYK	18, 0, 4, 14
HSL	166.2°, 35.1, 78.2	`hsl(166.2,35.1%,78.2%)`
HSV (or HSB)	166.2°, 17.8, 85.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.493, -14.533, 0.175
XYZ	55.784, 65.018, 70.58
xyY	0.291, 0.34, 65.018
CIE-LCH	84.493, 14.534, 179.312
CIE-LUV	84.493, -20.097, 2.755
Hunter-Lab	80.634, -17.619, 4.546
Binary	10110100, 11011011, 11010010

#b4dbd2
```
#b4dbd2 rgb(180,219,210)
```
#dbb4bd
```
#dbb4bd rgb(219,180,189)
```

Complementary Color

#b4dbbf
```
#b4dbbf rgb(180,219,191)
```
#b4dbd2
```
#b4dbd2 rgb(180,219,210)
```
#b4d1db
```
#b4d1db rgb(180,209,219)
```

Analogous Color

#dbbfb4
```
#dbbfb4 rgb(219,191,180)
```
#b4dbd2
```
#b4dbd2 rgb(180,219,210)
```
#dbb4d1
```
#dbb4d1 rgb(219,180,209)
```

Split Complementary Color

#dbd2b4
```
#dbd2b4 rgb(219,210,180)
```
#b4dbd2
```
#b4dbd2 rgb(180,219,210)
```
#d2b4db
```
#d2b4db rgb(210,180,219)
```

Triadic Color

#bddbb4
```
#bddbb4 rgb(189,219,180)
```
#b4dbd2
```
#b4dbd2 rgb(180,219,210)
```
#d2b4db
```
#d2b4db rgb(210,180,219)
```
#dbb4bd
```
#dbb4bd rgb(219,180,189)
```

Tetradic Color

#80c2b3
```
#80c2b3 rgb(128,194,179)
```
#92cabd
```
#92cabd rgb(146,202,189)
```
#a3d3c8
```
#a3d3c8 rgb(163,211,200)
```
#b4dbd2
```
#b4dbd2 rgb(180,219,210)
```
#c5e3dc
```
#c5e3dc rgb(197,227,220)
```
#d6ece7
```
#d6ece7 rgb(214,236,231)
```
#e8f4f1
```
#e8f4f1 rgb(232,244,241)
```

Monochromatic Color

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

#b4dbc8
```
#b4dbc8 rgb(180,219,200)
```
#b4dbcc
```
#b4dbcc rgb(180,219,204)
```
#b4dbcf
```
#b4dbcf rgb(180,219,207)
```
#b4dbd2
```
#b4dbd2 rgb(180,219,210)
```
#b4dbd5
```
#b4dbd5 rgb(180,219,213)
```
#b4dbd9
```
#b4dbd9 rgb(180,219,217)
```
#b4dadb
```
#b4dadb rgb(180,218,219)
```

Similar Colors

Text with hexadecimal color #b4dbd2

This text has a font color of #b4dbd2.

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

#b4dbd2 background color

This paragraph has a background color of #b4dbd2.

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

#b4dbd2 border color

This element has a border color of #b4dbd2.

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

CSS codes

.text {color:#b4dbd2;}

.background {background-color:#b4dbd2;}

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

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

#020504
```
#020504 rgb(2,5,4)
```
#091210
```
#091210 rgb(9,18,16)
```
#0f1f1b
```
#0f1f1b rgb(15,31,27)
```
#152c27
```
#152c27 rgb(21,44,39)
```
#1c3a33
```
#1c3a33 rgb(28,58,51)
```
#22473e
```
#22473e rgb(34,71,62)
```
#28544a
```
#28544a rgb(40,84,74)
```
#2f6156
```
#2f6156 rgb(47,97,86)
```
#356f61
```
#356f61 rgb(53,111,97)
```
#3b7c6d
```
#3b7c6d rgb(59,124,109)
```
#428979
```
#428979 rgb(66,137,121)
```
#489684
```
#489684 rgb(72,150,132)
```
#4fa490
```
#4fa490 rgb(79,164,144)
```

Shade Color Variation

#57ae9a
```
#57ae9a rgb(87,174,154)
```
#64b5a2
```
#64b5a2 rgb(100,181,162)
```
#72bbaa
```
#72bbaa rgb(114,187,170)
```
#7fc2b2
```
#7fc2b2 rgb(127,194,178)
```
#8cc8ba
```
#8cc8ba rgb(140,200,186)
```
#99cec2
```
#99cec2 rgb(153,206,194)
```
#a7d5ca
```
#a7d5ca rgb(167,213,202)
```
#b4dbd2
```
#b4dbd2 rgb(180,219,210)
```
#c1e1da
```
#c1e1da rgb(193,225,218)
```
#cfe8e2
```
#cfe8e2 rgb(207,232,226)
```
#dceeea
```
#dceeea rgb(220,238,234)
```
#e9f4f2
```
#e9f4f2 rgb(233,244,242)
```
#f6fbfa
```
#f6fbfa rgb(246,251,250)
```

Tint Color Variation

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

#c5cac9
```
#c5cac9 rgb(197,202,201)
```
#c1cecb
```
#c1cecb rgb(193,206,203)
```
#bdd2cd
```
#bdd2cd rgb(189,210,205)
```
#b8d7d0
```
#b8d7d0 rgb(184,215,208)
```
#b4dbd2
```
#b4dbd2 rgb(180,219,210)
```
#b0dfd4
```
#b0dfd4 rgb(176,223,212)
```
#abe4d7
```
#abe4d7 rgb(171,228,215)
```
#a7e8d9
```
#a7e8d9 rgb(167,232,217)
```
#a3ecdb
```
#a3ecdb rgb(163,236,219)
```
#9ff0dd
```
#9ff0dd rgb(159,240,221)
```
#9af5e0
```
#9af5e0 rgb(154,245,224)
```
#96f9e2
```
#96f9e2 rgb(150,249,226)
```
#92fde4
```
#92fde4 rgb(146,253,228)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c9d1cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d4cf Protanopia 1% of men
#e6cfd8 Deuteranopia 1% of men
#bcd9e9 Tritanopia 0.001% of the population

Trichromacy

#ccd6d0 Protanomaly 1% of men, 0.01% of women
#d4d3d6 Deuteranomaly 6% of men, 0.4% of women
#b9dae0 Tritanomaly 0.01% of the population

#b4dbd2 hex color

#b4dbd2 Color Information

#b4dbd2 Color Conversion

Color Schemes with #b4dbd2

Alternatives to #b4dbd2

#b4dbd2 Preview

Shades and Tints of #b4dbd2

Tones of #b4dbd2

Color Blindness Simulator