#ba950a hex color

In a RGB color space, hex #ba950a is composed of 72.9% red, 58.4% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.9% magenta, 94.6% yellow and 27.1% black. It has a hue angle of 47.4 degrees, a saturation of 89.8% and a lightness of 38.4%. #ba950a color hex could be obtained by blending #ffff14 with #752b00. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 73
- G 58
- B 4
RGB color chart
- C 0
- M 20
- Y 95
- K 27
CMYK color chart

● #ba950a color description : Strong yellow.

The hexadecimal color #ba950a has RGB values of R:186, G:149, B:10 and CMYK values of C:0, M:0.2, Y:0.95, K:0.27. Its decimal value is 12227850.

Hex triplet	ba950a	`#ba950a`
RGB Decimal	186, 149, 10	`rgb(186,149,10)`
RGB Percent	72.9, 58.4, 3.9	`rgb(72.9%,58.4%,3.9%)`
CMYK	0, 20, 95, 27
HSL	47.4°, 89.8, 38.4	`hsl(47.4,89.8%,38.4%)`
HSV (or HSB)	47.4°, 94.6, 72.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	63.308, 2.524, 65.987
XYZ	31.052, 31.957, 4.82
xyY	0.458, 0.471, 31.957
CIE-LCH	63.308, 66.036, 87.809
CIE-LUV	63.308, 31.939, 65.541
Hunter-Lab	56.531, -0.879, 34.516
Binary	10111010, 10010101, 00001010

#ba950a
```
#ba950a rgb(186,149,10)
```
#0a2fba
```
#0a2fba rgb(10,47,186)
```

Complementary Color

#ba3d0a
```
#ba3d0a rgb(186,61,10)
```
#ba950a
```
#ba950a rgb(186,149,10)
```
#87ba0a
```
#87ba0a rgb(135,186,10)
```

Analogous Color

#3d0aba
```
#3d0aba rgb(61,10,186)
```
#ba950a
```
#ba950a rgb(186,149,10)
```
#0a87ba
```
#0a87ba rgb(10,135,186)
```

Split Complementary Color

#950aba
```
#950aba rgb(149,10,186)
```
#ba950a
```
#ba950a rgb(186,149,10)
```
#0aba95
```
#0aba95 rgb(10,186,149)
```

Triadic Color

#ba0a2f
```
#ba0a2f rgb(186,10,47)
```
#ba950a
```
#ba950a rgb(186,149,10)
```
#0aba95
```
#0aba95 rgb(10,186,149)
```
#0a2fba
```
#0a2fba rgb(10,47,186)
```

Tetradic Color

#715b06
```
#715b06 rgb(113,91,6)
```
#8a6e07
```
#8a6e07 rgb(138,110,7)
```
#a28209
```
#a28209 rgb(162,130,9)
```
#ba950a
```
#ba950a rgb(186,149,10)
```
#d2a80b
```
#d2a80b rgb(210,168,11)
```
#eabc0d
```
#eabc0d rgb(234,188,13)
```
#f3c61e
```
#f3c61e rgb(243,198,30)
```

Monochromatic Color

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

#ba690a
```
#ba690a rgb(186,105,10)
```
#ba780a
```
#ba780a rgb(186,120,10)
```
#ba860a
```
#ba860a rgb(186,134,10)
```
#ba950a
```
#ba950a rgb(186,149,10)
```
#baa40a
```
#baa40a rgb(186,164,10)
```
#bab20a
```
#bab20a rgb(186,178,10)
```
#b3ba0a
```
#b3ba0a rgb(179,186,10)
```

Similar Colors

Text with hexadecimal color #ba950a

This text has a font color of #ba950a.

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

#ba950a background color

This paragraph has a background color of #ba950a.

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

#ba950a border color

This element has a border color of #ba950a.

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

CSS codes

.text {color:#ba950a;}

.background {background-color:#ba950a;}

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

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

#120f01
```
#120f01 rgb(18,15,1)
```
#251e02
```
#251e02 rgb(37,30,2)
```
#382d03
```
#382d03 rgb(56,45,3)
```
#4a3c04
```
#4a3c04 rgb(74,60,4)
```
#5d4a05
```
#5d4a05 rgb(93,74,5)
```
#705906
```
#705906 rgb(112,89,6)
```
#826807
```
#826807 rgb(130,104,7)
```
#957708
```
#957708 rgb(149,119,8)
```
#a78609
```
#a78609 rgb(167,134,9)
```
#ba950a
```
#ba950a rgb(186,149,10)
```
#cda40b
```
#cda40b rgb(205,164,11)
```
#dfb30c
```
#dfb30c rgb(223,179,12)
```
#f2c20d
```
#f2c20d rgb(242,194,13)
```

Shade Color Variation

#f3c71f
```
#f3c71f rgb(243,199,31)
```
#f4cb32
```
#f4cb32 rgb(244,203,50)
```
#f5d045
```
#f5d045 rgb(245,208,69)
```
#f6d557
```
#f6d557 rgb(246,213,87)
```
#f7d96a
```
#f7d96a rgb(247,217,106)
```
#f8de7d
```
#f8de7d rgb(248,222,125)
```
#f9e38f
```
#f9e38f rgb(249,227,143)
```
#fae7a2
```
#fae7a2 rgb(250,231,162)
```
#fbecb4
```
#fbecb4 rgb(251,236,180)
```
#fcf1c7
```
#fcf1c7 rgb(252,241,199)
```
#fdf6da
```
#fdf6da rgb(253,246,218)
```
#fefaec
```
#fefaec rgb(254,250,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#67655d
```
#67655d rgb(103,101,93)
```
#6f6955
```
#6f6955 rgb(111,105,85)
```
#766e4e
```
#766e4e rgb(118,110,78)
```
#7e7246
```
#7e7246 rgb(126,114,70)
```
#85763f
```
#85763f rgb(133,118,63)
```
#8d7b37
```
#8d7b37 rgb(141,123,55)
```
#947f30
```
#947f30 rgb(148,127,48)
```
#9c8428
```
#9c8428 rgb(156,132,40)
```
#a38821
```
#a38821 rgb(163,136,33)
```
#ab8c19
```
#ab8c19 rgb(171,140,25)
```
#b29112
```
#b29112 rgb(178,145,18)
```
#ba950a
```
#ba950a rgb(186,149,10)
```
#c29902
```
#c29902 rgb(194,153,2)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#989175 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b19e18 Protanopia 1% of men
#c6961b Deuteranopia 1% of men
#c5909a Tritanopia 0.001% of the population

Trichromacy

#b49b13 Protanomaly 1% of men, 0.01% of women
#c19614 Deuteranomaly 6% of men, 0.4% of women
#c19265 Tritanomaly 0.01% of the population

#ba950a hex color

#ba950a Color Information

#ba950a Color Conversion

Color Schemes with #ba950a

Alternatives to #ba950a

#ba950a Preview

Shades and Tints of #ba950a

Tones of #ba950a

Color Blindness Simulator