#ba9814 hex color

In a RGB color space, hex #ba9814 is composed of 72.9% red, 59.6% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 89.2% yellow and 27.1% black. It has a hue angle of 47.7 degrees, a saturation of 80.6% and a lightness of 40.4%. #ba9814 color hex could be obtained by blending #ffff28 with #753100. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 73
- G 60
- B 8
RGB color chart
- C 0
- M 18
- Y 89
- K 27
CMYK color chart

● #ba9814 color description : Strong yellow.

The hexadecimal color #ba9814 has RGB values of R:186, G:152, B:20 and CMYK values of C:0, M:0.18, Y:0.89, K:0.27. Its decimal value is 12228628.

Hex triplet	ba9814	`#ba9814`
RGB Decimal	186, 152, 20	`rgb(186,152,20)`
RGB Percent	72.9, 59.6, 7.8	`rgb(72.9%,59.6%,7.8%)`
CMYK	0, 18, 89, 27
HSL	47.7°, 80.6, 40.4	`hsl(47.7,80.6%,40.4%)`
HSV (or HSB)	47.7°, 89.2, 72.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	64.118, 1.059, 64.851
XYZ	31.605, 32.948, 5.357
xyY	0.452, 0.471, 32.948
CIE-LCH	64.118, 64.86, 89.064
CIE-LUV	64.118, 29.552, 65.746
Hunter-Lab	57.4, -2.167, 34.647
Binary	10111010, 10011000, 00010100

#ba9814
```
#ba9814 rgb(186,152,20)
```
#1436ba
```
#1436ba rgb(20,54,186)
```

Complementary Color

#ba4514
```
#ba4514 rgb(186,69,20)
```
#ba9814
```
#ba9814 rgb(186,152,20)
```
#89ba14
```
#89ba14 rgb(137,186,20)
```

Analogous Color

#4514ba
```
#4514ba rgb(69,20,186)
```
#ba9814
```
#ba9814 rgb(186,152,20)
```
#1489ba
```
#1489ba rgb(20,137,186)
```

Split Complementary Color

#9814ba
```
#9814ba rgb(152,20,186)
```
#ba9814
```
#ba9814 rgb(186,152,20)
```
#14ba98
```
#14ba98 rgb(20,186,152)
```

Triadic Color

#ba1436
```
#ba1436 rgb(186,20,54)
```
#ba9814
```
#ba9814 rgb(186,152,20)
```
#14ba98
```
#14ba98 rgb(20,186,152)
```
#1436ba
```
#1436ba rgb(20,54,186)
```

Tetradic Color

#75600d
```
#75600d rgb(117,96,13)
```
#8c720f
```
#8c720f rgb(140,114,15)
```
#a38512
```
#a38512 rgb(163,133,18)
```
#ba9814
```
#ba9814 rgb(186,152,20)
```
#d1ab16
```
#d1ab16 rgb(209,171,22)
```
#e6bd1b
```
#e6bd1b rgb(230,189,27)
```
#e9c332
```
#e9c332 rgb(233,195,50)
```

Monochromatic Color

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

#ba6f14
```
#ba6f14 rgb(186,111,20)
```
#ba7c14
```
#ba7c14 rgb(186,124,20)
```
#ba8a14
```
#ba8a14 rgb(186,138,20)
```
#ba9814
```
#ba9814 rgb(186,152,20)
```
#baa614
```
#baa614 rgb(186,166,20)
```
#bab414
```
#bab414 rgb(186,180,20)
```
#b3ba14
```
#b3ba14 rgb(179,186,20)
```

Similar Colors

Text with hexadecimal color #ba9814

This text has a font color of #ba9814.

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

#ba9814 background color

This paragraph has a background color of #ba9814.

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

#ba9814 border color

This element has a border color of #ba9814.

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

CSS codes

.text {color:#ba9814;}

.background {background-color:#ba9814;}

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

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

#090701
```
#090701 rgb(9,7,1)
```
#1b1603
```
#1b1603 rgb(27,22,3)
```
#2c2405
```
#2c2405 rgb(44,36,5)
```
#3e3307
```
#3e3307 rgb(62,51,7)
```
#504109
```
#504109 rgb(80,65,9)
```
#61500a
```
#61500a rgb(97,80,10)
```
#735e0c
```
#735e0c rgb(115,94,12)
```
#856d0e
```
#856d0e rgb(133,109,14)
```
#977b10
```
#977b10 rgb(151,123,16)
```
#a88a12
```
#a88a12 rgb(168,138,18)
```
#ba9814
```
#ba9814 rgb(186,152,20)
```
#cca616
```
#cca616 rgb(204,166,22)
```
#ddb518
```
#ddb518 rgb(221,181,24)
```

Shade Color Variation

#e7bf22
```
#e7bf22 rgb(231,191,34)
```
#e9c433
```
#e9c433 rgb(233,196,51)
```
#ebc945
```
#ebc945 rgb(235,201,69)
```
#edce57
```
#edce57 rgb(237,206,87)
```
#efd368
```
#efd368 rgb(239,211,104)
```
#f1d87a
```
#f1d87a rgb(241,216,122)
```
#f3de8c
```
#f3de8c rgb(243,222,140)
```
#f5e39e
```
#f5e39e rgb(245,227,158)
```
#f6e8af
```
#f6e8af rgb(246,232,175)
```
#f8edc1
```
#f8edc1 rgb(248,237,193)
```
#faf2d3
```
#faf2d3 rgb(250,242,211)
```
#fcf7e4
```
#fcf7e4 rgb(252,247,228)
```
#fefcf6
```
#fefcf6 rgb(254,252,246)
```

Tint Color Variation

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

#6b6963
```
#6b6963 rgb(107,105,99)
```
#736e5b
```
#736e5b rgb(115,110,91)
```
#7b7353
```
#7b7353 rgb(123,115,83)
```
#83774b
```
#83774b rgb(131,119,75)
```
#8a7c44
```
#8a7c44 rgb(138,124,68)
```
#92813c
```
#92813c rgb(146,129,60)
```
#9a8534
```
#9a8534 rgb(154,133,52)
```
#a28a2c
```
#a28a2c rgb(162,138,44)
```
#aa8f24
```
#aa8f24 rgb(170,143,36)
```
#b2931c
```
#b2931c rgb(178,147,28)
```
#ba9814
```
#ba9814 rgb(186,152,20)
```
#c29d0c
```
#c29d0c rgb(194,157,12)
```
#caa104
```
#caa104 rgb(202,161,4)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9b947a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a021 Protanopia 1% of men
#c89823 Deuteranopia 1% of men
#c6939d Tritanopia 0.001% of the population

Trichromacy

#b69d1c Protanomaly 1% of men, 0.01% of women
#c3981e Deuteranomaly 6% of men, 0.4% of women
#c1946b Tritanomaly 0.01% of the population

#ba9814 hex color

#ba9814 Color Information

#ba9814 Color Conversion

Color Schemes with #ba9814

Alternatives to #ba9814

#ba9814 Preview

Shades and Tints of #ba9814

Tones of #ba9814

Color Blindness Simulator