#b4ddb0 hex color

In a RGB color space, hex #b4ddb0 is composed of 70.6% red, 86.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 0% magenta, 20.4% yellow and 13.3% black. It has a hue angle of 114.7 degrees, a saturation of 39.8% and a lightness of 77.8%. #b4ddb0 color hex could be obtained by blending #ffffff with #69bb61. Closest websafe color is: #cccc99.

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

● #b4ddb0 color description : Very soft lime green.

The hexadecimal color #b4ddb0 has RGB values of R:180, G:221, B:176 and CMYK values of C:0.19, M:0, Y:0.2, K:0.13. Its decimal value is 11853232.

Hex triplet	b4ddb0	`#b4ddb0`
RGB Decimal	180, 221, 176	`rgb(180,221,176)`
RGB Percent	70.6, 86.7, 69	`rgb(70.6%,86.7%,69%)`
CMYK	19, 0, 20, 13
HSL	114.7°, 39.8, 77.8	`hsl(114.7,39.8%,77.8%)`
HSV (or HSB)	114.7°, 20.4, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	84.251, -21.837, 17.764
XYZ	52.513, 64.55, 50.765
xyY	0.313, 0.385, 64.55
CIE-LCH	84.251, 28.15, 140.872
CIE-LUV	84.251, -20.563, 29.471
Hunter-Lab	80.343, -23.93, 18.778
Binary	10110100, 11011101, 10110000

#b4ddb0
```
#b4ddb0 rgb(180,221,176)
```
#d9b0dd
```
#d9b0dd rgb(217,176,221)
```

Complementary Color

#cbddb0
```
#cbddb0 rgb(203,221,176)
```
#b4ddb0
```
#b4ddb0 rgb(180,221,176)
```
#b0ddc3
```
#b0ddc3 rgb(176,221,195)
```

Analogous Color

#ddb0cb
```
#ddb0cb rgb(221,176,203)
```
#b4ddb0
```
#b4ddb0 rgb(180,221,176)
```
#c3b0dd
```
#c3b0dd rgb(195,176,221)
```

Split Complementary Color

#ddb0b4
```
#ddb0b4 rgb(221,176,180)
```
#b4ddb0
```
#b4ddb0 rgb(180,221,176)
```
#b0b4dd
```
#b0b4dd rgb(176,180,221)
```

Triadic Color

#ddd9b0
```
#ddd9b0 rgb(221,217,176)
```
#b4ddb0
```
#b4ddb0 rgb(180,221,176)
```
#b0b4dd
```
#b0b4dd rgb(176,180,221)
```
#d9b0dd
```
#d9b0dd rgb(217,176,221)
```

Tetradic Color

#81c67b
```
#81c67b rgb(129,198,123)
```
#92ce8c
```
#92ce8c rgb(146,206,140)
```
#a3d59e
```
#a3d59e rgb(163,213,158)
```
#b4ddb0
```
#b4ddb0 rgb(180,221,176)
```
#c5e5c2
```
#c5e5c2 rgb(197,229,194)
```
#d6ecd4
```
#d6ecd4 rgb(214,236,212)
```
#e7f4e5
```
#e7f4e5 rgb(231,244,229)
```

Monochromatic Color

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

#bfddb0
```
#bfddb0 rgb(191,221,176)
```
#bcddb0
```
#bcddb0 rgb(188,221,176)
```
#b8ddb0
```
#b8ddb0 rgb(184,221,176)
```
#b4ddb0
```
#b4ddb0 rgb(180,221,176)
```
#b0ddb0
```
#b0ddb0 rgb(176,221,176)
```
#b0ddb4
```
#b0ddb4 rgb(176,221,180)
```
#b0ddb7
```
#b0ddb7 rgb(176,221,183)
```

Similar Colors

Text with hexadecimal color #b4ddb0

This text has a font color of #b4ddb0.

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

#b4ddb0 background color

This paragraph has a background color of #b4ddb0.

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

#b4ddb0 border color

This element has a border color of #b4ddb0.

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

CSS codes

.text {color:#b4ddb0;}

.background {background-color:#b4ddb0;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#081107
```
#081107 rgb(8,17,7)
```
#0f1f0d
```
#0f1f0d rgb(15,31,13)
```
#152c13
```
#152c13 rgb(21,44,19)
```
#1c3a19
```
#1c3a19 rgb(28,58,25)
```
#23481f
```
#23481f rgb(35,72,31)
```
#295625
```
#295625 rgb(41,86,37)
```
#30632b
```
#30632b rgb(48,99,43)
```
#367131
```
#367131 rgb(54,113,49)
```
#3d7f37
```
#3d7f37 rgb(61,127,55)
```
#448c3c
```
#448c3c rgb(68,140,60)
```
#4a9a42
```
#4a9a42 rgb(74,154,66)
```
#51a848
```
#51a848 rgb(81,168,72)
```

Shade Color Variation

#59b450
```
#59b450 rgb(89,180,80)
```
#66ba5e
```
#66ba5e rgb(102,186,94)
```
#73bf6b
```
#73bf6b rgb(115,191,107)
```
#80c579
```
#80c579 rgb(128,197,121)
```
#8dcb87
```
#8dcb87 rgb(141,203,135)
```
#9ad195
```
#9ad195 rgb(154,209,149)
```
#a7d7a2
```
#a7d7a2 rgb(167,215,162)
```
#b4ddb0
```
#b4ddb0 rgb(180,221,176)
```
#c1e3be
```
#c1e3be rgb(193,227,190)
```
#cee9cb
```
#cee9cb rgb(206,233,203)
```
#dbefd9
```
#dbefd9 rgb(219,239,217)
```
#e8f5e7
```
#e8f5e7 rgb(232,245,231)
```
#f5fbf5
```
#f5fbf5 rgb(245,251,245)
```

Tint Color Variation

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

#c6c7c6
```
#c6c7c6 rgb(198,199,198)
```
#c2ccc1
```
#c2ccc1 rgb(194,204,193)
```
#bfd0bd
```
#bfd0bd rgb(191,208,189)
```
#bbd4b9
```
#bbd4b9 rgb(187,212,185)
```
#b8d9b4
```
#b8d9b4 rgb(184,217,180)
```
#b4ddb0
```
#b4ddb0 rgb(180,221,176)
```
#b0e1ac
```
#b0e1ac rgb(176,225,172)
```
#ade6a7
```
#ade6a7 rgb(173,230,167)
```
#a9eaa3
```
#a9eaa3 rgb(169,234,163)
```
#a6ee9f
```
#a6ee9f rgb(166,238,159)
```
#a2f39a
```
#a2f39a rgb(162,243,154)
```
#9ff796
```
#9ff796 rgb(159,247,150)
```
#9bfb92
```
#9bfb92 rgb(155,251,146)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c7cfc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0d4af Protanopia 1% of men
#f1cdb9 Deuteranopia 1% of men
#c2d7e7 Tritanopia 0.001% of the population

Trichromacy

#d0d7af Protanomaly 1% of men, 0.01% of women
#dbd2b6 Deuteranomaly 6% of men, 0.4% of women
#bcd9d3 Tritanomaly 0.01% of the population

#b4ddb0 hex color

#b4ddb0 Color Information

#b4ddb0 Color Conversion

Color Schemes with #b4ddb0

Alternatives to #b4ddb0

#b4ddb0 Preview

Shades and Tints of #b4ddb0

Tones of #b4ddb0

Color Blindness Simulator