#ba803f hex color

In a RGB color space, hex #ba803f is composed of 72.9% red, 50.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 66.1% yellow and 27.1% black. It has a hue angle of 31.7 degrees, a saturation of 49.4% and a lightness of 48.8%. #ba803f color hex could be obtained by blending #ffff7e with #750100. Closest websafe color is: #cc9933.

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

● #ba803f color description : Moderate orange.

The hexadecimal color #ba803f has RGB values of R:186, G:128, B:63 and CMYK values of C:0, M:0.31, Y:0.66, K:0.27. Its decimal value is 12222527.

Hex triplet	ba803f	`#ba803f`
RGB Decimal	186, 128, 63	`rgb(186,128,63)`
RGB Percent	72.9, 50.2, 24.7	`rgb(72.9%,50.2%,24.7%)`
CMYK	0, 31, 66, 27
HSL	31.7°, 49.4, 48.8	`hsl(31.7,49.4%,48.8%)`
HSV (or HSB)	31.7°, 66.1, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.262, 15.994, 43.42
XYZ	28.867, 26.238, 8.246
xyY	0.456, 0.414, 26.238
CIE-LCH	58.262, 46.272, 69.779
CIE-LUV	58.262, 45.726, 45.246
Hunter-Lab	51.223, 10.953, 26.311
Binary	10111010, 10000000, 00111111

#ba803f
```
#ba803f rgb(186,128,63)
```
#3f79ba
```
#3f79ba rgb(63,121,186)
```

Complementary Color

#ba433f
```
#ba433f rgb(186,67,63)
```
#ba803f
```
#ba803f rgb(186,128,63)
```
#b7ba3f
```
#b7ba3f rgb(183,186,63)
```

Analogous Color

#423fba
```
#423fba rgb(66,63,186)
```
#ba803f
```
#ba803f rgb(186,128,63)
```
#3fb7ba
```
#3fb7ba rgb(63,183,186)
```

Split Complementary Color

#803fba
```
#803fba rgb(128,63,186)
```
#ba803f
```
#ba803f rgb(186,128,63)
```
#3fba80
```
#3fba80 rgb(63,186,128)
```

Triadic Color

#ba3f79
```
#ba3f79 rgb(186,63,121)
```
#ba803f
```
#ba803f rgb(186,128,63)
```
#3fba80
```
#3fba80 rgb(63,186,128)
```
#3f79ba
```
#3f79ba rgb(63,121,186)
```

Tetradic Color

#81592c
```
#81592c rgb(129,89,44)
```
#946632
```
#946632 rgb(148,102,50)
```
#a77339
```
#a77339 rgb(167,115,57)
```
#ba803f
```
#ba803f rgb(186,128,63)
```
#c38d4f
```
#c38d4f rgb(195,141,79)
```
#ca9962
```
#ca9962 rgb(202,153,98)
```
#d0a575
```
#d0a575 rgb(208,165,117)
```

Monochromatic Color

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

#ba613f
```
#ba613f rgb(186,97,63)
```
#ba6c3f
```
#ba6c3f rgb(186,108,63)
```
#ba763f
```
#ba763f rgb(186,118,63)
```
#ba803f
```
#ba803f rgb(186,128,63)
```
#ba8a3f
```
#ba8a3f rgb(186,138,63)
```
#ba953f
```
#ba953f rgb(186,149,63)
```
#ba9f3f
```
#ba9f3f rgb(186,159,63)
```

Similar Colors

Text with hexadecimal color #ba803f

This text has a font color of #ba803f.

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

#ba803f background color

This paragraph has a background color of #ba803f.

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

#ba803f border color

This element has a border color of #ba803f.

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

CSS codes

.text {color:#ba803f;}

.background {background-color:#ba803f;}

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

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, #0a0703 is the darkest color, while #fdfcfb is the lightest one.

#0a0703
```
#0a0703 rgb(10,7,3)
```
#191108
```
#191108 rgb(25,17,8)
```
#271b0d
```
#271b0d rgb(39,27,13)
```
#362512
```
#362512 rgb(54,37,18)
```
#452f17
```
#452f17 rgb(69,47,23)
```
#53391c
```
#53391c rgb(83,57,28)
```
#624321
```
#624321 rgb(98,67,33)
```
#714e26
```
#714e26 rgb(113,78,38)
```
#7f582b
```
#7f582b rgb(127,88,43)
```
#8e6230
```
#8e6230 rgb(142,98,48)
```
#9d6c35
```
#9d6c35 rgb(157,108,53)
```
#ab763a
```
#ab763a rgb(171,118,58)
```
#ba803f
```
#ba803f rgb(186,128,63)
```

Shade Color Variation

#c28a4b
```
#c28a4b rgb(194,138,75)
```
#c79359
```
#c79359 rgb(199,147,89)
```
#cc9d68
```
#cc9d68 rgb(204,157,104)
```
#d1a677
```
#d1a677 rgb(209,166,119)
```
#d6b085
```
#d6b085 rgb(214,176,133)
```
#dbb994
```
#dbb994 rgb(219,185,148)
```
#e0c3a3
```
#e0c3a3 rgb(224,195,163)
```
#e5ccb1
```
#e5ccb1 rgb(229,204,177)
```
#ead6c0
```
#ead6c0 rgb(234,214,192)
```
#efdfcf
```
#efdfcf rgb(239,223,207)
```
#f4e9dd
```
#f4e9dd rgb(244,233,221)
```
#f9f3ec
```
#f9f3ec rgb(249,243,236)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#817d78
```
#817d78 rgb(129,125,120)
```
#8a7d6f
```
#8a7d6f rgb(138,125,111)
```
#947e65
```
#947e65 rgb(148,126,101)
```
#9d7e5c
```
#9d7e5c rgb(157,126,92)
```
#a77f52
```
#a77f52 rgb(167,127,82)
```
#b07f49
```
#b07f49 rgb(176,127,73)
```
#ba803f
```
#ba803f rgb(186,128,63)
```
#c48135
```
#c48135 rgb(196,129,53)
```
#cd812c
```
#cd812c rgb(205,129,44)
```
#d78222
```
#d78222 rgb(215,130,34)
```
#e08219
```
#e08219 rgb(224,130,25)
```
#ea830f
```
#ea830f rgb(234,131,15)
```
#f38306
```
#f38306 rgb(243,131,6)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#94887b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0924c Protanopia 1% of men
#b28b47 Deuteranopia 1% of men
#c27f88 Tritanopia 0.001% of the population

Trichromacy

#a98b47 Protanomaly 1% of men, 0.01% of women
#b58744 Deuteranomaly 6% of men, 0.4% of women
#bf7f6d Tritanomaly 0.01% of the population

#ba803f hex color

#ba803f Color Information

#ba803f Color Conversion

Color Schemes with #ba803f

Alternatives to #ba803f

#ba803f Preview

Shades and Tints of #ba803f

Tones of #ba803f

Color Blindness Simulator