#b7ca96 hex color

In a RGB color space, hex #b7ca96 is composed of 71.8% red, 79.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 9.4% cyan, 0% magenta, 25.7% yellow and 20.8% black. It has a hue angle of 81.9 degrees, a saturation of 32.9% and a lightness of 69%. #b7ca96 color hex could be obtained by blending #ffffff with #6f952d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 72
- G 79
- B 59
RGB color chart
- C 9
- M 0
- Y 26
- K 21
CMYK color chart

● #b7ca96 color description : Slightly desaturated green.

The hexadecimal color #b7ca96 has RGB values of R:183, G:202, B:150 and CMYK values of C:0.09, M:0, Y:0.26, K:0.21. Its decimal value is 12044950.

Hex triplet	b7ca96	`#b7ca96`
RGB Decimal	183, 202, 150	`rgb(183,202,150)`
RGB Percent	71.8, 79.2, 58.8	`rgb(71.8%,79.2%,58.8%)`
CMYK	9, 0, 26, 21
HSL	81.9°, 32.9, 69	`hsl(81.9,32.9%,69%)`
HSV (or HSB)	81.9°, 25.7, 79.2
Web Safe	cccc99	`#cccc99`

CIE-LAB	78.758, -15.443, 23.883
XYZ	46.153, 54.51, 36.943
xyY	0.335, 0.396, 54.51
CIE-LCH	78.758, 28.441, 122.887
CIE-LUV	78.758, -8.624, 35.859
Hunter-Lab	73.831, -17.621, 22.015
Binary	10110111, 11001010, 10010110

#b7ca96
```
#b7ca96 rgb(183,202,150)
```
#a996ca
```
#a996ca rgb(169,150,202)
```

Complementary Color

#cac396
```
#cac396 rgb(202,195,150)
```
#b7ca96
```
#b7ca96 rgb(183,202,150)
```
#9dca96
```
#9dca96 rgb(157,202,150)
```

Analogous Color

#c396ca
```
#c396ca rgb(195,150,202)
```
#b7ca96
```
#b7ca96 rgb(183,202,150)
```
#969dca
```
#969dca rgb(150,157,202)
```

Split Complementary Color

#ca96b7
```
#ca96b7 rgb(202,150,183)
```
#b7ca96
```
#b7ca96 rgb(183,202,150)
```
#96b7ca
```
#96b7ca rgb(150,183,202)
```

Triadic Color

#caa996
```
#caa996 rgb(202,169,150)
```
#b7ca96
```
#b7ca96 rgb(183,202,150)
```
#96b7ca
```
#96b7ca rgb(150,183,202)
```
#a996ca
```
#a996ca rgb(169,150,202)
```

Tetradic Color

#94b063
```
#94b063 rgb(148,176,99)
```
#a0b974
```
#a0b974 rgb(160,185,116)
```
#abc185
```
#abc185 rgb(171,193,133)
```
#b7ca96
```
#b7ca96 rgb(183,202,150)
```
#c3d3a7
```
#c3d3a7 rgb(195,211,167)
```
#cedbb8
```
#cedbb8 rgb(206,219,184)
```
#dae4c9
```
#dae4c9 rgb(218,228,201)
```

Monochromatic Color

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

#c4ca96
```
#c4ca96 rgb(196,202,150)
```
#c0ca96
```
#c0ca96 rgb(192,202,150)
```
#bbca96
```
#bbca96 rgb(187,202,150)
```
#b7ca96
```
#b7ca96 rgb(183,202,150)
```
#b3ca96
```
#b3ca96 rgb(179,202,150)
```
#aeca96
```
#aeca96 rgb(174,202,150)
```
#aaca96
```
#aaca96 rgb(170,202,150)
```

Similar Colors

Text with hexadecimal color #b7ca96

This text has a font color of #b7ca96.

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

#b7ca96 background color

This paragraph has a background color of #b7ca96.

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

#b7ca96 border color

This element has a border color of #b7ca96.

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

CSS codes

.text {color:#b7ca96;}

.background {background-color:#b7ca96;}

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

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, #0a0c06 is the darkest color, while #fffffe is the lightest one.

#0a0c06
```
#0a0c06 rgb(10,12,6)
```
#15190d
```
#15190d rgb(21,25,13)
```
#1f2613
```
#1f2613 rgb(31,38,19)
```
#2a331a
```
#2a331a rgb(42,51,26)
```
#354021
```
#354021 rgb(53,64,33)
```
#3f4d27
```
#3f4d27 rgb(63,77,39)
```
#4a5b2e
```
#4a5b2e rgb(74,91,46)
```
#556834
```
#556834 rgb(85,104,52)
```
#60753b
```
#60753b rgb(96,117,59)
```
#6a8241
```
#6a8241 rgb(106,130,65)
```
#758f48
```
#758f48 rgb(117,143,72)
```
#809c4f
```
#809c4f rgb(128,156,79)
```
#8aa955
```
#8aa955 rgb(138,169,85)
```

Shade Color Variation

#93b062
```
#93b062 rgb(147,176,98)
```
#9cb66f
```
#9cb66f rgb(156,182,111)
```
#a5bd7c
```
#a5bd7c rgb(165,189,124)
```
#aec389
```
#aec389 rgb(174,195,137)
```
#b7ca96
```
#b7ca96 rgb(183,202,150)
```
#c0d1a3
```
#c0d1a3 rgb(192,209,163)
```
#c9d7b0
```
#c9d7b0 rgb(201,215,176)
```
#d2debd
```
#d2debd rgb(210,222,189)
```
#dbe4ca
```
#dbe4ca rgb(219,228,202)
```
#e4ebd7
```
#e4ebd7 rgb(228,235,215)
```
#edf1e4
```
#edf1e4 rgb(237,241,228)
```
#f6f8f1
```
#f6f8f1 rgb(246,248,241)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#b0b2ae
```
#b0b2ae rgb(176,178,174)
```
#b2b8a8
```
#b2b8a8 rgb(178,184,168)
```
#b4bea2
```
#b4bea2 rgb(180,190,162)
```
#b5c49c
```
#b5c49c rgb(181,196,156)
```
#b7ca96
```
#b7ca96 rgb(183,202,150)
```
#b9d090
```
#b9d090 rgb(185,208,144)
```
#bad68a
```
#bad68a rgb(186,214,138)
```
#bcdc84
```
#bcdc84 rgb(188,220,132)
```
#bee27e
```
#bee27e rgb(190,226,126)
```
#bfe878
```
#bfe878 rgb(191,232,120)
```
#c1ee72
```
#c1ee72 rgb(193,238,114)
```
#c2f56b
```
#c2f56b rgb(194,245,107)
```
#c4fb65
```
#c4fb65 rgb(196,251,101)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bdc0b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c598 Protanopia 1% of men
#e5be9f Deuteranopia 1% of men
#c4c5d3 Tritanopia 0.001% of the population

Trichromacy

#c9c797 Protanomaly 1% of men, 0.01% of women
#d4c29c Deuteranomaly 6% of men, 0.4% of women
#bfc6bd Tritanomaly 0.01% of the population

#b7ca96 hex color

#b7ca96 Color Information

#b7ca96 Color Conversion

Color Schemes with #b7ca96

Alternatives to #b7ca96

#b7ca96 Preview

Shades and Tints of #b7ca96

Tones of #b7ca96

Color Blindness Simulator