#b4dbd3 hex color

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

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

● #b4dbd3 color description : Light grayish cyan.

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

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

CIE-LAB	84.519, -14.331, -0.317
XYZ	55.909, 65.068, 71.238
xyY	0.291, 0.339, 65.068
CIE-LCH	84.519, 14.335, 181.269
CIE-LUV	84.519, -20.113, 1.969
Hunter-Lab	80.665, -17.445, 4.104
Binary	10110100, 11011011, 11010011

#b4dbd3
```
#b4dbd3 rgb(180,219,211)
```
#dbb4bc
```
#dbb4bc rgb(219,180,188)
```

Complementary Color

#b4dbc0
```
#b4dbc0 rgb(180,219,192)
```
#b4dbd3
```
#b4dbd3 rgb(180,219,211)
```
#b4d0db
```
#b4d0db rgb(180,208,219)
```

Analogous Color

#dbc0b4
```
#dbc0b4 rgb(219,192,180)
```
#b4dbd3
```
#b4dbd3 rgb(180,219,211)
```
#dbb4d0
```
#dbb4d0 rgb(219,180,208)
```

Split Complementary Color

#dbd3b4
```
#dbd3b4 rgb(219,211,180)
```
#b4dbd3
```
#b4dbd3 rgb(180,219,211)
```
#d3b4db
```
#d3b4db rgb(211,180,219)
```

Triadic Color

#bcdbb4
```
#bcdbb4 rgb(188,219,180)
```
#b4dbd3
```
#b4dbd3 rgb(180,219,211)
```
#d3b4db
```
#d3b4db rgb(211,180,219)
```
#dbb4bc
```
#dbb4bc rgb(219,180,188)
```

Tetradic Color

#80c2b5
```
#80c2b5 rgb(128,194,181)
```
#92cabf
```
#92cabf rgb(146,202,191)
```
#a3d3c9
```
#a3d3c9 rgb(163,211,201)
```
#b4dbd3
```
#b4dbd3 rgb(180,219,211)
```
#c5e3dd
```
#c5e3dd rgb(197,227,221)
```
#d6ece7
```
#d6ece7 rgb(214,236,231)
```
#e8f4f1
```
#e8f4f1 rgb(232,244,241)
```

Monochromatic Color

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

#b4dbc9
```
#b4dbc9 rgb(180,219,201)
```
#b4dbcd
```
#b4dbcd rgb(180,219,205)
```
#b4dbd0
```
#b4dbd0 rgb(180,219,208)
```
#b4dbd3
```
#b4dbd3 rgb(180,219,211)
```
#b4dbd6
```
#b4dbd6 rgb(180,219,214)
```
#b4dbda
```
#b4dbda rgb(180,219,218)
```
#b4d9db
```
#b4d9db rgb(180,217,219)
```

Similar Colors

Text with hexadecimal color #b4dbd3

This text has a font color of #b4dbd3.

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

#b4dbd3 background color

This paragraph has a background color of #b4dbd3.

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

#b4dbd3 border color

This element has a border color of #b4dbd3.

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

CSS codes

.text {color:#b4dbd3;}

.background {background-color:#b4dbd3;}

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

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)
```
#0f1f1c
```
#0f1f1c rgb(15,31,28)
```
#152c28
```
#152c28 rgb(21,44,40)
```
#1c3a33
```
#1c3a33 rgb(28,58,51)
```
#22473f
```
#22473f rgb(34,71,63)
```
#28544b
```
#28544b rgb(40,84,75)
```
#2f6157
```
#2f6157 rgb(47,97,87)
```
#356f63
```
#356f63 rgb(53,111,99)
```
#3b7c6f
```
#3b7c6f rgb(59,124,111)
```
#42897a
```
#42897a rgb(66,137,122)
```
#489686
```
#489686 rgb(72,150,134)
```
#4fa492
```
#4fa492 rgb(79,164,146)
```

Shade Color Variation

#57ae9d
```
#57ae9d rgb(87,174,157)
```
#64b5a4
```
#64b5a4 rgb(100,181,164)
```
#72bbac
```
#72bbac rgb(114,187,172)
```
#7fc2b4
```
#7fc2b4 rgb(127,194,180)
```
#8cc8bc
```
#8cc8bc rgb(140,200,188)
```
#99cec3
```
#99cec3 rgb(153,206,195)
```
#a7d5cb
```
#a7d5cb rgb(167,213,203)
```
#b4dbd3
```
#b4dbd3 rgb(180,219,211)
```
#c1e1db
```
#c1e1db rgb(193,225,219)
```
#cfe8e3
```
#cfe8e3 rgb(207,232,227)
```
#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 #92fde7 is the most saturated one.

#c5cac9
```
#c5cac9 rgb(197,202,201)
```
#c1cecb
```
#c1cecb rgb(193,206,203)
```
#bdd2ce
```
#bdd2ce rgb(189,210,206)
```
#b8d7d0
```
#b8d7d0 rgb(184,215,208)
```
#b4dbd3
```
#b4dbd3 rgb(180,219,211)
```
#b0dfd6
```
#b0dfd6 rgb(176,223,214)
```
#abe4d8
```
#abe4d8 rgb(171,228,216)
```
#a7e8db
```
#a7e8db rgb(167,232,219)
```
#a3ecdd
```
#a3ecdd rgb(163,236,221)
```
#9ff0e0
```
#9ff0e0 rgb(159,240,224)
```
#9af5e2
```
#9af5e2 rgb(154,245,226)
```
#96f9e5
```
#96f9e5 rgb(150,249,229)
```
#92fde7
```
#92fde7 rgb(146,253,231)
```

Tone Color Variation

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

#d9d4d0 Protanopia 1% of men
#e6cfd9 Deuteranopia 1% of men
#bcd9e9 Tritanopia 0.001% of the population

Trichromacy

#ccd6d1 Protanomaly 1% of men, 0.01% of women
#d4d3d7 Deuteranomaly 6% of men, 0.4% of women
#b9dae1 Tritanomaly 0.01% of the population

#b4dbd3 hex color

#b4dbd3 Color Information

#b4dbd3 Color Conversion

Color Schemes with #b4dbd3

Alternatives to #b4dbd3

#b4dbd3 Preview

Shades and Tints of #b4dbd3

Tones of #b4dbd3

Color Blindness Simulator