#ba803a hex color

In a RGB color space, hex #ba803a is composed of 72.9% red, 50.2% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 68.8% yellow and 27.1% black. It has a hue angle of 32.8 degrees, a saturation of 52.5% and a lightness of 47.8%. #ba803a color hex could be obtained by blending #ffff74 with #750100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 50
- B 23
RGB color chart
- C 0
- M 31
- Y 69
- K 27
CMYK color chart

● #ba803a color description : Moderate orange.

The hexadecimal color #ba803a has RGB values of R:186, G:128, B:58 and CMYK values of C:0, M:0.31, Y:0.69, K:0.27. Its decimal value is 12222522.

Hex triplet	ba803a	`#ba803a`
RGB Decimal	186, 128, 58	`rgb(186,128,58)`
RGB Percent	72.9, 50.2, 22.7	`rgb(72.9%,50.2%,22.7%)`
CMYK	0, 31, 69, 27
HSL	32.8°, 52.5, 47.8	`hsl(32.8,52.5%,47.8%)`
HSV (or HSB)	32.8°, 68.8, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.212, 15.692, 45.809
XYZ	28.733, 26.185, 7.544
xyY	0.46, 0.419, 26.185
CIE-LCH	58.212, 48.422, 71.091
CIE-LUV	58.212, 46.116, 47.126
Hunter-Lab	51.171, 10.681, 27.079
Binary	10111010, 10000000, 00111010

#ba803a
```
#ba803a rgb(186,128,58)
```
#3a74ba
```
#3a74ba rgb(58,116,186)
```

Complementary Color

#ba403a
```
#ba403a rgb(186,64,58)
```
#ba803a
```
#ba803a rgb(186,128,58)
```
#b4ba3a
```
#b4ba3a rgb(180,186,58)
```

Analogous Color

#403aba
```
#403aba rgb(64,58,186)
```
#ba803a
```
#ba803a rgb(186,128,58)
```
#3ab4ba
```
#3ab4ba rgb(58,180,186)
```

Split Complementary Color

#803aba
```
#803aba rgb(128,58,186)
```
#ba803a
```
#ba803a rgb(186,128,58)
```
#3aba80
```
#3aba80 rgb(58,186,128)
```

Triadic Color

#ba3a74
```
#ba3a74 rgb(186,58,116)
```
#ba803a
```
#ba803a rgb(186,128,58)
```
#3aba80
```
#3aba80 rgb(58,186,128)
```
#3a74ba
```
#3a74ba rgb(58,116,186)
```

Tetradic Color

#805828
```
#805828 rgb(128,88,40)
```
#93652e
```
#93652e rgb(147,101,46)
```
#a77334
```
#a77334 rgb(167,115,52)
```
#ba803a
```
#ba803a rgb(186,128,58)
```
#c68d48
```
#c68d48 rgb(198,141,72)
```
#cc995b
```
#cc995b rgb(204,153,91)
```
#d2a56f
```
#d2a56f rgb(210,165,111)
```

Monochromatic Color

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

#ba603a
```
#ba603a rgb(186,96,58)
```
#ba6b3a
```
#ba6b3a rgb(186,107,58)
```
#ba753a
```
#ba753a rgb(186,117,58)
```
#ba803a
```
#ba803a rgb(186,128,58)
```
#ba8b3a
```
#ba8b3a rgb(186,139,58)
```
#ba953a
```
#ba953a rgb(186,149,58)
```
#baa03a
```
#baa03a rgb(186,160,58)
```

Similar Colors

Text with hexadecimal color #ba803a

This text has a font color of #ba803a.

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

#ba803a background color

This paragraph has a background color of #ba803a.

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

#ba803a border color

This element has a border color of #ba803a.

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

CSS codes

.text {color:#ba803a;}

.background {background-color:#ba803a;}

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

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

#070502
```
#070502 rgb(7,5,2)
```
#160f07
```
#160f07 rgb(22,15,7)
```
#24190b
```
#24190b rgb(36,25,11)
```
#332310
```
#332310 rgb(51,35,16)
```
#422e15
```
#422e15 rgb(66,46,21)
```
#513819
```
#513819 rgb(81,56,25)
```
#60421e
```
#60421e rgb(96,66,30)
```
#6f4d23
```
#6f4d23 rgb(111,77,35)
```
#7e5727
```
#7e5727 rgb(126,87,39)
```
#8d612c
```
#8d612c rgb(141,97,44)
```
#9c6b31
```
#9c6b31 rgb(156,107,49)
```
#ab7635
```
#ab7635 rgb(171,118,53)
```
#ba803a
```
#ba803a rgb(186,128,58)
```

Shade Color Variation

#c48a43
```
#c48a43 rgb(196,138,67)
```
#c99352
```
#c99352 rgb(201,147,82)
```
#ce9d61
```
#ce9d61 rgb(206,157,97)
```
#d2a670
```
#d2a670 rgb(210,166,112)
```
#d7af7f
```
#d7af7f rgb(215,175,127)
```
#dcb88e
```
#dcb88e rgb(220,184,142)
```
#e0c29d
```
#e0c29d rgb(224,194,157)
```
#e5cbac
```
#e5cbac rgb(229,203,172)
```
#ead4bb
```
#ead4bb rgb(234,212,187)
```
#eedeca
```
#eedeca rgb(238,222,202)
```
#f3e7d9
```
#f3e7d9 rgb(243,231,217)
```
#f8f0e8
```
#f8f0e8 rgb(248,240,232)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

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

#827b72
```
#827b72 rgb(130,123,114)
```
#8b7c69
```
#8b7c69 rgb(139,124,105)
```
#947c60
```
#947c60 rgb(148,124,96)
```
#9e7d56
```
#9e7d56 rgb(158,125,86)
```
#a77e4d
```
#a77e4d rgb(167,126,77)
```
#b17f43
```
#b17f43 rgb(177,127,67)
```
#ba803a
```
#ba803a rgb(186,128,58)
```
#c38131
```
#c38131 rgb(195,129,49)
```
#cd8227
```
#cd8227 rgb(205,130,39)
```
#d6831e
```
#d6831e rgb(214,131,30)
```
#e08414
```
#e08414 rgb(224,132,20)
```
#e9840b
```
#e9840b rgb(233,132,11)
```
#f28502
```
#f28502 rgb(242,133,2)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#938779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19247 Protanopia 1% of men
#b38b42 Deuteranopia 1% of men
#c27f87 Tritanopia 0.001% of the population

Trichromacy

#aa8b42 Protanomaly 1% of men, 0.01% of women
#b5873f Deuteranomaly 6% of men, 0.4% of women
#bf7f6b Tritanomaly 0.01% of the population

#ba803a hex color

#ba803a Color Information

#ba803a Color Conversion

Color Schemes with #ba803a

Alternatives to #ba803a

#ba803a Preview

Shades and Tints of #ba803a

Tones of #ba803a

Color Blindness Simulator