#ba7315 hex color

In a RGB color space, hex #ba7315 is composed of 72.9% red, 45.1% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.2% magenta, 88.7% yellow and 27.1% black. It has a hue angle of 34.2 degrees, a saturation of 79.7% and a lightness of 40.6%. #ba7315 color hex could be obtained by blending #ffe62a with #750000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 73
- G 45
- B 8
RGB color chart
- C 0
- M 38
- Y 89
- K 27
CMYK color chart

● #ba7315 color description : Strong orange.

The hexadecimal color #ba7315 has RGB values of R:186, G:115, B:21 and CMYK values of C:0, M:0.38, Y:0.89, K:0.27. Its decimal value is 12219157.

Hex triplet	ba7315	`#ba7315`
RGB Decimal	186, 115, 21	`rgb(186,115,21)`
RGB Percent	72.9, 45.1, 8.2	`rgb(72.9%,45.1%,8.2%)`
CMYK	0, 38, 89, 27
HSL	34.2°, 79.7, 40.6	`hsl(34.2,79.7%,40.6%)`
HSV (or HSB)	34.2°, 88.7, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.821, 21.448, 57.293
XYZ	26.517, 22.757, 3.705
xyY	0.501, 0.43, 22.757
CIE-LCH	54.821, 61.176, 69.476
CIE-LUV	54.821, 58.461, 51.372
Hunter-Lab	47.704, 15.738, 28.787
Binary	10111010, 01110011, 00010101

#ba7315
```
#ba7315 rgb(186,115,21)
```
#155cba
```
#155cba rgb(21,92,186)
```

Complementary Color

#ba2115
```
#ba2115 rgb(186,33,21)
```
#ba7315
```
#ba7315 rgb(186,115,21)
```
#afba15
```
#afba15 rgb(175,186,21)
```

Analogous Color

#2115ba
```
#2115ba rgb(33,21,186)
```
#ba7315
```
#ba7315 rgb(186,115,21)
```
#15afba
```
#15afba rgb(21,175,186)
```

Split Complementary Color

#7315ba
```
#7315ba rgb(115,21,186)
```
#ba7315
```
#ba7315 rgb(186,115,21)
```
#15ba73
```
#15ba73 rgb(21,186,115)
```

Triadic Color

#ba155c
```
#ba155c rgb(186,21,92)
```
#ba7315
```
#ba7315 rgb(186,115,21)
```
#15ba73
```
#15ba73 rgb(21,186,115)
```
#155cba
```
#155cba rgb(21,92,186)
```

Tetradic Color

#75490d
```
#75490d rgb(117,73,13)
```
#8c5710
```
#8c5710 rgb(140,87,16)
```
#a36512
```
#a36512 rgb(163,101,18)
```
#ba7315
```
#ba7315 rgb(186,115,21)
```
#d18118
```
#d18118 rgb(209,129,24)
```
#e58f1d
```
#e58f1d rgb(229,143,29)
```
#e89a33
```
#e89a33 rgb(232,154,51)
```

Monochromatic Color

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

#ba4a15
```
#ba4a15 rgb(186,74,21)
```
#ba5815
```
#ba5815 rgb(186,88,21)
```
#ba6515
```
#ba6515 rgb(186,101,21)
```
#ba7315
```
#ba7315 rgb(186,115,21)
```
#ba8115
```
#ba8115 rgb(186,129,21)
```
#ba8f15
```
#ba8f15 rgb(186,143,21)
```
#ba9c15
```
#ba9c15 rgb(186,156,21)
```

Similar Colors

Text with hexadecimal color #ba7315

This text has a font color of #ba7315.

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

#ba7315 background color

This paragraph has a background color of #ba7315.

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

#ba7315 border color

This element has a border color of #ba7315.

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

CSS codes

.text {color:#ba7315;}

.background {background-color:#ba7315;}

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

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

#0a0601
```
#0a0601 rgb(10,6,1)
```
#1b1103
```
#1b1103 rgb(27,17,3)
```
#2d1c05
```
#2d1c05 rgb(45,28,5)
```
#3f2707
```
#3f2707 rgb(63,39,7)
```
#503209
```
#503209 rgb(80,50,9)
```
#623d0b
```
#623d0b rgb(98,61,11)
```
#73470d
```
#73470d rgb(115,71,13)
```
#85520f
```
#85520f rgb(133,82,15)
```
#975d11
```
#975d11 rgb(151,93,17)
```
#a86813
```
#a86813 rgb(168,104,19)
```
#ba7315
```
#ba7315 rgb(186,115,21)
```
#cc7e17
```
#cc7e17 rgb(204,126,23)
```
#dd8919
```
#dd8919 rgb(221,137,25)
```

Shade Color Variation

#e69224
```
#e69224 rgb(230,146,36)
```
#e89b35
```
#e89b35 rgb(232,155,53)
```
#eaa447
```
#eaa447 rgb(234,164,71)
```
#ecad58
```
#ecad58 rgb(236,173,88)
```
#eeb56a
```
#eeb56a rgb(238,181,106)
```
#f0be7c
```
#f0be7c rgb(240,190,124)
```
#f2c78d
```
#f2c78d rgb(242,199,141)
```
#f4d09f
```
#f4d09f rgb(244,208,159)
```
#f6d8b1
```
#f6d8b1 rgb(246,216,177)
```
#f8e1c2
```
#f8e1c2 rgb(248,225,194)
```
#faead4
```
#faead4 rgb(250,234,212)
```
#fcf2e5
```
#fcf2e5 rgb(252,242,229)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#6a6865
```
#6a6865 rgb(106,104,101)
```
#72695d
```
#72695d rgb(114,105,93)
```
#7a6a55
```
#7a6a55 rgb(122,106,85)
```
#826b4d
```
#826b4d rgb(130,107,77)
```
#8a6c45
```
#8a6c45 rgb(138,108,69)
```
#926d3d
```
#926d3d rgb(146,109,61)
```
#9a6f35
```
#9a6f35 rgb(154,111,53)
```
#a2702d
```
#a2702d rgb(162,112,45)
```
#aa7125
```
#aa7125 rgb(170,113,37)
```
#b2721d
```
#b2721d rgb(178,114,29)
```
#ba7315
```
#ba7315 rgb(186,115,21)
```
#c2740d
```
#c2740d rgb(194,116,13)
```
#ca7505
```
#ca7505 rgb(202,117,5)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8a7c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998925 Protanopia 1% of men
#ab831a Deuteranopia 1% of men
#c2727a Tritanopia 0.001% of the population

Trichromacy

#a5811f Protanomaly 1% of men, 0.01% of women
#b17d18 Deuteranomaly 6% of men, 0.4% of women
#bf7255 Tritanomaly 0.01% of the population

#ba7315 hex color

#ba7315 Color Information

#ba7315 Color Conversion

Color Schemes with #ba7315

Alternatives to #ba7315

#ba7315 Preview

Shades and Tints of #ba7315

Tones of #ba7315

Color Blindness Simulator