#ba5101 hex color

In a RGB color space, hex #ba5101 is composed of 72.9% red, 31.8% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 99.5% yellow and 27.1% black. It has a hue angle of 25.9 degrees, a saturation of 98.9% and a lightness of 36.7%. #ba5101 color hex could be obtained by blending #ffa202 with #750000. Closest websafe color is: #cc6600.

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

● #ba5101 color description : Strong orange.

The hexadecimal color #ba5101 has RGB values of R:186, G:81, B:1 and CMYK values of C:0, M:0.56, Y:0.99, K:0.27. Its decimal value is 12210433.

Hex triplet	ba5101	`#ba5101`
RGB Decimal	186, 81, 1	`rgb(186,81,1)`
RGB Percent	72.9, 31.8, 0.4	`rgb(72.9%,31.8%,0.4%)`
CMYK	0, 56, 99, 27
HSL	25.9°, 98.9, 36.7	`hsl(25.9,98.9%,36.7%)`
HSV (or HSB)	25.9°, 99.5, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	47.403, 39.185, 56.909
XYZ	23.199, 16.329, 1.959
xyY	0.559, 0.394, 16.329
CIE-LCH	47.403, 69.095, 55.451
CIE-LUV	47.403, 86.779, 41.902
Hunter-Lab	40.409, 31.762, 25.412
Binary	10111010, 01010001, 00000001

#ba5101
```
#ba5101 rgb(186,81,1)
```
#016aba
```
#016aba rgb(1,106,186)
```

Complementary Color

#ba010d
```
#ba010d rgb(186,1,13)
```
#ba5101
```
#ba5101 rgb(186,81,1)
```
#baae01
```
#baae01 rgb(186,174,1)
```

Analogous Color

#010dba
```
#010dba rgb(1,13,186)
```
#ba5101
```
#ba5101 rgb(186,81,1)
```
#01baae
```
#01baae rgb(1,186,174)
```

Split Complementary Color

#5101ba
```
#5101ba rgb(81,1,186)
```
#ba5101
```
#ba5101 rgb(186,81,1)
```
#01ba51
```
#01ba51 rgb(1,186,81)
```

Triadic Color

#ba016a
```
#ba016a rgb(186,1,106)
```
#ba5101
```
#ba5101 rgb(186,81,1)
```
#01ba51
```
#01ba51 rgb(1,186,81)
```
#016aba
```
#016aba rgb(1,106,186)
```

Tetradic Color

#6e3001
```
#6e3001 rgb(110,48,1)
```
#873b01
```
#873b01 rgb(135,59,1)
```
#a14601
```
#a14601 rgb(161,70,1)
```
#ba5101
```
#ba5101 rgb(186,81,1)
```
#d35c01
```
#d35c01 rgb(211,92,1)
```
#ed6701
```
#ed6701 rgb(237,103,1)
```
#fe730a
```
#fe730a rgb(254,115,10)
```

Monochromatic Color

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

#ba2301
```
#ba2301 rgb(186,35,1)
```
#ba3201
```
#ba3201 rgb(186,50,1)
```
#ba4201
```
#ba4201 rgb(186,66,1)
```
#ba5101
```
#ba5101 rgb(186,81,1)
```
#ba6001
```
#ba6001 rgb(186,96,1)
```
#ba7001
```
#ba7001 rgb(186,112,1)
```
#ba7f01
```
#ba7f01 rgb(186,127,1)
```

Similar Colors

Text with hexadecimal color #ba5101

This text has a font color of #ba5101.

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

#ba5101 background color

This paragraph has a background color of #ba5101.

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

#ba5101 border color

This element has a border color of #ba5101.

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

CSS codes

.text {color:#ba5101;}

.background {background-color:#ba5101;}

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

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

#0a0500
```
#0a0500 rgb(10,5,0)
```
#1e0d00
```
#1e0d00 rgb(30,13,0)
```
#311600
```
#311600 rgb(49,22,0)
```
#451e00
```
#451e00 rgb(69,30,0)
```
#582700
```
#582700 rgb(88,39,0)
```
#6c2f01
```
#6c2f01 rgb(108,47,1)
```
#7f3801
```
#7f3801 rgb(127,56,1)
```
#934001
```
#934001 rgb(147,64,1)
```
#a64901
```
#a64901 rgb(166,73,1)
```
#ba5101
```
#ba5101 rgb(186,81,1)
```
#ce5901
```
#ce5901 rgb(206,89,1)
```
#e16201
```
#e16201 rgb(225,98,1)
```
#f56a01
```
#f56a01 rgb(245,106,1)
```

Shade Color Variation

#fe740c
```
#fe740c rgb(254,116,12)
```
#fe801f
```
#fe801f rgb(254,128,31)
```
#fe8b33
```
#fe8b33 rgb(254,139,51)
```
#fe9646
```
#fe9646 rgb(254,150,70)
```
#fea15a
```
#fea15a rgb(254,161,90)
```
#feac6d
```
#feac6d rgb(254,172,109)
```
#feb781
```
#feb781 rgb(254,183,129)
```
#fec294
```
#fec294 rgb(254,194,148)
```
#ffcda8
```
#ffcda8 rgb(255,205,168)
```
#ffd8bb
```
#ffd8bb rgb(255,216,187)
```
#ffe4cf
```
#ffe4cf rgb(255,228,207)
```
#ffefe2
```
#ffefe2 rgb(255,239,226)
```
#fffaf6
```
#fffaf6 rgb(255,250,246)
```

Tint Color Variation

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

#645d57
```
#645d57 rgb(100,93,87)
```
#6b5c50
```
#6b5c50 rgb(107,92,80)
```
#725b49
```
#725b49 rgb(114,91,73)
```
#795a42
```
#795a42 rgb(121,90,66)
```
#80593b
```
#80593b rgb(128,89,59)
```
#885833
```
#885833 rgb(136,88,51)
```
#8f572c
```
#8f572c rgb(143,87,44)
```
#965625
```
#965625 rgb(150,86,37)
```
#9d551e
```
#9d551e rgb(157,85,30)
```
#a45417
```
#a45417 rgb(164,84,23)
```
#ac530f
```
#ac530f rgb(172,83,15)
```
#b35208
```
#b35208 rgb(179,82,8)
```
#ba5101
```
#ba5101 rgb(186,81,1)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#786353 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867815 Protanopia 1% of men
#957200 Deuteranopia 1% of men
#bf5459 Tritanopia 0.001% of the population

Trichromacy

#99690e Protanomaly 1% of men, 0.01% of women
#a26600 Deuteranomaly 6% of men, 0.4% of women
#bd5339 Tritanomaly 0.01% of the population

#ba5101 hex color

#ba5101 Color Information

#ba5101 Color Conversion

Color Schemes with #ba5101

Alternatives to #ba5101

#ba5101 Preview

Shades and Tints of #ba5101

Tones of #ba5101

Color Blindness Simulator