#b4ca97 hex color

In a RGB color space, hex #b4ca97 is composed of 70.6% red, 79.2% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 0% magenta, 25.2% yellow and 20.8% black. It has a hue angle of 85.9 degrees, a saturation of 32.5% and a lightness of 69.2%. #b4ca97 color hex could be obtained by blending #ffffff with #69952f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 79
- B 59
RGB color chart
- C 11
- M 0
- Y 25
- K 21
CMYK color chart

● #b4ca97 color description : Slightly desaturated green.

The hexadecimal color #b4ca97 has RGB values of R:180, G:202, B:151 and CMYK values of C:0.11, M:0, Y:0.25, K:0.21. Its decimal value is 11848343.

Hex triplet	b4ca97	`#b4ca97`
RGB Decimal	180, 202, 151	`rgb(180,202,151)`
RGB Percent	70.6, 79.2, 59.2	`rgb(70.6%,79.2%,59.2%)`
CMYK	11, 0, 25, 21
HSL	85.9°, 32.5, 69.2	`hsl(85.9,32.5%,69.2%)`
HSV (or HSB)	85.9°, 25.2, 79.2
Web Safe	cccc99	`#cccc99`

CIE-LAB	78.566, -16.396, 23.058
XYZ	45.528, 54.178, 37.335
xyY	0.332, 0.395, 54.178
CIE-LCH	78.566, 28.293, 125.414
CIE-LUV	78.566, -10.354, 34.972
Hunter-Lab	73.606, -18.403, 21.45
Binary	10110100, 11001010, 10010111

#b4ca97
```
#b4ca97 rgb(180,202,151)
```
#ad97ca
```
#ad97ca rgb(173,151,202)
```

Complementary Color

#cac797
```
#cac797 rgb(202,199,151)
```
#b4ca97
```
#b4ca97 rgb(180,202,151)
```
#9bca97
```
#9bca97 rgb(155,202,151)
```

Analogous Color

#c797ca
```
#c797ca rgb(199,151,202)
```
#b4ca97
```
#b4ca97 rgb(180,202,151)
```
#979bca
```
#979bca rgb(151,155,202)
```

Split Complementary Color

#ca97b4
```
#ca97b4 rgb(202,151,180)
```
#b4ca97
```
#b4ca97 rgb(180,202,151)
```
#97b4ca
```
#97b4ca rgb(151,180,202)
```

Triadic Color

#caad97
```
#caad97 rgb(202,173,151)
```
#b4ca97
```
#b4ca97 rgb(180,202,151)
```
#97b4ca
```
#97b4ca rgb(151,180,202)
```
#ad97ca
```
#ad97ca rgb(173,151,202)
```

Tetradic Color

#8fb064
```
#8fb064 rgb(143,176,100)
```
#9cb975
```
#9cb975 rgb(156,185,117)
```
#a8c186
```
#a8c186 rgb(168,193,134)
```
#b4ca97
```
#b4ca97 rgb(180,202,151)
```
#c0d3a8
```
#c0d3a8 rgb(192,211,168)
```
#ccdbb9
```
#ccdbb9 rgb(204,219,185)
```
#d9e4ca
```
#d9e4ca rgb(217,228,202)
```

Monochromatic Color

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

#c1ca97
```
#c1ca97 rgb(193,202,151)
```
#bdca97
```
#bdca97 rgb(189,202,151)
```
#b8ca97
```
#b8ca97 rgb(184,202,151)
```
#b4ca97
```
#b4ca97 rgb(180,202,151)
```
#b0ca97
```
#b0ca97 rgb(176,202,151)
```
#acca97
```
#acca97 rgb(172,202,151)
```
#a7ca97
```
#a7ca97 rgb(167,202,151)
```

Similar Colors

Text with hexadecimal color #b4ca97

This text has a font color of #b4ca97.

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

#b4ca97 background color

This paragraph has a background color of #b4ca97.

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

#b4ca97 border color

This element has a border color of #b4ca97.

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

CSS codes

.text {color:#b4ca97;}

.background {background-color:#b4ca97;}

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

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

#0a0d07
```
#0a0d07 rgb(10,13,7)
```
#141a0d
```
#141a0d rgb(20,26,13)
```
#1f2714
```
#1f2714 rgb(31,39,20)
```
#29341a
```
#29341a rgb(41,52,26)
```
#334121
```
#334121 rgb(51,65,33)
```
#3d4e28
```
#3d4e28 rgb(61,78,40)
```
#485b2e
```
#485b2e rgb(72,91,46)
```
#526835
```
#526835 rgb(82,104,53)
```
#5c753c
```
#5c753c rgb(92,117,60)
```
#668242
```
#668242 rgb(102,130,66)
```
#718f49
```
#718f49 rgb(113,143,73)
```
#7b9c4f
```
#7b9c4f rgb(123,156,79)
```
#85a956
```
#85a956 rgb(133,169,86)
```

Shade Color Variation

#8fb063
```
#8fb063 rgb(143,176,99)
```
#98b670
```
#98b670 rgb(152,182,112)
```
#a1bd7d
```
#a1bd7d rgb(161,189,125)
```
#abc38a
```
#abc38a rgb(171,195,138)
```
#b4ca97
```
#b4ca97 rgb(180,202,151)
```
#bdd1a4
```
#bdd1a4 rgb(189,209,164)
```
#c7d7b1
```
#c7d7b1 rgb(199,215,177)
```
#d0debe
```
#d0debe rgb(208,222,190)
```
#d9e4cb
```
#d9e4cb rgb(217,228,203)
```
#e3ebd8
```
#e3ebd8 rgb(227,235,216)
```
#ecf2e5
```
#ecf2e5 rgb(236,242,229)
```
#f6f8f2
```
#f6f8f2 rgb(246,248,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b1b2af
```
#b1b2af rgb(177,178,175)
```
#b2b8a9
```
#b2b8a9 rgb(178,184,169)
```
#b2bea3
```
#b2bea3 rgb(178,190,163)
```
#b3c49d
```
#b3c49d rgb(179,196,157)
```
#b4ca97
```
#b4ca97 rgb(180,202,151)
```
#b5d091
```
#b5d091 rgb(181,208,145)
```
#b6d68b
```
#b6d68b rgb(182,214,139)
```
#b6dc85
```
#b6dc85 rgb(182,220,133)
```
#b7e27f
```
#b7e27f rgb(183,226,127)
```
#b8e879
```
#b8e879 rgb(184,232,121)
```
#b9ee73
```
#b9ee73 rgb(185,238,115)
```
#baf46d
```
#baf46d rgb(186,244,109)
```
#bbfa67
```
#bbfa67 rgb(187,250,103)
```

Tone Color Variation

Below, you can see how #b4ca97 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
#bcc0b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c599 Protanopia 1% of men
#e4bea0 Deuteranopia 1% of men
#c1c5d3 Tritanopia 0.001% of the population

Trichromacy

#c7c698 Protanomaly 1% of men, 0.01% of women
#d2c29d Deuteranomaly 6% of men, 0.4% of women
#bcc7bd Tritanomaly 0.01% of the population

#b4ca97 hex color

#b4ca97 Color Information

#b4ca97 Color Conversion

Color Schemes with #b4ca97

Alternatives to #b4ca97

#b4ca97 Preview

Shades and Tints of #b4ca97

Tones of #b4ca97

Color Blindness Simulator