#ba5614 hex color

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

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

● #ba5614 color description : Strong orange.

The hexadecimal color #ba5614 has RGB values of R:186, G:86, B:20 and CMYK values of C:0, M:0.54, Y:0.89, K:0.27. Its decimal value is 12211732.

Hex triplet	ba5614	`#ba5614`
RGB Decimal	186, 86, 20	`rgb(186,86,20)`
RGB Percent	72.9, 33.7, 7.8	`rgb(72.9%,33.7%,7.8%)`
CMYK	0, 54, 89, 27
HSL	23.9°, 80.6, 40.4	`hsl(23.9,80.6%,40.4%)`
HSV (or HSB)	23.9°, 89.2, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	48.445, 36.946, 52.623
XYZ	23.705, 17.148, 2.723
xyY	0.544, 0.394, 17.148
CIE-LCH	48.445, 64.298, 54.928
CIE-LUV	48.445, 81.969, 41.256
Hunter-Lab	41.41, 29.715, 25.087
Binary	10111010, 01010110, 00010100

#ba5614
```
#ba5614 rgb(186,86,20)
```
#1478ba
```
#1478ba rgb(20,120,186)
```

Complementary Color

#ba1425
```
#ba1425 rgb(186,20,37)
```
#ba5614
```
#ba5614 rgb(186,86,20)
```
#baa914
```
#baa914 rgb(186,169,20)
```

Analogous Color

#1425ba
```
#1425ba rgb(20,37,186)
```
#ba5614
```
#ba5614 rgb(186,86,20)
```
#14baa9
```
#14baa9 rgb(20,186,169)
```

Split Complementary Color

#5614ba
```
#5614ba rgb(86,20,186)
```
#ba5614
```
#ba5614 rgb(186,86,20)
```
#14ba56
```
#14ba56 rgb(20,186,86)
```

Triadic Color

#ba1478
```
#ba1478 rgb(186,20,120)
```
#ba5614
```
#ba5614 rgb(186,86,20)
```
#14ba56
```
#14ba56 rgb(20,186,86)
```
#1478ba
```
#1478ba rgb(20,120,186)
```

Tetradic Color

#75360d
```
#75360d rgb(117,54,13)
```
#8c410f
```
#8c410f rgb(140,65,15)
```
#a34b12
```
#a34b12 rgb(163,75,18)
```
#ba5614
```
#ba5614 rgb(186,86,20)
```
#d16116
```
#d16116 rgb(209,97,22)
```
#e66c1b
```
#e66c1b rgb(230,108,27)
```
#e97a32
```
#e97a32 rgb(233,122,50)
```

Monochromatic Color

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

#ba2d14
```
#ba2d14 rgb(186,45,20)
```
#ba3a14
```
#ba3a14 rgb(186,58,20)
```
#ba4814
```
#ba4814 rgb(186,72,20)
```
#ba5614
```
#ba5614 rgb(186,86,20)
```
#ba6414
```
#ba6414 rgb(186,100,20)
```
#ba7214
```
#ba7214 rgb(186,114,20)
```
#ba8014
```
#ba8014 rgb(186,128,20)
```

Similar Colors

Text with hexadecimal color #ba5614

This text has a font color of #ba5614.

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

#ba5614 background color

This paragraph has a background color of #ba5614.

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

#ba5614 border color

This element has a border color of #ba5614.

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

CSS codes

.text {color:#ba5614;}

.background {background-color:#ba5614;}

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

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)
```
#2c1405
```
#2c1405 rgb(44,20,5)
```
#3e1d07
```
#3e1d07 rgb(62,29,7)
```
#502509
```
#502509 rgb(80,37,9)
```
#612d0a
```
#612d0a rgb(97,45,10)
```
#73350c
```
#73350c rgb(115,53,12)
```
#853d0e
```
#853d0e rgb(133,61,14)
```
#974610
```
#974610 rgb(151,70,16)
```
#a84e12
```
#a84e12 rgb(168,78,18)
```
#ba5614
```
#ba5614 rgb(186,86,20)
```
#cc5e16
```
#cc5e16 rgb(204,94,22)
```
#dd6618
```
#dd6618 rgb(221,102,24)
```

Shade Color Variation

#e77022
```
#e77022 rgb(231,112,34)
```
#e97c33
```
#e97c33 rgb(233,124,51)
```
#eb8745
```
#eb8745 rgb(235,135,69)
```
#ed9257
```
#ed9257 rgb(237,146,87)
```
#ef9e68
```
#ef9e68 rgb(239,158,104)
```
#f1a97a
```
#f1a97a rgb(241,169,122)
```
#f3b58c
```
#f3b58c rgb(243,181,140)
```
#f5c09e
```
#f5c09e rgb(245,192,158)
```
#f6ccaf
```
#f6ccaf rgb(246,204,175)
```
#f8d7c1
```
#f8d7c1 rgb(248,215,193)
```
#fae2d3
```
#fae2d3 rgb(250,226,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 #ca5304 is the most saturated one.

#6b6663
```
#6b6663 rgb(107,102,99)
```
#73655b
```
#73655b rgb(115,101,91)
```
#7b6353
```
#7b6353 rgb(123,99,83)
```
#83614b
```
#83614b rgb(131,97,75)
```
#8a6044
```
#8a6044 rgb(138,96,68)
```
#925e3c
```
#925e3c rgb(146,94,60)
```
#9a5c34
```
#9a5c34 rgb(154,92,52)
```
#a25b2c
```
#a25b2c rgb(162,91,44)
```
#aa5924
```
#aa5924 rgb(170,89,36)
```
#b2581c
```
#b2581c rgb(178,88,28)
```
#ba5614
```
#ba5614 rgb(186,86,20)
```
#c2540c
```
#c2540c rgb(194,84,12)
```
#ca5304
```
#ca5304 rgb(202,83,4)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7c685a Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a27 Protanopia 1% of men
#997410 Deuteranopia 1% of men
#bf595e Tritanopia 0.001% of the population

Trichromacy

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

#ba5614 hex color

#ba5614 Color Information

#ba5614 Color Conversion

Color Schemes with #ba5614

Alternatives to #ba5614

#ba5614 Preview

Shades and Tints of #ba5614

Tones of #ba5614

Color Blindness Simulator