#b4e0cc hex color

In a RGB color space, hex #b4e0cc is composed of 70.6% red, 87.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 0% magenta, 8.9% yellow and 12.2% black. It has a hue angle of 152.7 degrees, a saturation of 41.5% and a lightness of 79.2%. #b4e0cc color hex could be obtained by blending #ffffff with #69c199. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 88
- B 80
RGB color chart
- C 20
- M 0
- Y 9
- K 12
CMYK color chart

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

The hexadecimal color #b4e0cc has RGB values of R:180, G:224, B:204 and CMYK values of C:0.2, M:0, Y:0.09, K:0.12. Its decimal value is 11854028.

Hex triplet	b4e0cc	`#b4e0cc`
RGB Decimal	180, 224, 204	`rgb(180,224,204)`
RGB Percent	70.6, 87.8, 80	`rgb(70.6%,87.8%,80%)`
CMYK	20, 0, 9, 12
HSL	152.7°, 41.5, 79.2	`hsl(152.7,41.5%,79.2%)`
HSV (or HSB)	152.7°, 19.6, 87.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.692, -18.228, 5.086
XYZ	56.374, 67.373, 67.157
xyY	0.295, 0.353, 67.373
CIE-LCH	85.692, 18.924, 164.411
CIE-LUV	85.692, -22.351, 10.802
Hunter-Lab	82.081, -21.045, 8.946
Binary	10110100, 11100000, 11001100

#b4e0cc
```
#b4e0cc rgb(180,224,204)
```
#e0b4c8
```
#e0b4c8 rgb(224,180,200)
```

Complementary Color

#b4e0b6
```
#b4e0b6 rgb(180,224,182)
```
#b4e0cc
```
#b4e0cc rgb(180,224,204)
```
#b4dee0
```
#b4dee0 rgb(180,222,224)
```

Analogous Color

#e0b6b4
```
#e0b6b4 rgb(224,182,180)
```
#b4e0cc
```
#b4e0cc rgb(180,224,204)
```
#e0b4de
```
#e0b4de rgb(224,180,222)
```

Split Complementary Color

#e0ccb4
```
#e0ccb4 rgb(224,204,180)
```
#b4e0cc
```
#b4e0cc rgb(180,224,204)
```
#ccb4e0
```
#ccb4e0 rgb(204,180,224)
```

Triadic Color

#c8e0b4
```
#c8e0b4 rgb(200,224,180)
```
#b4e0cc
```
#b4e0cc rgb(180,224,204)
```
#ccb4e0
```
#ccb4e0 rgb(204,180,224)
```
#e0b4c8
```
#e0b4c8 rgb(224,180,200)
```

Tetradic Color

#7ecaa7
```
#7ecaa7 rgb(126,202,167)
```
#90d1b3
```
#90d1b3 rgb(144,209,179)
```
#a2d9c0
```
#a2d9c0 rgb(162,217,192)
```
#b4e0cc
```
#b4e0cc rgb(180,224,204)
```
#c6e7d8
```
#c6e7d8 rgb(198,231,216)
```
#d8efe5
```
#d8efe5 rgb(216,239,229)
```
#eaf6f1
```
#eaf6f1 rgb(234,246,241)
```

Monochromatic Color

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

#b4e0c1
```
#b4e0c1 rgb(180,224,193)
```
#b4e0c5
```
#b4e0c5 rgb(180,224,197)
```
#b4e0c8
```
#b4e0c8 rgb(180,224,200)
```
#b4e0cc
```
#b4e0cc rgb(180,224,204)
```
#b4e0d0
```
#b4e0d0 rgb(180,224,208)
```
#b4e0d3
```
#b4e0d3 rgb(180,224,211)
```
#b4e0d7
```
#b4e0d7 rgb(180,224,215)
```

Similar Colors

Text with hexadecimal color #b4e0cc

This text has a font color of #b4e0cc.

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

#b4e0cc background color

This paragraph has a background color of #b4e0cc.

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

#b4e0cc border color

This element has a border color of #b4e0cc.

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

CSS codes

.text {color:#b4e0cc;}

.background {background-color:#b4e0cc;}

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

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

#030806
```
#030806 rgb(3,8,6)
```
#091610
```
#091610 rgb(9,22,16)
```
#0f241a
```
#0f241a rgb(15,36,26)
```
#153225
```
#153225 rgb(21,50,37)
```
#1a402f
```
#1a402f rgb(26,64,47)
```
#204e39
```
#204e39 rgb(32,78,57)
```
#265c43
```
#265c43 rgb(38,92,67)
```
#2c694d
```
#2c694d rgb(44,105,77)
```
#317757
```
#317757 rgb(49,119,87)
```
#378562
```
#378562 rgb(55,133,98)
```
#3d936c
```
#3d936c rgb(61,147,108)
```
#43a176
```
#43a176 rgb(67,161,118)
```
#48af80
```
#48af80 rgb(72,175,128)
```

Shade Color Variation

#53b88a
```
#53b88a rgb(83,184,138)
```
#61be93
```
#61be93 rgb(97,190,147)
```
#6fc39d
```
#6fc39d rgb(111,195,157)
```
#7cc9a6
```
#7cc9a6 rgb(124,201,166)
```
#8acfb0
```
#8acfb0 rgb(138,207,176)
```
#98d5b9
```
#98d5b9 rgb(152,213,185)
```
#a6dac3
```
#a6dac3 rgb(166,218,195)
```
#b4e0cc
```
#b4e0cc rgb(180,224,204)
```
#c2e6d5
```
#c2e6d5 rgb(194,230,213)
```
#d0ebdf
```
#d0ebdf rgb(208,235,223)
```
#def1e8
```
#def1e8 rgb(222,241,232)
```
#ecf7f2
```
#ecf7f2 rgb(236,247,242)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#c8ccca
```
#c8ccca rgb(200,204,202)
```
#c4d0cb
```
#c4d0cb rgb(196,208,203)
```
#c0d4cb
```
#c0d4cb rgb(192,212,203)
```
#bcd8cb
```
#bcd8cb rgb(188,216,203)
```
#b8dccc
```
#b8dccc rgb(184,220,204)
```
#b4e0cc
```
#b4e0cc rgb(180,224,204)
```
#b0e4cc
```
#b0e4cc rgb(176,228,204)
```
#ace8cd
```
#ace8cd rgb(172,232,205)
```
#a8eccd
```
#a8eccd rgb(168,236,205)
```
#a4f0cd
```
#a4f0cd rgb(164,240,205)
```
#a0f4ce
```
#a0f4ce rgb(160,244,206)
```
#9cf8ce
```
#9cf8ce rgb(156,248,206)
```
#97fdcf
```
#97fdcf rgb(151,253,207)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cbd4d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd7c9 Protanopia 1% of men
#edd1d3 Deuteranopia 1% of men
#beddec Tritanopia 0.001% of the population

Trichromacy

#cfdaca Protanomaly 1% of men, 0.01% of women
#d8d6d1 Deuteranomaly 6% of men, 0.4% of women
#badee0 Tritanomaly 0.01% of the population

#b4e0cc hex color

#b4e0cc Color Information

#b4e0cc Color Conversion

Color Schemes with #b4e0cc

Alternatives to #b4e0cc

#b4e0cc Preview

Shades and Tints of #b4e0cc

Tones of #b4e0cc

Color Blindness Simulator