#b4ddc9 hex color

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

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

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

The hexadecimal color #b4ddc9 has RGB values of R:180, G:221, B:201 and CMYK values of C:0.19, M:0, Y:0.09, K:0.13. Its decimal value is 11853257.

Hex triplet	b4ddc9	`#b4ddc9`
RGB Decimal	180, 221, 201	`rgb(180,221,201)`
RGB Percent	70.6, 86.7, 78.8	`rgb(70.6%,86.7%,78.8%)`
CMYK	19, 0, 9, 13
HSL	150.7°, 37.6, 78.6	`hsl(150.7,37.6%,78.6%)`
HSV (or HSB)	150.7°, 18.6, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.808, -17.31, 5.393
XYZ	55.219, 65.632, 65.014
xyY	0.297, 0.353, 65.632
CIE-LCH	84.808, 18.131, 162.695
CIE-LUV	84.808, -20.898, 11.084
Hunter-Lab	81.014, -20.108, 9.129
Binary	10110100, 11011101, 11001001

#b4ddc9
```
#b4ddc9 rgb(180,221,201)
```
#ddb4c8
```
#ddb4c8 rgb(221,180,200)
```

Complementary Color

#b4ddb5
```
#b4ddb5 rgb(180,221,181)
```
#b4ddc9
```
#b4ddc9 rgb(180,221,201)
```
#b4dddd
```
#b4dddd rgb(180,221,221)
```

Analogous Color

#ddb5b4
```
#ddb5b4 rgb(221,181,180)
```
#b4ddc9
```
#b4ddc9 rgb(180,221,201)
```
#ddb4dd
```
#ddb4dd rgb(221,180,221)
```

Split Complementary Color

#ddc9b4
```
#ddc9b4 rgb(221,201,180)
```
#b4ddc9
```
#b4ddc9 rgb(180,221,201)
```
#c9b4dd
```
#c9b4dd rgb(201,180,221)
```

Triadic Color

#c8ddb4
```
#c8ddb4 rgb(200,221,180)
```
#b4ddc9
```
#b4ddc9 rgb(180,221,201)
```
#c9b4dd
```
#c9b4dd rgb(201,180,221)
```
#ddb4c8
```
#ddb4c8 rgb(221,180,200)
```

Tetradic Color

#7fc5a3
```
#7fc5a3 rgb(127,197,163)
```
#91cdb0
```
#91cdb0 rgb(145,205,176)
```
#a2d5bc
```
#a2d5bc rgb(162,213,188)
```
#b4ddc9
```
#b4ddc9 rgb(180,221,201)
```
#c6e5d6
```
#c6e5d6 rgb(198,229,214)
```
#d7ede2
```
#d7ede2 rgb(215,237,226)
```
#e9f5ef
```
#e9f5ef rgb(233,245,239)
```

Monochromatic Color

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

#b4ddbf
```
#b4ddbf rgb(180,221,191)
```
#b4ddc2
```
#b4ddc2 rgb(180,221,194)
```
#b4ddc6
```
#b4ddc6 rgb(180,221,198)
```
#b4ddc9
```
#b4ddc9 rgb(180,221,201)
```
#b4ddcc
```
#b4ddcc rgb(180,221,204)
```
#b4ddd0
```
#b4ddd0 rgb(180,221,208)
```
#b4ddd3
```
#b4ddd3 rgb(180,221,211)
```

Similar Colors

Text with hexadecimal color #b4ddc9

This text has a font color of #b4ddc9.

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

#b4ddc9 background color

This paragraph has a background color of #b4ddc9.

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

#b4ddc9 border color

This element has a border color of #b4ddc9.

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

CSS codes

.text {color:#b4ddc9;}

.background {background-color:#b4ddc9;}

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

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 #f7fcfa is the lightest one.

#030604
```
#030604 rgb(3,6,4)
```
#09130e
```
#09130e rgb(9,19,14)
```
#0f2118
```
#0f2118 rgb(15,33,24)
```
#152e22
```
#152e22 rgb(21,46,34)
```
#1b3c2c
```
#1b3c2c rgb(27,60,44)
```
#214936
```
#214936 rgb(33,73,54)
```
#275740
```
#275740 rgb(39,87,64)
```
#2e644a
```
#2e644a rgb(46,100,74)
```
#347254
```
#347254 rgb(52,114,84)
```
#3a7f5d
```
#3a7f5d rgb(58,127,93)
```
#408d67
```
#408d67 rgb(64,141,103)
```
#469a71
```
#469a71 rgb(70,154,113)
```
#4ca87b
```
#4ca87b rgb(76,168,123)
```

Shade Color Variation

#56b285
```
#56b285 rgb(86,178,133)
```
#63b88f
```
#63b88f rgb(99,184,143)
```
#71be98
```
#71be98 rgb(113,190,152)
```
#7ec5a2
```
#7ec5a2 rgb(126,197,162)
```
#8ccbac
```
#8ccbac rgb(140,203,172)
```
#99d1b6
```
#99d1b6 rgb(153,209,182)
```
#a7d7bf
```
#a7d7bf rgb(167,215,191)
```
#b4ddc9
```
#b4ddc9 rgb(180,221,201)
```
#c1e3d3
```
#c1e3d3 rgb(193,227,211)
```
#cfe9dc
```
#cfe9dc rgb(207,233,220)
```
#dcefe6
```
#dcefe6 rgb(220,239,230)
```
#eaf5f0
```
#eaf5f0 rgb(234,245,240)
```
#f7fcfa
```
#f7fcfa rgb(247,252,250)
```

Tint Color Variation

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

#c5ccc9
```
#c5ccc9 rgb(197,204,201)
```
#c1d0c9
```
#c1d0c9 rgb(193,208,201)
```
#bcd5c9
```
#bcd5c9 rgb(188,213,201)
```
#b8d9c9
```
#b8d9c9 rgb(184,217,201)
```
#b4ddc9
```
#b4ddc9 rgb(180,221,201)
```
#b0e1c9
```
#b0e1c9 rgb(176,225,201)
```
#ace5c9
```
#ace5c9 rgb(172,229,201)
```
#a7eac9
```
#a7eac9 rgb(167,234,201)
```
#a3eec9
```
#a3eec9 rgb(163,238,201)
```
#9ff2ca
```
#9ff2ca rgb(159,242,202)
```
#9bf6ca
```
#9bf6ca rgb(155,246,202)
```
#97faca
```
#97faca rgb(151,250,202)
```
#92ffca
```
#92ffca rgb(146,255,202)
```

Tone Color Variation

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

Dichromacy

#ddd5c7 Protanopia 1% of men
#ebcfd0 Deuteranopia 1% of men
#bedae9 Tritanopia 0.001% of the population

Trichromacy

#ced8c7 Protanomaly 1% of men, 0.01% of women
#d7d4cd Deuteranomaly 6% of men, 0.4% of women
#badbdd Tritanomaly 0.01% of the population

#b4ddc9 hex color

#b4ddc9 Color Information

#b4ddc9 Color Conversion

Color Schemes with #b4ddc9

Alternatives to #b4ddc9

#b4ddc9 Preview

Shades and Tints of #b4ddc9

Tones of #b4ddc9

Color Blindness Simulator