#bab31e hex color

In a RGB color space, hex #bab31e is composed of 72.9% red, 70.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.8% magenta, 83.9% yellow and 27.1% black. It has a hue angle of 57.3 degrees, a saturation of 72.2% and a lightness of 42.4%. #bab31e color hex could be obtained by blending #ffff3c with #756700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 73
- G 70
- B 12
RGB color chart
- C 0
- M 4
- Y 84
- K 27
CMYK color chart

● #bab31e color description : Strong yellow.

The hexadecimal color #bab31e has RGB values of R:186, G:179, B:30 and CMYK values of C:0, M:0.04, Y:0.84, K:0.27. Its decimal value is 12235550.

Hex triplet	bab31e	`#bab31e`
RGB Decimal	186, 179, 30	`rgb(186,179,30)`
RGB Percent	72.9, 70.2, 11.8	`rgb(72.9%,70.2%,11.8%)`
CMYK	0, 4, 84, 27
HSL	57.3°, 72.2, 42.4	`hsl(57.3,72.2%,42.4%)`
HSV (or HSB)	57.3°, 83.9, 72.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	71.401, -12.953, 68.503
XYZ	36.604, 42.774, 7.556
xyY	0.421, 0.492, 42.774
CIE-LCH	71.401, 69.717, 100.707
CIE-LUV	71.401, 10.27, 75.113
Hunter-Lab	65.402, -14.549, 38.931
Binary	10111010, 10110011, 00011110

#bab31e
```
#bab31e rgb(186,179,30)
```
#1e25ba
```
#1e25ba rgb(30,37,186)
```

Complementary Color

#ba651e
```
#ba651e rgb(186,101,30)
```
#bab31e
```
#bab31e rgb(186,179,30)
```
#73ba1e
```
#73ba1e rgb(115,186,30)
```

Analogous Color

#651eba
```
#651eba rgb(101,30,186)
```
#bab31e
```
#bab31e rgb(186,179,30)
```
#1e73ba
```
#1e73ba rgb(30,115,186)
```

Split Complementary Color

#b31eba
```
#b31eba rgb(179,30,186)
```
#bab31e
```
#bab31e rgb(186,179,30)
```
#1ebab3
```
#1ebab3 rgb(30,186,179)
```

Triadic Color

#ba1e25
```
#ba1e25 rgb(186,30,37)
```
#bab31e
```
#bab31e rgb(186,179,30)
```
#1ebab3
```
#1ebab3 rgb(30,186,179)
```
#1e25ba
```
#1e25ba rgb(30,37,186)
```

Tetradic Color

#787413
```
#787413 rgb(120,116,19)
```
#8e8917
```
#8e8917 rgb(142,137,23)
```
#a49e1a
```
#a49e1a rgb(164,158,26)
```
#bab31e
```
#bab31e rgb(186,179,30)
```
#d0c822
```
#d0c822 rgb(208,200,34)
```
#ddd52e
```
#ddd52e rgb(221,213,46)
```
#e1da44
```
#e1da44 rgb(225,218,68)
```

Monochromatic Color

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

#ba8c1e
```
#ba8c1e rgb(186,140,30)
```
#ba991e
```
#ba991e rgb(186,153,30)
```
#baa61e
```
#baa61e rgb(186,166,30)
```
#bab31e
```
#bab31e rgb(186,179,30)
```
#b4ba1e
```
#b4ba1e rgb(180,186,30)
```
#a7ba1e
```
#a7ba1e rgb(167,186,30)
```
#9aba1e
```
#9aba1e rgb(154,186,30)
```

Similar Colors

Text with hexadecimal color #bab31e

This text has a font color of #bab31e.

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

#bab31e background color

This paragraph has a background color of #bab31e.

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

#bab31e border color

This element has a border color of #bab31e.

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

CSS codes

.text {color:#bab31e;}

.background {background-color:#bab31e;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#111003
```
#111003 rgb(17,16,3)
```
#222105
```
#222105 rgb(34,33,5)
```
#333108
```
#333108 rgb(51,49,8)
```
#44410b
```
#44410b rgb(68,65,11)
```
#55510e
```
#55510e rgb(85,81,14)
```
#666210
```
#666210 rgb(102,98,16)
```
#767213
```
#767213 rgb(118,114,19)
```
#878216
```
#878216 rgb(135,130,22)
```
#989219
```
#989219 rgb(152,146,25)
```
#a9a31b
```
#a9a31b rgb(169,163,27)
```
#bab31e
```
#bab31e rgb(186,179,30)
```
#cbc321
```
#cbc321 rgb(203,195,33)
```

Shade Color Variation

#dcd324
```
#dcd324 rgb(220,211,36)
```
#ded735
```
#ded735 rgb(222,215,53)
```
#e1da45
```
#e1da45 rgb(225,218,69)
```
#e4dd56
```
#e4dd56 rgb(228,221,86)
```
#e7e167
```
#e7e167 rgb(231,225,103)
```
#e9e478
```
#e9e478 rgb(233,228,120)
```
#ece889
```
#ece889 rgb(236,232,137)
```
#efeb9a
```
#efeb9a rgb(239,235,154)
```
#f1eeab
```
#f1eeab rgb(241,238,171)
```
#f4f2bc
```
#f4f2bc rgb(244,242,188)
```
#f7f5cd
```
#f7f5cd rgb(247,245,205)
```
#faf8dd
```
#faf8dd rgb(250,248,221)
```
#fcfcee
```
#fcfcee rgb(252,252,238)
```

Tint Color Variation

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

#6f6f69
```
#6f6f69 rgb(111,111,105)
```
#787760
```
#787760 rgb(120,119,96)
```
#807e58
```
#807e58 rgb(128,126,88)
```
#888650
```
#888650 rgb(136,134,80)
```
#908d48
```
#908d48 rgb(144,141,72)
```
#99953f
```
#99953f rgb(153,149,63)
```
#a19c37
```
#a19c37 rgb(161,156,55)
```
#a9a42f
```
#a9a42f rgb(169,164,47)
```
#b2ab26
```
#b2ab26 rgb(178,171,38)
```
#bab31e
```
#bab31e rgb(186,179,30)
```
#c2bb16
```
#c2bb16 rgb(194,187,22)
```
#cbc20d
```
#cbc20d rgb(203,194,13)
```
#d3ca05
```
#d3ca05 rgb(211,202,5)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a8a789 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b328 Protanopia 1% of men
#deaa32 Deuteranopia 1% of men
#c9abb7 Tritanopia 0.001% of the population

Trichromacy

#c3b324 Protanomaly 1% of men, 0.01% of women
#d1ad2a Deuteranomaly 6% of men, 0.4% of women
#c3ad7f Tritanomaly 0.01% of the population

#bab31e hex color

#bab31e Color Information

#bab31e Color Conversion

Color Schemes with #bab31e

Alternatives to #bab31e

#bab31e Preview

Shades and Tints of #bab31e

Tones of #bab31e

Color Blindness Simulator