#b4dcc2 hex color

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

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

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

The hexadecimal color #b4dcc2 has RGB values of R:180, G:220, B:194 and CMYK values of C:0.18, M:0, Y:0.12, K:0.14. Its decimal value is 11852994.

Hex triplet	b4dcc2	`#b4dcc2`
RGB Decimal	180, 220, 194	`rgb(180,220,194)`
RGB Percent	70.6, 86.3, 76.1	`rgb(70.6%,86.3%,76.1%)`
CMYK	18, 0, 12, 14
HSL	141°, 36.4, 78.4	`hsl(141,36.4%,78.4%)`
HSV (or HSB)	141°, 18.2, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.372, -18.137, 8.463
XYZ	54.151, 64.784, 60.687
xyY	0.301, 0.361, 64.784
CIE-LCH	84.372, 20.014, 154.986
CIE-LUV	84.372, -20.321, 15.724
Hunter-Lab	80.488, -20.763, 11.638
Binary	10110100, 11011100, 11000010

#b4dcc2
```
#b4dcc2 rgb(180,220,194)
```
#dcb4ce
```
#dcb4ce rgb(220,180,206)
```

Complementary Color

#badcb4
```
#badcb4 rgb(186,220,180)
```
#b4dcc2
```
#b4dcc2 rgb(180,220,194)
```
#b4dcd6
```
#b4dcd6 rgb(180,220,214)
```

Analogous Color

#dcb4ba
```
#dcb4ba rgb(220,180,186)
```
#b4dcc2
```
#b4dcc2 rgb(180,220,194)
```
#d6b4dc
```
#d6b4dc rgb(214,180,220)
```

Split Complementary Color

#dcc2b4
```
#dcc2b4 rgb(220,194,180)
```
#b4dcc2
```
#b4dcc2 rgb(180,220,194)
```
#c2b4dc
```
#c2b4dc rgb(194,180,220)
```

Triadic Color

#cedcb4
```
#cedcb4 rgb(206,220,180)
```
#b4dcc2
```
#b4dcc2 rgb(180,220,194)
```
#c2b4dc
```
#c2b4dc rgb(194,180,220)
```
#dcb4ce
```
#dcb4ce rgb(220,180,206)
```

Tetradic Color

#80c498
```
#80c498 rgb(128,196,152)
```
#91cca6
```
#91cca6 rgb(145,204,166)
```
#a3d4b4
```
#a3d4b4 rgb(163,212,180)
```
#b4dcc2
```
#b4dcc2 rgb(180,220,194)
```
#c5e4d0
```
#c5e4d0 rgb(197,228,208)
```
#d7ecde
```
#d7ecde rgb(215,236,222)
```
#e8f4ec
```
#e8f4ec rgb(232,244,236)
```

Monochromatic Color

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

#b4dcb8
```
#b4dcb8 rgb(180,220,184)
```
#b4dcbb
```
#b4dcbb rgb(180,220,187)
```
#b4dcbf
```
#b4dcbf rgb(180,220,191)
```
#b4dcc2
```
#b4dcc2 rgb(180,220,194)
```
#b4dcc5
```
#b4dcc5 rgb(180,220,197)
```
#b4dcc9
```
#b4dcc9 rgb(180,220,201)
```
#b4dccc
```
#b4dccc rgb(180,220,204)
```

Similar Colors

Text with hexadecimal color #b4dcc2

This text has a font color of #b4dcc2.

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

#b4dcc2 background color

This paragraph has a background color of #b4dcc2.

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

#b4dcc2 border color

This element has a border color of #b4dcc2.

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

CSS codes

.text {color:#b4dcc2;}

.background {background-color:#b4dcc2;}

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

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

#020503
```
#020503 rgb(2,5,3)
```
#09130c
```
#09130c rgb(9,19,12)
```
#0f2015
```
#0f2015 rgb(15,32,21)
```
#152d1e
```
#152d1e rgb(21,45,30)
```
#1b3b26
```
#1b3b26 rgb(27,59,38)
```
#22482f
```
#22482f rgb(34,72,47)
```
#285538
```
#285538 rgb(40,85,56)
```
#2e6341
```
#2e6341 rgb(46,99,65)
```
#347049
```
#347049 rgb(52,112,73)
```
#3b7e52
```
#3b7e52 rgb(59,126,82)
```
#418b5b
```
#418b5b rgb(65,139,91)
```
#479864
```
#479864 rgb(71,152,100)
```
#4da66c
```
#4da66c rgb(77,166,108)
```

Shade Color Variation

#56b076
```
#56b076 rgb(86,176,118)
```
#64b781
```
#64b781 rgb(100,183,129)
```
#71bd8c
```
#71bd8c rgb(113,189,140)
```
#7fc396
```
#7fc396 rgb(127,195,150)
```
#8cc9a1
```
#8cc9a1 rgb(140,201,161)
```
#99d0ac
```
#99d0ac rgb(153,208,172)
```
#a7d6b7
```
#a7d6b7 rgb(167,214,183)
```
#b4dcc2
```
#b4dcc2 rgb(180,220,194)
```
#c1e2cd
```
#c1e2cd rgb(193,226,205)
```
#cfe8d8
```
#cfe8d8 rgb(207,232,216)
```
#dcefe3
```
#dcefe3 rgb(220,239,227)
```
#e9f5ee
```
#e9f5ee rgb(233,245,238)
```
#f7fbf8
```
#f7fbf8 rgb(247,251,248)
```

Tint Color Variation

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

#c5cbc7
```
#c5cbc7 rgb(197,203,199)
```
#c1cfc6
```
#c1cfc6 rgb(193,207,198)
```
#bcd4c5
```
#bcd4c5 rgb(188,212,197)
```
#b8d8c3
```
#b8d8c3 rgb(184,216,195)
```
#b4dcc2
```
#b4dcc2 rgb(180,220,194)
```
#b0e0c1
```
#b0e0c1 rgb(176,224,193)
```
#ace4bf
```
#ace4bf rgb(172,228,191)
```
#a7e9be
```
#a7e9be rgb(167,233,190)
```
#a3edbd
```
#a3edbd rgb(163,237,189)
```
#9ff1bc
```
#9ff1bc rgb(159,241,188)
```
#9bf5ba
```
#9bf5ba rgb(155,245,186)
```
#96fab9
```
#96fab9 rgb(150,250,185)
```
#92feb8
```
#92feb8 rgb(146,254,184)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c8d0cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd4c0 Protanopia 1% of men
#ecceca Deuteranopia 1% of men
#bfd8e8 Tritanopia 0.001% of the population

Trichromacy

#ced6c1 Protanomaly 1% of men, 0.01% of women
#d7d3c7 Deuteranomaly 6% of men, 0.4% of women
#bbd9da Tritanomaly 0.01% of the population

#b4dcc2 hex color

#b4dcc2 Color Information

#b4dcc2 Color Conversion

Color Schemes with #b4dcc2

Alternatives to #b4dcc2

#b4dcc2 Preview

Shades and Tints of #b4dcc2

Tones of #b4dcc2

Color Blindness Simulator