#b4dccc hex color

In a RGB color space, hex #b4dccc is composed of 70.6% red, 86.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 7.3% yellow and 13.7% black. It has a hue angle of 156 degrees, a saturation of 36.4% and a lightness of 78.4%. #b4dccc color hex could be obtained by blending #ffffff with #69b999. 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

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

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

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

CIE-LAB	84.611, -16.227, 3.523
XYZ	55.312, 65.248, 66.803
xyY	0.295, 0.348, 65.248
CIE-LCH	84.611, 16.605, 167.752
CIE-LUV	84.611, -20.47, 8.107
Hunter-Lab	80.776, -19.129, 7.51
Binary	10110100, 11011100, 11001100

#b4dccc
```
#b4dccc rgb(180,220,204)
```
#dcb4c4
```
#dcb4c4 rgb(220,180,196)
```

Complementary Color

#b4dcb8
```
#b4dcb8 rgb(180,220,184)
```
#b4dccc
```
#b4dccc rgb(180,220,204)
```
#b4d8dc
```
#b4d8dc rgb(180,216,220)
```

Analogous Color

#dcb8b4
```
#dcb8b4 rgb(220,184,180)
```
#b4dccc
```
#b4dccc rgb(180,220,204)
```
#dcb4d8
```
#dcb4d8 rgb(220,180,216)
```

Split Complementary Color

#dcccb4
```
#dcccb4 rgb(220,204,180)
```
#b4dccc
```
#b4dccc rgb(180,220,204)
```
#ccb4dc
```
#ccb4dc rgb(204,180,220)
```

Triadic Color

#c4dcb4
```
#c4dcb4 rgb(196,220,180)
```
#b4dccc
```
#b4dccc rgb(180,220,204)
```
#ccb4dc
```
#ccb4dc rgb(204,180,220)
```
#dcb4c4
```
#dcb4c4 rgb(220,180,196)
```

Tetradic Color

#80c4a9
```
#80c4a9 rgb(128,196,169)
```
#91ccb4
```
#91ccb4 rgb(145,204,180)
```
#a3d4c0
```
#a3d4c0 rgb(163,212,192)
```
#b4dccc
```
#b4dccc rgb(180,220,204)
```
#c5e4d8
```
#c5e4d8 rgb(197,228,216)
```
#d7ece4
```
#d7ece4 rgb(215,236,228)
```
#e8f4ef
```
#e8f4ef rgb(232,244,239)
```

Monochromatic Color

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

#b4dcc2
```
#b4dcc2 rgb(180,220,194)
```
#b4dcc5
```
#b4dcc5 rgb(180,220,197)
```
#b4dcc9
```
#b4dcc9 rgb(180,220,201)
```
#b4dccc
```
#b4dccc rgb(180,220,204)
```
#b4dccf
```
#b4dccf rgb(180,220,207)
```
#b4dcd3
```
#b4dcd3 rgb(180,220,211)
```
#b4dcd6
```
#b4dcd6 rgb(180,220,214)
```

Similar Colors

Text with hexadecimal color #b4dccc

This text has a font color of #b4dccc.

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

#b4dccc background color

This paragraph has a background color of #b4dccc.

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

#b4dccc border color

This element has a border color of #b4dccc.

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

CSS codes

.text {color:#b4dccc;}

.background {background-color:#b4dccc;}

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

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

#020504
```
#020504 rgb(2,5,4)
```
#09130f
```
#09130f rgb(9,19,15)
```
#0f2019
```
#0f2019 rgb(15,32,25)
```
#152d24
```
#152d24 rgb(21,45,36)
```
#1b3b2e
```
#1b3b2e rgb(27,59,46)
```
#224839
```
#224839 rgb(34,72,57)
```
#285543
```
#285543 rgb(40,85,67)
```
#2e634e
```
#2e634e rgb(46,99,78)
```
#347058
```
#347058 rgb(52,112,88)
```
#3b7e63
```
#3b7e63 rgb(59,126,99)
```
#418b6d
```
#418b6d rgb(65,139,109)
```
#479878
```
#479878 rgb(71,152,120)
```
#4da682
```
#4da682 rgb(77,166,130)
```

Shade Color Variation

#56b08c
```
#56b08c rgb(86,176,140)
```
#64b795
```
#64b795 rgb(100,183,149)
```
#71bd9f
```
#71bd9f rgb(113,189,159)
```
#7fc3a8
```
#7fc3a8 rgb(127,195,168)
```
#8cc9b1
```
#8cc9b1 rgb(140,201,177)
```
#99d0ba
```
#99d0ba rgb(153,208,186)
```
#a7d6c3
```
#a7d6c3 rgb(167,214,195)
```
#b4dccc
```
#b4dccc rgb(180,220,204)
```
#c1e2d5
```
#c1e2d5 rgb(193,226,213)
```
#cfe8de
```
#cfe8de rgb(207,232,222)
```
#dcefe7
```
#dcefe7 rgb(220,239,231)
```
#e9f5f0
```
#e9f5f0 rgb(233,245,240)
```
#f7fbf9
```
#f7fbf9 rgb(247,251,249)
```

Tint Color Variation

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

#c5cbc9
```
#c5cbc9 rgb(197,203,201)
```
#c1cfc9
```
#c1cfc9 rgb(193,207,201)
```
#bcd4ca
```
#bcd4ca rgb(188,212,202)
```
#b8d8cb
```
#b8d8cb rgb(184,216,203)
```
#b4dccc
```
#b4dccc rgb(180,220,204)
```
#b0e0cd
```
#b0e0cd rgb(176,224,205)
```
#ace4ce
```
#ace4ce rgb(172,228,206)
```
#a7e9cf
```
#a7e9cf rgb(167,233,207)
```
#a3edcf
```
#a3edcf rgb(163,237,207)
```
#9ff1d0
```
#9ff1d0 rgb(159,241,208)
```
#9bf5d1
```
#9bf5d1 rgb(155,245,209)
```
#96fad2
```
#96fad2 rgb(150,250,210)
```
#92fed3
```
#92fed3 rgb(146,254,211)
```

Tone Color Variation

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

#dbd4c9 Protanopia 1% of men
#e9cfd3 Deuteranopia 1% of men
#bdd9e9 Tritanopia 0.001% of the population

Trichromacy

#cdd7ca Protanomaly 1% of men, 0.01% of women
#d6d3d0 Deuteranomaly 6% of men, 0.4% of women
#badade Tritanomaly 0.01% of the population

#b4dccc hex color

#b4dccc Color Information

#b4dccc Color Conversion

Color Schemes with #b4dccc

Alternatives to #b4dccc

#b4dccc Preview

Shades and Tints of #b4dccc

Tones of #b4dccc

Color Blindness Simulator