#b4dccf hex color

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

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

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

The hexadecimal color #b4dccf has RGB values of R:180, G:220, B:207 and CMYK values of C:0.18, M:0, Y:0.06, K:0.14. Its decimal value is 11853007.

Hex triplet	b4dccf	`#b4dccf`
RGB Decimal	180, 220, 207	`rgb(180,220,207)`
RGB Percent	70.6, 86.3, 81.2	`rgb(70.6%,86.3%,81.2%)`
CMYK	18, 0, 6, 14
HSL	160.5°, 36.4, 78.4	`hsl(160.5,36.4%,78.4%)`
HSV (or HSB)	160.5°, 18.2, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.686, -15.636, 2.044
XYZ	55.675, 65.393, 68.717
xyY	0.293, 0.345, 65.393
CIE-LCH	84.686, 15.769, 172.553
CIE-LUV	84.686, -20.516, 5.782
Hunter-Lab	80.866, -18.621, 6.224
Binary	10110100, 11011100, 11001111

#b4dccf
```
#b4dccf rgb(180,220,207)
```
#dcb4c1
```
#dcb4c1 rgb(220,180,193)
```

Complementary Color

#b4dcbb
```
#b4dcbb rgb(180,220,187)
```
#b4dccf
```
#b4dccf rgb(180,220,207)
```
#b4d5dc
```
#b4d5dc rgb(180,213,220)
```

Analogous Color

#dcbbb4
```
#dcbbb4 rgb(220,187,180)
```
#b4dccf
```
#b4dccf rgb(180,220,207)
```
#dcb4d5
```
#dcb4d5 rgb(220,180,213)
```

Split Complementary Color

#dccfb4
```
#dccfb4 rgb(220,207,180)
```
#b4dccf
```
#b4dccf rgb(180,220,207)
```
#cfb4dc
```
#cfb4dc rgb(207,180,220)
```

Triadic Color

#c1dcb4
```
#c1dcb4 rgb(193,220,180)
```
#b4dccf
```
#b4dccf rgb(180,220,207)
```
#cfb4dc
```
#cfb4dc rgb(207,180,220)
```
#dcb4c1
```
#dcb4c1 rgb(220,180,193)
```

Tetradic Color

#80c4ae
```
#80c4ae rgb(128,196,174)
```
#91ccb9
```
#91ccb9 rgb(145,204,185)
```
#a3d4c4
```
#a3d4c4 rgb(163,212,196)
```
#b4dccf
```
#b4dccf rgb(180,220,207)
```
#c5e4da
```
#c5e4da rgb(197,228,218)
```
#d7ece5
```
#d7ece5 rgb(215,236,229)
```
#e8f4f0
```
#e8f4f0 rgb(232,244,240)
```

Monochromatic Color

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

#b4dcc5
```
#b4dcc5 rgb(180,220,197)
```
#b4dcc8
```
#b4dcc8 rgb(180,220,200)
```
#b4dccc
```
#b4dccc rgb(180,220,204)
```
#b4dccf
```
#b4dccf rgb(180,220,207)
```
#b4dcd2
```
#b4dcd2 rgb(180,220,210)
```
#b4dcd6
```
#b4dcd6 rgb(180,220,214)
```
#b4dcd9
```
#b4dcd9 rgb(180,220,217)
```

Similar Colors

Text with hexadecimal color #b4dccf

This text has a font color of #b4dccf.

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

#b4dccf background color

This paragraph has a background color of #b4dccf.

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

#b4dccf border color

This element has a border color of #b4dccf.

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

CSS codes

.text {color:#b4dccf;}

.background {background-color:#b4dccf;}

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

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)
```
#152d26
```
#152d26 rgb(21,45,38)
```
#1b3b31
```
#1b3b31 rgb(27,59,49)
```
#22483c
```
#22483c rgb(34,72,60)
```
#285547
```
#285547 rgb(40,85,71)
```
#2e6352
```
#2e6352 rgb(46,99,82)
```
#34705d
```
#34705d rgb(52,112,93)
```
#3b7e68
```
#3b7e68 rgb(59,126,104)
```
#418b73
```
#418b73 rgb(65,139,115)
```
#47987e
```
#47987e rgb(71,152,126)
```
#4da689
```
#4da689 rgb(77,166,137)
```

Shade Color Variation

#56b093
```
#56b093 rgb(86,176,147)
```
#64b79c
```
#64b79c rgb(100,183,156)
```
#71bda4
```
#71bda4 rgb(113,189,164)
```
#7fc3ad
```
#7fc3ad rgb(127,195,173)
```
#8cc9b5
```
#8cc9b5 rgb(140,201,181)
```
#99d0be
```
#99d0be rgb(153,208,190)
```
#a7d6c6
```
#a7d6c6 rgb(167,214,198)
```
#b4dccf
```
#b4dccf rgb(180,220,207)
```
#c1e2d8
```
#c1e2d8 rgb(193,226,216)
```
#cfe8e0
```
#cfe8e0 rgb(207,232,224)
```
#dcefe9
```
#dcefe9 rgb(220,239,233)
```
#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 #92fedb is the most saturated one.

#c5cbc9
```
#c5cbc9 rgb(197,203,201)
```
#c1cfcb
```
#c1cfcb rgb(193,207,203)
```
#bcd4cc
```
#bcd4cc rgb(188,212,204)
```
#b8d8ce
```
#b8d8ce rgb(184,216,206)
```
#b4dccf
```
#b4dccf rgb(180,220,207)
```
#b0e0d0
```
#b0e0d0 rgb(176,224,208)
```
#ace4d2
```
#ace4d2 rgb(172,228,210)
```
#a7e9d3
```
#a7e9d3 rgb(167,233,211)
```
#a3edd5
```
#a3edd5 rgb(163,237,213)
```
#9ff1d6
```
#9ff1d6 rgb(159,241,214)
```
#9bf5d8
```
#9bf5d8 rgb(155,245,216)
```
#96fad9
```
#96fad9 rgb(150,250,217)
```
#92fedb
```
#92fedb rgb(146,254,219)
```

Tone Color Variation

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

#dbd4cc Protanopia 1% of men
#e8cfd6 Deuteranopia 1% of men
#bddae9 Tritanopia 0.001% of the population

Trichromacy

#cdd7cd Protanomaly 1% of men, 0.01% of women
#d5d3d3 Deuteranomaly 6% of men, 0.4% of women
#b9dae0 Tritanomaly 0.01% of the population

#b4dccf hex color

#b4dccf Color Information

#b4dccf Color Conversion

Color Schemes with #b4dccf

Alternatives to #b4dccf

#b4dccf Preview

Shades and Tints of #b4dccf

Tones of #b4dccf

Color Blindness Simulator