#babd5f hex color

In a RGB color space, hex #babd5f is composed of 72.9% red, 74.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 0% magenta, 49.7% yellow and 25.9% black. It has a hue angle of 61.9 degrees, a saturation of 41.6% and a lightness of 55.7%. #babd5f color hex could be obtained by blending #ffffbe with #757b00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 73
- G 74
- B 37
RGB color chart
- C 2
- M 0
- Y 50
- K 26
CMYK color chart

● #babd5f color description : Slightly desaturated yellow.

The hexadecimal color #babd5f has RGB values of R:186, G:189, B:95 and CMYK values of C:0.02, M:0, Y:0.5, K:0.26. Its decimal value is 12238175.

Hex triplet	babd5f	`#babd5f`
RGB Decimal	186, 189, 95	`rgb(186,189,95)`
RGB Percent	72.9, 74.1, 37.3	`rgb(72.9%,74.1%,37.3%)`
CMYK	2, 0, 50, 26
HSL	61.9°, 41.6, 55.7	`hsl(61.9,41.6%,55.7%)`
HSV (or HSB)	61.9°, 49.7, 74.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.611, -14.275, 46.681
XYZ	40.513, 47.661, 17.891
xyY	0.382, 0.449, 47.661
CIE-LCH	74.611, 48.815, 107.003
CIE-LUV	74.611, 2.371, 59.96
Hunter-Lab	69.037, -16.066, 32.961
Binary	10111010, 10111101, 01011111

#babd5f
```
#babd5f rgb(186,189,95)
```
#625fbd
```
#625fbd rgb(98,95,189)
```

Complementary Color

#bd915f
```
#bd915f rgb(189,145,95)
```
#babd5f
```
#babd5f rgb(186,189,95)
```
#8bbd5f
```
#8bbd5f rgb(139,189,95)
```

Analogous Color

#915fbd
```
#915fbd rgb(145,95,189)
```
#babd5f
```
#babd5f rgb(186,189,95)
```
#5f8bbd
```
#5f8bbd rgb(95,139,189)
```

Split Complementary Color

#bd5fba
```
#bd5fba rgb(189,95,186)
```
#babd5f
```
#babd5f rgb(186,189,95)
```
#5fbabd
```
#5fbabd rgb(95,186,189)
```

Triadic Color

#bd625f
```
#bd625f rgb(189,98,95)
```
#babd5f
```
#babd5f rgb(186,189,95)
```
#5fbabd
```
#5fbabd rgb(95,186,189)
```
#625fbd
```
#625fbd rgb(98,95,189)
```

Tetradic Color

#90933d
```
#90933d rgb(144,147,61)
```
#a2a544
```
#a2a544 rgb(162,165,68)
```
#b2b64d
```
#b2b64d rgb(178,182,77)
```
#babd5f
```
#babd5f rgb(186,189,95)
```
#c2c471
```
#c2c471 rgb(194,196,113)
```
#cacc83
```
#cacc83 rgb(202,204,131)
```
#d1d395
```
#d1d395 rgb(209,211,149)
```

Monochromatic Color

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

#bda95f
```
#bda95f rgb(189,169,95)
```
#bdb05f
```
#bdb05f rgb(189,176,95)
```
#bdb85f
```
#bdb85f rgb(189,184,95)
```
#babd5f
```
#babd5f rgb(186,189,95)
```
#b2bd5f
```
#b2bd5f rgb(178,189,95)
```
#aabd5f
```
#aabd5f rgb(170,189,95)
```
#a3bd5f
```
#a3bd5f rgb(163,189,95)
```

Similar Colors

Text with hexadecimal color #babd5f

This text has a font color of #babd5f.

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

#babd5f background color

This paragraph has a background color of #babd5f.

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

#babd5f border color

This element has a border color of #babd5f.

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

CSS codes

.text {color:#babd5f;}

.background {background-color:#babd5f;}

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

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

#070703
```
#070703 rgb(7,7,3)
```
#141508
```
#141508 rgb(20,21,8)
```
#22220e
```
#22220e rgb(34,34,14)
```
#2f3014
```
#2f3014 rgb(47,48,20)
```
#3d3e1a
```
#3d3e1a rgb(61,62,26)
```
#4b4c1f
```
#4b4c1f rgb(75,76,31)
```
#585a25
```
#585a25 rgb(88,90,37)
```
#66682b
```
#66682b rgb(102,104,43)
```
#747631
```
#747631 rgb(116,118,49)
```
#818436
```
#818436 rgb(129,132,54)
```
#8f923c
```
#8f923c rgb(143,146,60)
```
#9c9f42
```
#9c9f42 rgb(156,159,66)
```
#aaad47
```
#aaad47 rgb(170,173,71)
```

Shade Color Variation

#b4b751
```
#b4b751 rgb(180,183,81)
```
#babd5f
```
#babd5f rgb(186,189,95)
```
#c0c36d
```
#c0c36d rgb(192,195,109)
```
#c6c87b
```
#c6c87b rgb(198,200,123)
```
#ccce89
```
#ccce89 rgb(204,206,137)
```
#d2d497
```
#d2d497 rgb(210,212,151)
```
#d8daa4
```
#d8daa4 rgb(216,218,164)
```
#dedfb2
```
#dedfb2 rgb(222,223,178)
```
#e4e5c0
```
#e4e5c0 rgb(228,229,192)
```
#eaebce
```
#eaebce rgb(234,235,206)
```
#f0f1dc
```
#f0f1dc rgb(240,241,220)
```
#f6f6ea
```
#f6f6ea rgb(246,246,234)
```
#fcfcf8
```
#fcfcf8 rgb(252,252,248)
```

Tint Color Variation

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

#91928a
```
#91928a rgb(145,146,138)
```
#999a82
```
#999a82 rgb(153,154,130)
```
#a2a379
```
#a2a379 rgb(162,163,121)
```
#aaac70
```
#aaac70 rgb(170,172,112)
```
#b2b468
```
#b2b468 rgb(178,180,104)
```
#babd5f
```
#babd5f rgb(186,189,95)
```
#c2c656
```
#c2c656 rgb(194,198,86)
```
#cace4e
```
#cace4e rgb(202,206,78)
```
#d2d745
```
#d2d745 rgb(210,215,69)
```
#dbe03c
```
#dbe03c rgb(219,224,60)
```
#e3e834
```
#e3e834 rgb(227,232,52)
```
#ebf12b
```
#ebf12b rgb(235,241,43)
```
#f3fa22
```
#f3fa22 rgb(243,250,34)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b3b3a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbb65 Protanopia 1% of men
#e3b36b Deuteranopia 1% of men
#c8b6c3 Tritanopia 0.001% of the population

Trichromacy

#c6bb63 Protanomaly 1% of men, 0.01% of women
#d4b667 Deuteranomaly 6% of men, 0.4% of women
#c3b89e Tritanomaly 0.01% of the population

#babd5f hex color

#babd5f Color Information

#babd5f Color Conversion

Color Schemes with #babd5f

Alternatives to #babd5f

#babd5f Preview

Shades and Tints of #babd5f

Tones of #babd5f

Color Blindness Simulator