colorhexa.com

#ba7301 hex color

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

- R 73
- G 45
- B 0
RGB color chart
- C 0
- M 38
- Y 99
- K 27
CMYK color chart

● #ba7301 color description : Strong orange.

The hexadecimal color #ba7301 has RGB values of R:186, G:115, B:1 and CMYK values of C:0, M:0.38, Y:0.99, K:0.27. Its decimal value is 12219137.

Hex triplet	ba7301	`#ba7301`
RGB Decimal	186, 115, 1	`rgb(186,115,1)`
RGB Percent	72.9, 45.1, 0.4	`rgb(72.9%,45.1%,0.4%)`
CMYK	0, 38, 99, 27
HSL	37°, 98.9, 36.7	`hsl(37,98.9%,36.7%)`
HSV (or HSB)	37°, 99.5, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.767, 21.146, 61.461
XYZ	26.387, 22.705, 3.022
xyY	0.506, 0.436, 22.705
CIE-LCH	54.767, 64.997, 71.014
CIE-LUV	54.767, 58.989, 53.466
Hunter-Lab	47.65, 15.461, 29.595
Binary	10111010, 01110011, 00000001

#ba7301
```
#ba7301 rgb(186,115,1)
```
#0148ba
```
#0148ba rgb(1,72,186)
```

Complementary Color

#ba1701
```
#ba1701 rgb(186,23,1)
```
#ba7301
```
#ba7301 rgb(186,115,1)
```
#a5ba01
```
#a5ba01 rgb(165,186,1)
```

Analogous Color

#1701ba
```
#1701ba rgb(23,1,186)
```
#ba7301
```
#ba7301 rgb(186,115,1)
```
#01a5ba
```
#01a5ba rgb(1,165,186)
```

Split Complementary Color

#7301ba
```
#7301ba rgb(115,1,186)
```
#ba7301
```
#ba7301 rgb(186,115,1)
```
#01ba73
```
#01ba73 rgb(1,186,115)
```

Triadic Color

#6e4401
```
#6e4401 rgb(110,68,1)
```
#875401
```
#875401 rgb(135,84,1)
```
#a16301
```
#a16301 rgb(161,99,1)
```
#ba7301
```
#ba7301 rgb(186,115,1)
```
#d38301
```
#d38301 rgb(211,131,1)
```
#ed9201
```
#ed9201 rgb(237,146,1)
```
#fea00a
```
#fea00a rgb(254,160,10)
```

Monochromatic Color

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

#ba4501
```
#ba4501 rgb(186,69,1)
```
#ba5401
```
#ba5401 rgb(186,84,1)
```
#ba6401
```
#ba6401 rgb(186,100,1)
```
#ba7301
```
#ba7301 rgb(186,115,1)
```
#ba8201
```
#ba8201 rgb(186,130,1)
```
#ba9201
```
#ba9201 rgb(186,146,1)
```
#baa101
```
#baa101 rgb(186,161,1)
```

Similar Colors

Text with hexadecimal color #ba7301

This text has a font color of #ba7301.

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

#ba7301 background color

This paragraph has a background color of #ba7301.

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

#ba7301 border color

This element has a border color of #ba7301.

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

CSS codes

.text {color:#ba7301;}

.background {background-color:#ba7301;}

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

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

#0a0600
```
#0a0600 rgb(10,6,0)
```
#1e1200
```
#1e1200 rgb(30,18,0)
```
#311f00
```
#311f00 rgb(49,31,0)
```
#452b00
```
#452b00 rgb(69,43,0)
```
#583700
```
#583700 rgb(88,55,0)
```
#6c4301
```
#6c4301 rgb(108,67,1)
```
#7f4f01
```
#7f4f01 rgb(127,79,1)
```
#935b01
```
#935b01 rgb(147,91,1)
```
#a66701
```
#a66701 rgb(166,103,1)
```
#ba7301
```
#ba7301 rgb(186,115,1)
```
#ce7f01
```
#ce7f01 rgb(206,127,1)
```
#e18b01
```
#e18b01 rgb(225,139,1)
```
#f59701
```
#f59701 rgb(245,151,1)
```

Shade Color Variation

#fea10c
```
#fea10c rgb(254,161,12)
```
#fea81f
```
#fea81f rgb(254,168,31)
```
#feb033
```
#feb033 rgb(254,176,51)
```
#feb846
```
#feb846 rgb(254,184,70)
```
#febf5a
```
#febf5a rgb(254,191,90)
```
#fec76d
```
#fec76d rgb(254,199,109)
```
#fece81
```
#fece81 rgb(254,206,129)
```
#fed694
```
#fed694 rgb(254,214,148)
```
#ffdda8
```
#ffdda8 rgb(255,221,168)
```
#ffe5bb
```
#ffe5bb rgb(255,229,187)
```
#ffeccf
```
#ffeccf rgb(255,236,207)
```
#fff4e2
```
#fff4e2 rgb(255,244,226)
```
#fffbf6
```
#fffbf6 rgb(255,251,246)
```

Tint Color Variation

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

#645f57
```
#645f57 rgb(100,95,87)
```
#6b6150
```
#6b6150 rgb(107,97,80)
```
#726249
```
#726249 rgb(114,98,73)
```
#796442
```
#796442 rgb(121,100,66)
```
#80663b
```
#80663b rgb(128,102,59)
```
#886733
```
#886733 rgb(136,103,51)
```
#8f692c
```
#8f692c rgb(143,105,44)
```
#966b25
```
#966b25 rgb(150,107,37)
```
#9d6c1e
```
#9d6c1e rgb(157,108,30)
```
#a46e17
```
#a46e17 rgb(164,110,23)
```
#ac700f
```
#ac700f rgb(172,112,15)
```
#b37108
```
#b37108 rgb(179,113,8)
```
#ba7301
```
#ba7301 rgb(186,115,1)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#887963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8911 Protanopia 1% of men
#ac8200 Deuteranopia 1% of men
#c27279 Tritanopia 0.001% of the population

Trichromacy

#a5810b Protanomaly 1% of men, 0.01% of women
#b17d00 Deuteranomaly 6% of men, 0.4% of women
#bf724d Tritanomaly 0.01% of the population