#ba4814 hex color

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

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

● #ba4814 color description : Strong orange.

The hexadecimal color #ba4814 has RGB values of R:186, G:72, B:20 and CMYK values of C:0, M:0.61, Y:0.89, K:0.27. Its decimal value is 12208148.

Hex triplet	ba4814	`#ba4814`
RGB Decimal	186, 72, 20	`rgb(186,72,20)`
RGB Percent	72.9, 28.2, 7.8	`rgb(72.9%,28.2%,7.8%)`
CMYK	0, 61, 89, 27
HSL	18.8°, 80.6, 40.4	`hsl(18.8,80.6%,40.4%)`
HSV (or HSB)	18.8°, 89.2, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.807, 43.78, 50.593
XYZ	22.694, 15.127, 2.387
xyY	0.564, 0.376, 15.127
CIE-LCH	45.807, 66.906, 49.129
CIE-LUV	45.807, 92.728, 36.861
Hunter-Lab	38.893, 36.092, 23.587
Binary	10111010, 01001000, 00010100

#ba4814
```
#ba4814 rgb(186,72,20)
```
#1486ba
```
#1486ba rgb(20,134,186)
```

Complementary Color

#ba1433
```
#ba1433 rgb(186,20,51)
```
#ba4814
```
#ba4814 rgb(186,72,20)
```
#ba9b14
```
#ba9b14 rgb(186,155,20)
```

Analogous Color

#1433ba
```
#1433ba rgb(20,51,186)
```
#ba4814
```
#ba4814 rgb(186,72,20)
```
#14ba9b
```
#14ba9b rgb(20,186,155)
```

Split Complementary Color

#4814ba
```
#4814ba rgb(72,20,186)
```
#ba4814
```
#ba4814 rgb(186,72,20)
```
#14ba48
```
#14ba48 rgb(20,186,72)
```

Triadic Color

#ba1486
```
#ba1486 rgb(186,20,134)
```
#ba4814
```
#ba4814 rgb(186,72,20)
```
#14ba48
```
#14ba48 rgb(20,186,72)
```
#1486ba
```
#1486ba rgb(20,134,186)
```

Tetradic Color

#752d0d
```
#752d0d rgb(117,45,13)
```
#8c360f
```
#8c360f rgb(140,54,15)
```
#a33f12
```
#a33f12 rgb(163,63,18)
```
#ba4814
```
#ba4814 rgb(186,72,20)
```
#d15116
```
#d15116 rgb(209,81,22)
```
#e65a1b
```
#e65a1b rgb(230,90,27)
```
#e96b32
```
#e96b32 rgb(233,107,50)
```

Monochromatic Color

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

#ba1f14
```
#ba1f14 rgb(186,31,20)
```
#ba2c14
```
#ba2c14 rgb(186,44,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)
```

Similar Colors

Text with hexadecimal color #ba4814

This text has a font color of #ba4814.

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

#ba4814 background color

This paragraph has a background color of #ba4814.

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

#ba4814 border color

This element has a border color of #ba4814.

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

CSS codes

.text {color:#ba4814;}

.background {background-color:#ba4814;}

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

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

#090301
```
#090301 rgb(9,3,1)
```
#1b0a03
```
#1b0a03 rgb(27,10,3)
```
#2c1105
```
#2c1105 rgb(44,17,5)
```
#3e1807
```
#3e1807 rgb(62,24,7)
```
#501f09
```
#501f09 rgb(80,31,9)
```
#61260a
```
#61260a rgb(97,38,10)
```
#732d0c
```
#732d0c rgb(115,45,12)
```
#85330e
```
#85330e rgb(133,51,14)
```
#973a10
```
#973a10 rgb(151,58,16)
```
#a84112
```
#a84112 rgb(168,65,18)
```
#ba4814
```
#ba4814 rgb(186,72,20)
```
#cc4f16
```
#cc4f16 rgb(204,79,22)
```
#dd5618
```
#dd5618 rgb(221,86,24)
```

Shade Color Variation

#e76022
```
#e76022 rgb(231,96,34)
```
#e96c33
```
#e96c33 rgb(233,108,51)
```
#eb7945
```
#eb7945 rgb(235,121,69)
```
#ed8657
```
#ed8657 rgb(237,134,87)
```
#ef9368
```
#ef9368 rgb(239,147,104)
```
#f19f7a
```
#f19f7a rgb(241,159,122)
```
#f3ac8c
```
#f3ac8c rgb(243,172,140)
```
#f5b99e
```
#f5b99e rgb(245,185,158)
```
#f6c6af
```
#f6c6af rgb(246,198,175)
```
#f8d2c1
```
#f8d2c1 rgb(248,210,193)
```
#fadfd3
```
#fadfd3 rgb(250,223,211)
```
#fcece4
```
#fcece4 rgb(252,236,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 #ca4204 is the most saturated one.

#6b6663
```
#6b6663 rgb(107,102,99)
```
#73635b
```
#73635b rgb(115,99,91)
```
#7b6053
```
#7b6053 rgb(123,96,83)
```
#835d4b
```
#835d4b rgb(131,93,75)
```
#8a5a44
```
#8a5a44 rgb(138,90,68)
```
#92573c
```
#92573c rgb(146,87,60)
```
#9a5434
```
#9a5434 rgb(154,84,52)
```
#a2512c
```
#a2512c rgb(162,81,44)
```
#aa4e24
```
#aa4e24 rgb(170,78,36)
```
#b24b1c
```
#b24b1c rgb(178,75,28)
```
#ba4814
```
#ba4814 rgb(186,72,20)
```
#c2450c
```
#c2450c rgb(194,69,12)
```
#ca4204
```
#ca4204 rgb(202,66,4)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#755e54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817428 Protanopia 1% of men
#916e0b Deuteranopia 1% of men
#bf4c51 Tritanopia 0.001% of the population

Trichromacy

#956421 Protanomaly 1% of men, 0.01% of women
#a0600e Deuteranomaly 6% of men, 0.4% of women
#bd4b3a Tritanomaly 0.01% of the population

#ba4814 hex color

#ba4814 Color Information

#ba4814 Color Conversion

Color Schemes with #ba4814

Alternatives to #ba4814

#ba4814 Preview

Shades and Tints of #ba4814

Tones of #ba4814

Color Blindness Simulator