#ba520f hex color

In a RGB color space, hex #ba520f is composed of 72.9% red, 32.2% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.9% magenta, 91.9% yellow and 27.1% black. It has a hue angle of 23.5 degrees, a saturation of 85.1% and a lightness of 39.4%. #ba520f color hex could be obtained by blending #ffa41e with #750000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 73
- G 32
- B 6
RGB color chart
- C 0
- M 56
- Y 92
- K 27
CMYK color chart

● #ba520f color description : Strong orange.

The hexadecimal color #ba520f has RGB values of R:186, G:82, B:15 and CMYK values of C:0, M:0.56, Y:0.92, K:0.27. Its decimal value is 12210703.

Hex triplet	ba520f	`#ba520f`
RGB Decimal	186, 82, 15	`rgb(186,82,15)`
RGB Percent	72.9, 32.2, 5.9	`rgb(72.9%,32.2%,5.9%)`
CMYK	0, 56, 92, 27
HSL	23.5°, 85.1, 39.4	`hsl(23.5,85.1%,39.4%)`
HSV (or HSB)	23.5°, 91.9, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	47.637, 38.87, 53.573
XYZ	23.354, 16.511, 2.409
xyY	0.552, 0.391, 16.511
CIE-LCH	47.637, 66.189, 54.037
CIE-LUV	47.637, 85.401, 40.698
Hunter-Lab	40.633, 31.486, 24.928
Binary	10111010, 01010010, 00001111

#ba520f
```
#ba520f rgb(186,82,15)
```
#0f77ba
```
#0f77ba rgb(15,119,186)
```

Complementary Color

#ba0f22
```
#ba0f22 rgb(186,15,34)
```
#ba520f
```
#ba520f rgb(186,82,15)
```
#baa80f
```
#baa80f rgb(186,168,15)
```

Analogous Color

#0f22ba
```
#0f22ba rgb(15,34,186)
```
#ba520f
```
#ba520f rgb(186,82,15)
```
#0fbaa8
```
#0fbaa8 rgb(15,186,168)
```

Split Complementary Color

#520fba
```
#520fba rgb(82,15,186)
```
#ba520f
```
#ba520f rgb(186,82,15)
```
#0fba52
```
#0fba52 rgb(15,186,82)
```

Triadic Color

#ba0f77
```
#ba0f77 rgb(186,15,119)
```
#ba520f
```
#ba520f rgb(186,82,15)
```
#0fba52
```
#0fba52 rgb(15,186,82)
```
#0f77ba
```
#0f77ba rgb(15,119,186)
```

Tetradic Color

#733309
```
#733309 rgb(115,51,9)
```
#8b3d0b
```
#8b3d0b rgb(139,61,11)
```
#a2480d
```
#a2480d rgb(162,72,13)
```
#ba520f
```
#ba520f rgb(186,82,15)
```
#d25c11
```
#d25c11 rgb(210,92,17)
```
#e96713
```
#e96713 rgb(233,103,19)
```
#ee7528
```
#ee7528 rgb(238,117,40)
```

Monochromatic Color

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

#ba270f
```
#ba270f rgb(186,39,15)
```
#ba360f
```
#ba360f rgb(186,54,15)
```
#ba440f
```
#ba440f rgb(186,68,15)
```
#ba520f
```
#ba520f rgb(186,82,15)
```
#ba600f
```
#ba600f rgb(186,96,15)
```
#ba6f0f
```
#ba6f0f rgb(186,111,15)
```
#ba7d0f
```
#ba7d0f rgb(186,125,15)
```

Similar Colors

Text with hexadecimal color #ba520f

This text has a font color of #ba520f.

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

#ba520f background color

This paragraph has a background color of #ba520f.

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

#ba520f border color

This element has a border color of #ba520f.

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

CSS codes

.text {color:#ba520f;}

.background {background-color:#ba520f;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#170a02
```
#170a02 rgb(23,10,2)
```
#291203
```
#291203 rgb(41,18,3)
```
#3b1a05
```
#3b1a05 rgb(59,26,5)
```
#4d2206
```
#4d2206 rgb(77,34,6)
```
#5f2a08
```
#5f2a08 rgb(95,42,8)
```
#713209
```
#713209 rgb(113,50,9)
```
#843a0b
```
#843a0b rgb(132,58,11)
```
#96420c
```
#96420c rgb(150,66,12)
```
#a84a0e
```
#a84a0e rgb(168,74,14)
```
#ba520f
```
#ba520f rgb(186,82,15)
```
#cc5a10
```
#cc5a10 rgb(204,90,16)
```
#de6212
```
#de6212 rgb(222,98,18)
```

Shade Color Variation

#ec6b18
```
#ec6b18 rgb(236,107,24)
```
#ee772a
```
#ee772a rgb(238,119,42)
```
#ef823c
```
#ef823c rgb(239,130,60)
```
#f18e4e
```
#f18e4e rgb(241,142,78)
```
#f29960
```
#f29960 rgb(242,153,96)
```
#f4a572
```
#f4a572 rgb(244,165,114)
```
#f5b184
```
#f5b184 rgb(245,177,132)
```
#f7bc97
```
#f7bc97 rgb(247,188,151)
```
#f8c8a9
```
#f8c8a9 rgb(248,200,169)
```
#fad3bb
```
#fad3bb rgb(250,211,187)
```
#fbdfcd
```
#fbdfcd rgb(251,223,205)
```
#fcebdf
```
#fcebdf rgb(252,235,223)
```
#fef6f1
```
#fef6f1 rgb(254,246,241)
```

Tint Color Variation

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

#656464
```
#656464 rgb(101,100,100)
```
#6d635c
```
#6d635c rgb(109,99,92)
```
#746155
```
#746155 rgb(116,97,85)
```
#7c5f4d
```
#7c5f4d rgb(124,95,77)
```
#845e45
```
#845e45 rgb(132,94,69)
```
#8c5c3d
```
#8c5c3d rgb(140,92,61)
```
#935a36
```
#935a36 rgb(147,90,54)
```
#9b592e
```
#9b592e rgb(155,89,46)
```
#a35726
```
#a35726 rgb(163,87,38)
```
#ab551e
```
#ab551e rgb(171,85,30)
```
#b25417
```
#b25417 rgb(178,84,23)
```
#ba520f
```
#ba520f rgb(186,82,15)
```
#c25007
```
#c25007 rgb(194,80,7)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#796457 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867823 Protanopia 1% of men
#967200 Deuteranopia 1% of men
#bf555a Tritanopia 0.001% of the population

Trichromacy

#996a1b Protanomaly 1% of men, 0.01% of women
#a36605 Deuteranomaly 6% of men, 0.4% of women
#bd543f Tritanomaly 0.01% of the population

#ba520f hex color

#ba520f Color Information

#ba520f Color Conversion

Color Schemes with #ba520f

Alternatives to #ba520f

#ba520f Preview

Shades and Tints of #ba520f

Tones of #ba520f

Color Blindness Simulator