#ba5714 hex color

In a RGB color space, hex #ba5714 is composed of 72.9% red, 34.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.2% magenta, 89.2% yellow and 27.1% black. It has a hue angle of 24.2 degrees, a saturation of 80.6% and a lightness of 40.4%. #ba5714 color hex could be obtained by blending #ffae28 with #750000. Closest websafe color is: #cc6600.

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

● #ba5714 color description : Strong orange.

The hexadecimal color #ba5714 has RGB values of R:186, G:87, B:20 and CMYK values of C:0, M:0.53, Y:0.89, K:0.27. Its decimal value is 12211988.

Hex triplet	ba5714	`#ba5714`
RGB Decimal	186, 87, 20	`rgb(186,87,20)`
RGB Percent	72.9, 34.1, 7.8	`rgb(72.9%,34.1%,7.8%)`
CMYK	0, 53, 89, 27
HSL	24.2°, 80.6, 40.4	`hsl(24.2,80.6%,40.4%)`
HSV (or HSB)	24.2°, 89.2, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	48.646, 36.436, 52.778
XYZ	23.785, 17.308, 2.75
xyY	0.542, 0.395, 17.308
CIE-LCH	48.646, 64.134, 55.38
CIE-LUV	48.646, 81.177, 41.587
Hunter-Lab	41.603, 29.245, 25.203
Binary	10111010, 01010111, 00010100

#ba5714
```
#ba5714 rgb(186,87,20)
```
#1477ba
```
#1477ba rgb(20,119,186)
```

Complementary Color

#ba1424
```
#ba1424 rgb(186,20,36)
```
#ba5714
```
#ba5714 rgb(186,87,20)
```
#baaa14
```
#baaa14 rgb(186,170,20)
```

Analogous Color

#1424ba
```
#1424ba rgb(20,36,186)
```
#ba5714
```
#ba5714 rgb(186,87,20)
```
#14baaa
```
#14baaa rgb(20,186,170)
```

Split Complementary Color

#5714ba
```
#5714ba rgb(87,20,186)
```
#ba5714
```
#ba5714 rgb(186,87,20)
```
#14ba57
```
#14ba57 rgb(20,186,87)
```

Triadic Color

#ba1477
```
#ba1477 rgb(186,20,119)
```
#ba5714
```
#ba5714 rgb(186,87,20)
```
#14ba57
```
#14ba57 rgb(20,186,87)
```
#1477ba
```
#1477ba rgb(20,119,186)
```

Tetradic Color

#75370d
```
#75370d rgb(117,55,13)
```
#8c410f
```
#8c410f rgb(140,65,15)
```
#a34c12
```
#a34c12 rgb(163,76,18)
```
#ba5714
```
#ba5714 rgb(186,87,20)
```
#d16216
```
#d16216 rgb(209,98,22)
```
#e66d1b
```
#e66d1b rgb(230,109,27)
```
#e97c32
```
#e97c32 rgb(233,124,50)
```

Monochromatic Color

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

#ba2e14
```
#ba2e14 rgb(186,46,20)
```
#ba3b14
```
#ba3b14 rgb(186,59,20)
```
#ba4914
```
#ba4914 rgb(186,73,20)
```
#ba5714
```
#ba5714 rgb(186,87,20)
```
#ba6514
```
#ba6514 rgb(186,101,20)
```
#ba7314
```
#ba7314 rgb(186,115,20)
```
#ba8114
```
#ba8114 rgb(186,129,20)
```

Similar Colors

Text with hexadecimal color #ba5714

This text has a font color of #ba5714.

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

#ba5714 background color

This paragraph has a background color of #ba5714.

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

#ba5714 border color

This element has a border color of #ba5714.

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

CSS codes

.text {color:#ba5714;}

.background {background-color:#ba5714;}

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

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

#090401
```
#090401 rgb(9,4,1)
```
#1b0c03
```
#1b0c03 rgb(27,12,3)
```
#2c1505
```
#2c1505 rgb(44,21,5)
```
#3e1d07
```
#3e1d07 rgb(62,29,7)
```
#502509
```
#502509 rgb(80,37,9)
```
#612e0a
```
#612e0a rgb(97,46,10)
```
#73360c
```
#73360c rgb(115,54,12)
```
#853e0e
```
#853e0e rgb(133,62,14)
```
#974610
```
#974610 rgb(151,70,16)
```
#a84f12
```
#a84f12 rgb(168,79,18)
```
#ba5714
```
#ba5714 rgb(186,87,20)
```
#cc5f16
```
#cc5f16 rgb(204,95,22)
```
#dd6818
```
#dd6818 rgb(221,104,24)
```

Shade Color Variation

#e77122
```
#e77122 rgb(231,113,34)
```
#e97d33
```
#e97d33 rgb(233,125,51)
```
#eb8845
```
#eb8845 rgb(235,136,69)
```
#ed9357
```
#ed9357 rgb(237,147,87)
```
#ef9f68
```
#ef9f68 rgb(239,159,104)
```
#f1aa7a
```
#f1aa7a rgb(241,170,122)
```
#f3b58c
```
#f3b58c rgb(243,181,140)
```
#f5c19e
```
#f5c19e rgb(245,193,158)
```
#f6ccaf
```
#f6ccaf rgb(246,204,175)
```
#f8d7c1
```
#f8d7c1 rgb(248,215,193)
```
#fae3d3
```
#fae3d3 rgb(250,227,211)
```
#fceee4
```
#fceee4 rgb(252,238,228)
```
#fef9f6
```
#fef9f6 rgb(254,249,246)
```

Tint Color Variation

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

#6b6663
```
#6b6663 rgb(107,102,99)
```
#73655b
```
#73655b rgb(115,101,91)
```
#7b6353
```
#7b6353 rgb(123,99,83)
```
#83624b
```
#83624b rgb(131,98,75)
```
#8a6044
```
#8a6044 rgb(138,96,68)
```
#925f3c
```
#925f3c rgb(146,95,60)
```
#9a5d34
```
#9a5d34 rgb(154,93,52)
```
#a25c2c
```
#a25c2c rgb(162,92,44)
```
#aa5a24
```
#aa5a24 rgb(170,90,36)
```
#b2591c
```
#b2591c rgb(178,89,28)
```
#ba5714
```
#ba5714 rgb(186,87,20)
```
#c2550c
```
#c2550c rgb(194,85,12)
```
#ca5404
```
#ca5404 rgb(202,84,4)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7c695b Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b27 Protanopia 1% of men
#997411 Deuteranopia 1% of men
#c0595f Tritanopia 0.001% of the population

Trichromacy

#9a6d20 Protanomaly 1% of men, 0.01% of women
#a56a12 Deuteranomaly 6% of men, 0.4% of women
#bd5843 Tritanomaly 0.01% of the population

#ba5714 hex color

#ba5714 Color Information

#ba5714 Color Conversion

Color Schemes with #ba5714

Alternatives to #ba5714

#ba5714 Preview

Shades and Tints of #ba5714

Tones of #ba5714

Color Blindness Simulator