#b4ddc5 hex color

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

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

● #b4ddc5 color description : Light grayish cyan - lime green.

The hexadecimal color #b4ddc5 has RGB values of R:180, G:221, B:197 and CMYK values of C:0.19, M:0, Y:0.11, K:0.13. Its decimal value is 11853253.

Hex triplet	b4ddc5	`#b4ddc5`
RGB Decimal	180, 221, 197	`rgb(180,221,197)`
RGB Percent	70.6, 86.7, 77.3	`rgb(70.6%,86.7%,77.3%)`
CMYK	19, 0, 11, 13
HSL	144.9°, 37.6, 78.6	`hsl(144.9,37.6%,78.6%)`
HSV (or HSB)	144.9°, 18.6, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.713, -18.073, 7.368
XYZ	54.754, 65.446, 62.568
xyY	0.3, 0.358, 65.446
CIE-LCH	84.713, 19.517, 157.819
CIE-LUV	84.713, -20.842, 14.125
Hunter-Lab	80.899, -20.759, 10.774
Binary	10110100, 11011101, 11000101

#b4ddc5
```
#b4ddc5 rgb(180,221,197)
```
#ddb4cc
```
#ddb4cc rgb(221,180,204)
```

Complementary Color

#b8ddb4
```
#b8ddb4 rgb(184,221,180)
```
#b4ddc5
```
#b4ddc5 rgb(180,221,197)
```
#b4ddda
```
#b4ddda rgb(180,221,218)
```

Analogous Color

#ddb4b8
```
#ddb4b8 rgb(221,180,184)
```
#b4ddc5
```
#b4ddc5 rgb(180,221,197)
```
#dab4dd
```
#dab4dd rgb(218,180,221)
```

Split Complementary Color

#ddc5b4
```
#ddc5b4 rgb(221,197,180)
```
#b4ddc5
```
#b4ddc5 rgb(180,221,197)
```
#c5b4dd
```
#c5b4dd rgb(197,180,221)
```

Triadic Color

#ccddb4
```
#ccddb4 rgb(204,221,180)
```
#b4ddc5
```
#b4ddc5 rgb(180,221,197)
```
#c5b4dd
```
#c5b4dd rgb(197,180,221)
```
#ddb4cc
```
#ddb4cc rgb(221,180,204)
```

Tetradic Color

#7fc59c
```
#7fc59c rgb(127,197,156)
```
#91cdaa
```
#91cdaa rgb(145,205,170)
```
#a2d5b7
```
#a2d5b7 rgb(162,213,183)
```
#b4ddc5
```
#b4ddc5 rgb(180,221,197)
```
#c6e5d3
```
#c6e5d3 rgb(198,229,211)
```
#d7ede0
```
#d7ede0 rgb(215,237,224)
```
#e9f5ee
```
#e9f5ee rgb(233,245,238)
```

Monochromatic Color

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

#b4ddbb
```
#b4ddbb rgb(180,221,187)
```
#b4ddbe
```
#b4ddbe rgb(180,221,190)
```
#b4ddc2
```
#b4ddc2 rgb(180,221,194)
```
#b4ddc5
```
#b4ddc5 rgb(180,221,197)
```
#b4ddc8
```
#b4ddc8 rgb(180,221,200)
```
#b4ddcc
```
#b4ddcc rgb(180,221,204)
```
#b4ddcf
```
#b4ddcf rgb(180,221,207)
```

Similar Colors

Text with hexadecimal color #b4ddc5

This text has a font color of #b4ddc5.

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

#b4ddc5 background color

This paragraph has a background color of #b4ddc5.

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

#b4ddc5 border color

This element has a border color of #b4ddc5.

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

CSS codes

.text {color:#b4ddc5;}

.background {background-color:#b4ddc5;}

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

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

#030604
```
#030604 rgb(3,6,4)
```
#09130d
```
#09130d rgb(9,19,13)
```
#0f2116
```
#0f2116 rgb(15,33,22)
```
#152e20
```
#152e20 rgb(21,46,32)
```
#1b3c29
```
#1b3c29 rgb(27,60,41)
```
#214932
```
#214932 rgb(33,73,50)
```
#27573b
```
#27573b rgb(39,87,59)
```
#2e6444
```
#2e6444 rgb(46,100,68)
```
#34724d
```
#34724d rgb(52,114,77)
```
#3a7f57
```
#3a7f57 rgb(58,127,87)
```
#408d60
```
#408d60 rgb(64,141,96)
```
#469a69
```
#469a69 rgb(70,154,105)
```
#4ca872
```
#4ca872 rgb(76,168,114)
```

Shade Color Variation

#56b27c
```
#56b27c rgb(86,178,124)
```
#63b886
```
#63b886 rgb(99,184,134)
```
#71be91
```
#71be91 rgb(113,190,145)
```
#7ec59b
```
#7ec59b rgb(126,197,155)
```
#8ccba6
```
#8ccba6 rgb(140,203,166)
```
#99d1b0
```
#99d1b0 rgb(153,209,176)
```
#a7d7bb
```
#a7d7bb rgb(167,215,187)
```
#b4ddc5
```
#b4ddc5 rgb(180,221,197)
```
#c1e3cf
```
#c1e3cf rgb(193,227,207)
```
#cfe9da
```
#cfe9da rgb(207,233,218)
```
#dcefe4
```
#dcefe4 rgb(220,239,228)
```
#eaf5ef
```
#eaf5ef rgb(234,245,239)
```
#f7fcf9
```
#f7fcf9 rgb(247,252,249)
```

Tint Color Variation

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

#c5ccc8
```
#c5ccc8 rgb(197,204,200)
```
#c1d0c7
```
#c1d0c7 rgb(193,208,199)
```
#bcd5c6
```
#bcd5c6 rgb(188,213,198)
```
#b8d9c6
```
#b8d9c6 rgb(184,217,198)
```
#b4ddc5
```
#b4ddc5 rgb(180,221,197)
```
#b0e1c4
```
#b0e1c4 rgb(176,225,196)
```
#ace5c4
```
#ace5c4 rgb(172,229,196)
```
#a7eac3
```
#a7eac3 rgb(167,234,195)
```
#a3eec2
```
#a3eec2 rgb(163,238,194)
```
#9ff2c1
```
#9ff2c1 rgb(159,242,193)
```
#9bf6c1
```
#9bf6c1 rgb(155,246,193)
```
#97fac0
```
#97fac0 rgb(151,250,192)
```
#92ffbf
```
#92ffbf rgb(146,255,191)
```

Tone Color Variation

Below, you can see how #b4ddc5 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
#c9d1cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd4c3 Protanopia 1% of men
#eccfcd Deuteranopia 1% of men
#bfd9e9 Tritanopia 0.001% of the population

Trichromacy

#ced7c3 Protanomaly 1% of men, 0.01% of women
#d8d4ca Deuteranomaly 6% of men, 0.4% of women
#bbdadc Tritanomaly 0.01% of the population

#b4ddc5 hex color

#b4ddc5 Color Information

#b4ddc5 Color Conversion

Color Schemes with #b4ddc5

Alternatives to #b4ddc5

#b4ddc5 Preview

Shades and Tints of #b4ddc5

Tones of #b4ddc5

Color Blindness Simulator