#b4dccd hex color

In a RGB color space, hex #b4dccd is composed of 70.6% red, 86.3% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 6.8% yellow and 13.7% black. It has a hue angle of 157.5 degrees, a saturation of 36.4% and a lightness of 78.4%. #b4dccd color hex could be obtained by blending #ffffff with #69b99b. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 86
- B 80
RGB color chart
- C 18
- M 0
- Y 7
- K 14
CMYK color chart

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

The hexadecimal color #b4dccd has RGB values of R:180, G:220, B:205 and CMYK values of C:0.18, M:0, Y:0.07, K:0.14. Its decimal value is 11853005.

Hex triplet	b4dccd	`#b4dccd`
RGB Decimal	180, 220, 205	`rgb(180,220,205)`
RGB Percent	70.6, 86.3, 80.4	`rgb(70.6%,86.3%,80.4%)`
CMYK	18, 0, 7, 14
HSL	157.5°, 36.4, 78.4	`hsl(157.5,36.4%,78.4%)`
HSV (or HSB)	157.5°, 18.2, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.636, -16.031, 3.029
XYZ	55.432, 65.296, 67.437
xyY	0.295, 0.347, 65.296
CIE-LCH	84.636, 16.315, 169.299
CIE-LUV	84.636, -20.486, 7.334
Hunter-Lab	80.806, -18.961, 7.083
Binary	10110100, 11011100, 11001101

#b4dccd
```
#b4dccd rgb(180,220,205)
```
#dcb4c3
```
#dcb4c3 rgb(220,180,195)
```

Complementary Color

#b4dcb9
```
#b4dcb9 rgb(180,220,185)
```
#b4dccd
```
#b4dccd rgb(180,220,205)
```
#b4d7dc
```
#b4d7dc rgb(180,215,220)
```

Analogous Color

#dcb9b4
```
#dcb9b4 rgb(220,185,180)
```
#b4dccd
```
#b4dccd rgb(180,220,205)
```
#dcb4d7
```
#dcb4d7 rgb(220,180,215)
```

Split Complementary Color

#dccdb4
```
#dccdb4 rgb(220,205,180)
```
#b4dccd
```
#b4dccd rgb(180,220,205)
```
#cdb4dc
```
#cdb4dc rgb(205,180,220)
```

Triadic Color

#c3dcb4
```
#c3dcb4 rgb(195,220,180)
```
#b4dccd
```
#b4dccd rgb(180,220,205)
```
#cdb4dc
```
#cdb4dc rgb(205,180,220)
```
#dcb4c3
```
#dcb4c3 rgb(220,180,195)
```

Tetradic Color

#80c4aa
```
#80c4aa rgb(128,196,170)
```
#91ccb6
```
#91ccb6 rgb(145,204,182)
```
#a3d4c1
```
#a3d4c1 rgb(163,212,193)
```
#b4dccd
```
#b4dccd rgb(180,220,205)
```
#c5e4d9
```
#c5e4d9 rgb(197,228,217)
```
#d7ece4
```
#d7ece4 rgb(215,236,228)
```
#e8f4f0
```
#e8f4f0 rgb(232,244,240)
```

Monochromatic Color

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

#b4dcc3
```
#b4dcc3 rgb(180,220,195)
```
#b4dcc6
```
#b4dcc6 rgb(180,220,198)
```
#b4dcca
```
#b4dcca rgb(180,220,202)
```
#b4dccd
```
#b4dccd rgb(180,220,205)
```
#b4dcd0
```
#b4dcd0 rgb(180,220,208)
```
#b4dcd4
```
#b4dcd4 rgb(180,220,212)
```
#b4dcd7
```
#b4dcd7 rgb(180,220,215)
```

Similar Colors

Text with hexadecimal color #b4dccd

This text has a font color of #b4dccd.

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

#b4dccd background color

This paragraph has a background color of #b4dccd.

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

#b4dccd border color

This element has a border color of #b4dccd.

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

CSS codes

.text {color:#b4dccd;}

.background {background-color:#b4dccd;}

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

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

#020504
```
#020504 rgb(2,5,4)
```
#09130f
```
#09130f rgb(9,19,15)
```
#0f201a
```
#0f201a rgb(15,32,26)
```
#152d24
```
#152d24 rgb(21,45,36)
```
#1b3b2f
```
#1b3b2f rgb(27,59,47)
```
#22483a
```
#22483a rgb(34,72,58)
```
#285544
```
#285544 rgb(40,85,68)
```
#2e634f
```
#2e634f rgb(46,99,79)
```
#34705a
```
#34705a rgb(52,112,90)
```
#3b7e64
```
#3b7e64 rgb(59,126,100)
```
#418b6f
```
#418b6f rgb(65,139,111)
```
#47987a
```
#47987a rgb(71,152,122)
```
#4da685
```
#4da685 rgb(77,166,133)
```

Shade Color Variation

#56b08f
```
#56b08f rgb(86,176,143)
```
#64b798
```
#64b798 rgb(100,183,152)
```
#71bda0
```
#71bda0 rgb(113,189,160)
```
#7fc3a9
```
#7fc3a9 rgb(127,195,169)
```
#8cc9b2
```
#8cc9b2 rgb(140,201,178)
```
#99d0bb
```
#99d0bb rgb(153,208,187)
```
#a7d6c4
```
#a7d6c4 rgb(167,214,196)
```
#b4dccd
```
#b4dccd rgb(180,220,205)
```
#c1e2d6
```
#c1e2d6 rgb(193,226,214)
```
#cfe8df
```
#cfe8df rgb(207,232,223)
```
#dcefe8
```
#dcefe8 rgb(220,239,232)
```
#e9f5f1
```
#e9f5f1 rgb(233,245,241)
```
#f7fbfa
```
#f7fbfa rgb(247,251,250)
```

Tint Color Variation

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

#c5cbc9
```
#c5cbc9 rgb(197,203,201)
```
#c1cfca
```
#c1cfca rgb(193,207,202)
```
#bcd4cb
```
#bcd4cb rgb(188,212,203)
```
#b8d8cc
```
#b8d8cc rgb(184,216,204)
```
#b4dccd
```
#b4dccd rgb(180,220,205)
```
#b0e0ce
```
#b0e0ce rgb(176,224,206)
```
#ace4cf
```
#ace4cf rgb(172,228,207)
```
#a7e9d0
```
#a7e9d0 rgb(167,233,208)
```
#a3edd1
```
#a3edd1 rgb(163,237,209)
```
#9ff1d2
```
#9ff1d2 rgb(159,241,210)
```
#9bf5d3
```
#9bf5d3 rgb(155,245,211)
```
#96fad4
```
#96fad4 rgb(150,250,212)
```
#92fed5
```
#92fed5 rgb(146,254,213)
```

Tone Color Variation

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

Dichromacy

#dbd4ca Protanopia 1% of men
#e9cfd4 Deuteranopia 1% of men
#bdd9e9 Tritanopia 0.001% of the population

Trichromacy

#cdd7cb Protanomaly 1% of men, 0.01% of women
#d6d3d1 Deuteranomaly 6% of men, 0.4% of women
#badadf Tritanomaly 0.01% of the population

#b4dccd hex color

#b4dccd Color Information

#b4dccd Color Conversion

Color Schemes with #b4dccd

Alternatives to #b4dccd

#b4dccd Preview

Shades and Tints of #b4dccd

Tones of #b4dccd

Color Blindness Simulator