#b4ddbc hex color

In a RGB color space, hex #b4ddbc is composed of 70.6% red, 86.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 0% magenta, 14.9% yellow and 13.3% black. It has a hue angle of 131.7 degrees, a saturation of 37.6% and a lightness of 78.6%. #b4ddbc color hex could be obtained by blending #ffffff with #69bb79. Closest websafe color is: #cccccc.

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

● #b4ddbc color description : Light grayish lime green.

The hexadecimal color #b4ddbc has RGB values of R:180, G:221, B:188 and CMYK values of C:0.19, M:0, Y:0.15, K:0.13. Its decimal value is 11853244.

Hex triplet	b4ddbc	`#b4ddbc`
RGB Decimal	180, 221, 188	`rgb(180,221,188)`
RGB Percent	70.6, 86.7, 73.7	`rgb(70.6%,86.7%,73.7%)`
CMYK	19, 0, 15, 13
HSL	131.7°, 37.6, 78.6	`hsl(131.7,37.6%,78.6%)`
HSV (or HSB)	131.7°, 18.6, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.507, -19.736, 11.82
XYZ	53.754, 65.046, 57.297
xyY	0.305, 0.369, 65.046
CIE-LCH	84.507, 23.005, 149.082
CIE-LUV	84.507, -20.719, 20.836
Hunter-Lab	80.651, -22.169, 14.334
Binary	10110100, 11011101, 10111100

#b4ddbc
```
#b4ddbc rgb(180,221,188)
```
#ddb4d5
```
#ddb4d5 rgb(221,180,213)
```

Complementary Color

#c1ddb4
```
#c1ddb4 rgb(193,221,180)
```
#b4ddbc
```
#b4ddbc rgb(180,221,188)
```
#b4ddd1
```
#b4ddd1 rgb(180,221,209)
```

Analogous Color

#ddb4c1
```
#ddb4c1 rgb(221,180,193)
```
#b4ddbc
```
#b4ddbc rgb(180,221,188)
```
#d1b4dd
```
#d1b4dd rgb(209,180,221)
```

Split Complementary Color

#ddbcb4
```
#ddbcb4 rgb(221,188,180)
```
#b4ddbc
```
#b4ddbc rgb(180,221,188)
```
#bcb4dd
```
#bcb4dd rgb(188,180,221)
```

Triadic Color

#d5ddb4
```
#d5ddb4 rgb(213,221,180)
```
#b4ddbc
```
#b4ddbc rgb(180,221,188)
```
#bcb4dd
```
#bcb4dd rgb(188,180,221)
```
#ddb4d5
```
#ddb4d5 rgb(221,180,213)
```

Tetradic Color

#7fc58d
```
#7fc58d rgb(127,197,141)
```
#91cd9d
```
#91cd9d rgb(145,205,157)
```
#a2d5ac
```
#a2d5ac rgb(162,213,172)
```
#b4ddbc
```
#b4ddbc rgb(180,221,188)
```
#c6e5cc
```
#c6e5cc rgb(198,229,204)
```
#d7eddb
```
#d7eddb rgb(215,237,219)
```
#e9f5eb
```
#e9f5eb rgb(233,245,235)
```

Monochromatic Color

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

#b6ddb4
```
#b6ddb4 rgb(182,221,180)
```
#b4ddb5
```
#b4ddb5 rgb(180,221,181)
```
#b4ddb9
```
#b4ddb9 rgb(180,221,185)
```
#b4ddbc
```
#b4ddbc rgb(180,221,188)
```
#b4ddbf
```
#b4ddbf rgb(180,221,191)
```
#b4ddc3
```
#b4ddc3 rgb(180,221,195)
```
#b4ddc6
```
#b4ddc6 rgb(180,221,198)
```

Similar Colors

Text with hexadecimal color #b4ddbc

This text has a font color of #b4ddbc.

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

#b4ddbc background color

This paragraph has a background color of #b4ddbc.

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

#b4ddbc border color

This element has a border color of #b4ddbc.

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

CSS codes

.text {color:#b4ddbc;}

.background {background-color:#b4ddbc;}

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

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

#030603
```
#030603 rgb(3,6,3)
```
#09130b
```
#09130b rgb(9,19,11)
```
#0f2112
```
#0f2112 rgb(15,33,18)
```
#152e1a
```
#152e1a rgb(21,46,26)
```
#1b3c22
```
#1b3c22 rgb(27,60,34)
```
#214929
```
#214929 rgb(33,73,41)
```
#275731
```
#275731 rgb(39,87,49)
```
#2e6438
```
#2e6438 rgb(46,100,56)
```
#347240
```
#347240 rgb(52,114,64)
```
#3a7f47
```
#3a7f47 rgb(58,127,71)
```
#408d4f
```
#408d4f rgb(64,141,79)
```
#469a56
```
#469a56 rgb(70,154,86)
```
#4ca85e
```
#4ca85e rgb(76,168,94)
```

Shade Color Variation

#56b268
```
#56b268 rgb(86,178,104)
```
#63b874
```
#63b874 rgb(99,184,116)
```
#71be80
```
#71be80 rgb(113,190,128)
```
#7ec58c
```
#7ec58c rgb(126,197,140)
```
#8ccb98
```
#8ccb98 rgb(140,203,152)
```
#99d1a4
```
#99d1a4 rgb(153,209,164)
```
#a7d7b0
```
#a7d7b0 rgb(167,215,176)
```
#b4ddbc
```
#b4ddbc rgb(180,221,188)
```
#c1e3c8
```
#c1e3c8 rgb(193,227,200)
```
#cfe9d4
```
#cfe9d4 rgb(207,233,212)
```
#dcefe0
```
#dcefe0 rgb(220,239,224)
```
#eaf5ec
```
#eaf5ec rgb(234,245,236)
```
#f7fcf8
```
#f7fcf8 rgb(247,252,248)
```

Tint Color Variation

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

#c5ccc6
```
#c5ccc6 rgb(197,204,198)
```
#c1d0c4
```
#c1d0c4 rgb(193,208,196)
```
#bcd5c1
```
#bcd5c1 rgb(188,213,193)
```
#b8d9bf
```
#b8d9bf rgb(184,217,191)
```
#b4ddbc
```
#b4ddbc rgb(180,221,188)
```
#b0e1b9
```
#b0e1b9 rgb(176,225,185)
```
#ace5b7
```
#ace5b7 rgb(172,229,183)
```
#a7eab4
```
#a7eab4 rgb(167,234,180)
```
#a3eeb2
```
#a3eeb2 rgb(163,238,178)
```
#9ff2af
```
#9ff2af rgb(159,242,175)
```
#9bf6ad
```
#9bf6ad rgb(155,246,173)
```
#97faaa
```
#97faaa rgb(151,250,170)
```
#92ffa8
```
#92ffa8 rgb(146,255,168)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c8d0ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd4ba Protanopia 1% of men
#efcec4 Deuteranopia 1% of men
#c0d8e8 Tritanopia 0.001% of the population

Trichromacy

#cfd7bb Protanomaly 1% of men, 0.01% of women
#d9d3c1 Deuteranomaly 6% of men, 0.4% of women
#bbdad8 Tritanomaly 0.01% of the population

#b4ddbc hex color

#b4ddbc Color Information

#b4ddbc Color Conversion

Color Schemes with #b4ddbc

Alternatives to #b4ddbc

#b4ddbc Preview

Shades and Tints of #b4ddbc

Tones of #b4ddbc

Color Blindness Simulator