#b4ddcf hex color

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

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

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

The hexadecimal color #b4ddcf has RGB values of R:180, G:221, B:207 and CMYK values of C:0.19, M:0, Y:0.06, K:0.13. Its decimal value is 11853263.

Hex triplet	b4ddcf	`#b4ddcf`
RGB Decimal	180, 221, 207	`rgb(180,221,207)`
RGB Percent	70.6, 86.7, 81.2	`rgb(70.6%,86.7%,81.2%)`
CMYK	19, 0, 6, 13
HSL	159.5°, 37.6, 78.6	`hsl(159.5,37.6%,78.6%)`
HSV (or HSB)	159.5°, 18.6, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.956, -16.14, 2.435
XYZ	55.939, 65.92, 68.805
xyY	0.293, 0.346, 65.92
CIE-LCH	84.956, 16.322, 171.419
CIE-LUV	84.956, -20.985, 6.461
Hunter-Lab	81.191, -19.102, 6.589
Binary	10110100, 11011101, 11001111

#b4ddcf
```
#b4ddcf rgb(180,221,207)
```
#ddb4c2
```
#ddb4c2 rgb(221,180,194)
```

Complementary Color

#b4ddbb
```
#b4ddbb rgb(180,221,187)
```
#b4ddcf
```
#b4ddcf rgb(180,221,207)
```
#b4d7dd
```
#b4d7dd rgb(180,215,221)
```

Analogous Color

#ddbbb4
```
#ddbbb4 rgb(221,187,180)
```
#b4ddcf
```
#b4ddcf rgb(180,221,207)
```
#ddb4d7
```
#ddb4d7 rgb(221,180,215)
```

Split Complementary Color

#ddcfb4
```
#ddcfb4 rgb(221,207,180)
```
#b4ddcf
```
#b4ddcf rgb(180,221,207)
```
#cfb4dd
```
#cfb4dd rgb(207,180,221)
```

Triadic Color

#c2ddb4
```
#c2ddb4 rgb(194,221,180)
```
#b4ddcf
```
#b4ddcf rgb(180,221,207)
```
#cfb4dd
```
#cfb4dd rgb(207,180,221)
```
#ddb4c2
```
#ddb4c2 rgb(221,180,194)
```

Tetradic Color

#7fc5ad
```
#7fc5ad rgb(127,197,173)
```
#91cdb9
```
#91cdb9 rgb(145,205,185)
```
#a2d5c4
```
#a2d5c4 rgb(162,213,196)
```
#b4ddcf
```
#b4ddcf rgb(180,221,207)
```
#c6e5da
```
#c6e5da rgb(198,229,218)
```
#d7ede5
```
#d7ede5 rgb(215,237,229)
```
#e9f5f1
```
#e9f5f1 rgb(233,245,241)
```

Monochromatic Color

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

#b4ddc5
```
#b4ddc5 rgb(180,221,197)
```
#b4ddc8
```
#b4ddc8 rgb(180,221,200)
```
#b4ddcc
```
#b4ddcc rgb(180,221,204)
```
#b4ddcf
```
#b4ddcf rgb(180,221,207)
```
#b4ddd2
```
#b4ddd2 rgb(180,221,210)
```
#b4ddd6
```
#b4ddd6 rgb(180,221,214)
```
#b4ddd9
```
#b4ddd9 rgb(180,221,217)
```

Similar Colors

Text with hexadecimal color #b4ddcf

This text has a font color of #b4ddcf.

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

#b4ddcf background color

This paragraph has a background color of #b4ddcf.

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

#b4ddcf border color

This element has a border color of #b4ddcf.

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

CSS codes

.text {color:#b4ddcf;}

.background {background-color:#b4ddcf;}

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

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

#030605
```
#030605 rgb(3,6,5)
```
#091310
```
#091310 rgb(9,19,16)
```
#0f211b
```
#0f211b rgb(15,33,27)
```
#152e26
```
#152e26 rgb(21,46,38)
```
#1b3c31
```
#1b3c31 rgb(27,60,49)
```
#21493c
```
#21493c rgb(33,73,60)
```
#275747
```
#275747 rgb(39,87,71)
```
#2e6452
```
#2e6452 rgb(46,100,82)
```
#34725d
```
#34725d rgb(52,114,93)
```
#3a7f68
```
#3a7f68 rgb(58,127,104)
```
#408d73
```
#408d73 rgb(64,141,115)
```
#469a7e
```
#469a7e rgb(70,154,126)
```
#4ca889
```
#4ca889 rgb(76,168,137)
```

Shade Color Variation

#56b293
```
#56b293 rgb(86,178,147)
```
#63b89b
```
#63b89b rgb(99,184,155)
```
#71bea4
```
#71bea4 rgb(113,190,164)
```
#7ec5ac
```
#7ec5ac rgb(126,197,172)
```
#8ccbb5
```
#8ccbb5 rgb(140,203,181)
```
#99d1be
```
#99d1be rgb(153,209,190)
```
#a7d7c6
```
#a7d7c6 rgb(167,215,198)
```
#b4ddcf
```
#b4ddcf rgb(180,221,207)
```
#c1e3d8
```
#c1e3d8 rgb(193,227,216)
```
#cfe9e0
```
#cfe9e0 rgb(207,233,224)
```
#dcefe9
```
#dcefe9 rgb(220,239,233)
```
#eaf5f2
```
#eaf5f2 rgb(234,245,242)
```
#f7fcfa
```
#f7fcfa rgb(247,252,250)
```

Tint Color Variation

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

#c5ccca
```
#c5ccca rgb(197,204,202)
```
#c1d0cb
```
#c1d0cb rgb(193,208,203)
```
#bcd5cc
```
#bcd5cc rgb(188,213,204)
```
#b8d9ce
```
#b8d9ce rgb(184,217,206)
```
#b4ddcf
```
#b4ddcf rgb(180,221,207)
```
#b0e1d0
```
#b0e1d0 rgb(176,225,208)
```
#ace5d2
```
#ace5d2 rgb(172,229,210)
```
#a7ead3
```
#a7ead3 rgb(167,234,211)
```
#a3eed4
```
#a3eed4 rgb(163,238,212)
```
#9ff2d6
```
#9ff2d6 rgb(159,242,214)
```
#9bf6d7
```
#9bf6d7 rgb(155,246,215)
```
#97fad8
```
#97fad8 rgb(151,250,216)
```
#92ffda
```
#92ffda rgb(146,255,218)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cad2cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd5cc Protanopia 1% of men
#e9d0d6 Deuteranopia 1% of men
#bddaea Tritanopia 0.001% of the population

Trichromacy

#cdd8cd Protanomaly 1% of men, 0.01% of women
#d6d4d3 Deuteranomaly 6% of men, 0.4% of women
#badbe0 Tritanomaly 0.01% of the population

#b4ddcf hex color

#b4ddcf Color Information

#b4ddcf Color Conversion

Color Schemes with #b4ddcf

Alternatives to #b4ddcf

#b4ddcf Preview

Shades and Tints of #b4ddcf

Tones of #b4ddcf

Color Blindness Simulator