#b8d2bc hex color

In a RGB color space, hex #b8d2bc is composed of 72.2% red, 82.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 12.4% cyan, 0% magenta, 10.5% yellow and 17.6% black. It has a hue angle of 129.2 degrees, a saturation of 22.4% and a lightness of 77.3%. #b8d2bc color hex could be obtained by blending #ffffff with #71a579. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 82
- B 74
RGB color chart
- C 12
- M 0
- Y 10
- K 18
CMYK color chart

● #b8d2bc color description : Grayish lime green.

The hexadecimal color #b8d2bc has RGB values of R:184, G:210, B:188 and CMYK values of C:0.12, M:0, Y:0.1, K:0.18. Its decimal value is 12112572.

Hex triplet	b8d2bc	`#b8d2bc`
RGB Decimal	184, 210, 188	`rgb(184,210,188)`
RGB Percent	72.2, 82.4, 73.7	`rgb(72.2%,82.4%,73.7%)`
CMYK	12, 0, 10, 18
HSL	129.2°, 22.4, 77.3	`hsl(129.2,22.4%,77.3%)`
HSV (or HSB)	129.2°, 12.4, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.791, -12.867, 7.98
XYZ	51.889, 59.914, 56.405
xyY	0.308, 0.356, 59.914
CIE-LCH	81.791, 15.14, 148.194
CIE-LUV	81.791, -13.281, 14.03
Hunter-Lab	77.404, -15.797, 10.978
Binary	10111000, 11010010, 10111100

#b8d2bc
```
#b8d2bc rgb(184,210,188)
```
#d2b8ce
```
#d2b8ce rgb(210,184,206)
```

Complementary Color

#c1d2b8
```
#c1d2b8 rgb(193,210,184)
```
#b8d2bc
```
#b8d2bc rgb(184,210,188)
```
#b8d2c9
```
#b8d2c9 rgb(184,210,201)
```

Analogous Color

#d2b8c1
```
#d2b8c1 rgb(210,184,193)
```
#b8d2bc
```
#b8d2bc rgb(184,210,188)
```
#c9b8d2
```
#c9b8d2 rgb(201,184,210)
```

Split Complementary Color

#d2bcb8
```
#d2bcb8 rgb(210,188,184)
```
#b8d2bc
```
#b8d2bc rgb(184,210,188)
```
#bcb8d2
```
#bcb8d2 rgb(188,184,210)
```

Triadic Color

#ced2b8
```
#ced2b8 rgb(206,210,184)
```
#b8d2bc
```
#b8d2bc rgb(184,210,188)
```
#bcb8d2
```
#bcb8d2 rgb(188,184,210)
```
#d2b8ce
```
#d2b8ce rgb(210,184,206)
```

Tetradic Color

#89b490
```
#89b490 rgb(137,180,144)
```
#99be9f
```
#99be9f rgb(153,190,159)
```
#a8c8ad
```
#a8c8ad rgb(168,200,173)
```
#b8d2bc
```
#b8d2bc rgb(184,210,188)
```
#c8dccb
```
#c8dccb rgb(200,220,203)
```
#d7e6d9
```
#d7e6d9 rgb(215,230,217)
```
#e7f0e8
```
#e7f0e8 rgb(231,240,232)
```

Monochromatic Color

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

#bbd2b8
```
#bbd2b8 rgb(187,210,184)
```
#b8d2b8
```
#b8d2b8 rgb(184,210,184)
```
#b8d2ba
```
#b8d2ba rgb(184,210,186)
```
#b8d2bc
```
#b8d2bc rgb(184,210,188)
```
#b8d2be
```
#b8d2be rgb(184,210,190)
```
#b8d2c0
```
#b8d2c0 rgb(184,210,192)
```
#b8d2c3
```
#b8d2c3 rgb(184,210,195)
```

Similar Colors

Text with hexadecimal color #b8d2bc

This text has a font color of #b8d2bc.

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

#b8d2bc background color

This paragraph has a background color of #b8d2bc.

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

#b8d2bc border color

This element has a border color of #b8d2bc.

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

CSS codes

.text {color:#b8d2bc;}

.background {background-color:#b8d2bc;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080d09
```
#080d09 rgb(8,13,9)
```
#101911
```
#101911 rgb(16,25,17)
```
#17251a
```
#17251a rgb(23,37,26)
```
#1f3122
```
#1f3122 rgb(31,49,34)
```
#273d2a
```
#273d2a rgb(39,61,42)
```
#2e4932
```
#2e4932 rgb(46,73,50)
```
#36553b
```
#36553b rgb(54,85,59)
```
#3e6143
```
#3e6143 rgb(62,97,67)
```
#456d4b
```
#456d4b rgb(69,109,75)
```
#4d7954
```
#4d7954 rgb(77,121,84)
```
#54855c
```
#54855c rgb(84,133,92)
```
#5c9164
```
#5c9164 rgb(92,145,100)
```

Shade Color Variation

#649d6d
```
#649d6d rgb(100,157,109)
```
#70a478
```
#70a478 rgb(112,164,120)
```
#7cac83
```
#7cac83 rgb(124,172,131)
```
#88b48f
```
#88b48f rgb(136,180,143)
```
#94bb9a
```
#94bb9a rgb(148,187,154)
```
#a0c3a5
```
#a0c3a5 rgb(160,195,165)
```
#accab1
```
#accab1 rgb(172,202,177)
```
#b8d2bc
```
#b8d2bc rgb(184,210,188)
```
#c4dac7
```
#c4dac7 rgb(196,218,199)
```
#d0e1d3
```
#d0e1d3 rgb(208,225,211)
```
#dce9de
```
#dce9de rgb(220,233,222)
```
#e8f0e9
```
#e8f0e9 rgb(232,240,233)
```
#f4f8f5
```
#f4f8f5 rgb(244,248,245)
```

Tint Color Variation

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

#c1c9c2
```
#c1c9c2 rgb(193,201,194)
```
#bccebf
```
#bccebf rgb(188,206,191)
```
#b8d2bc
```
#b8d2bc rgb(184,210,188)
```
#b4d6b9
```
#b4d6b9 rgb(180,214,185)
```
#afdbb6
```
#afdbb6 rgb(175,219,182)
```
#abdfb3
```
#abdfb3 rgb(171,223,179)
```
#a6e4b0
```
#a6e4b0 rgb(166,228,176)
```
#a2e8ad
```
#a2e8ad rgb(162,232,173)
```
#9deda9
```
#9deda9 rgb(157,237,169)
```
#99f1a6
```
#99f1a6 rgb(153,241,166)
```
#94f6a3
```
#94f6a3 rgb(148,246,163)
```
#90faa0
```
#90faa0 rgb(144,250,160)
```
#8bff9d
```
#8bff9d rgb(139,255,157)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c5cac6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5cdbc Protanopia 1% of men
#e5c7c3 Deuteranopia 1% of men
#c1cfde Tritanopia 0.001% of the population

Trichromacy

#cacfbc Protanomaly 1% of men, 0.01% of women
#d4cbc0 Deuteranomaly 6% of men, 0.4% of women
#bed0d1 Tritanomaly 0.01% of the population

#b8d2bc hex color

#b8d2bc Color Information

#b8d2bc Color Conversion

Color Schemes with #b8d2bc

Alternatives to #b8d2bc

#b8d2bc Preview

Shades and Tints of #b8d2bc

Tones of #b8d2bc

Color Blindness Simulator