#ba3518 hex color

In a RGB color space, hex #ba3518 is composed of 72.9% red, 20.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.5% magenta, 87.1% yellow and 27.1% black. It has a hue angle of 10.7 degrees, a saturation of 77.1% and a lightness of 41.2%. #ba3518 color hex could be obtained by blending #ff6a30 with #750000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 73
- G 21
- B 9
RGB color chart
- C 0
- M 72
- Y 87
- K 27
CMYK color chart

● #ba3518 color description : Strong red.

The hexadecimal color #ba3518 has RGB values of R:186, G:53, B:24 and CMYK values of C:0, M:0.72, Y:0.87, K:0.27. Its decimal value is 12203288.

Hex triplet	ba3518	`#ba3518`
RGB Decimal	186, 53, 24	`rgb(186,53,24)`
RGB Percent	72.9, 20.8, 9.4	`rgb(72.9%,20.8%,9.4%)`
CMYK	0, 72, 87, 27
HSL	10.7°, 77.1, 41.2	`hsl(10.7,77.1%,41.2%)`
HSV (or HSB)	10.7°, 87.1, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	42.844, 51.901, 46.64
XYZ	21.689, 13.054, 2.242
xyY	0.586, 0.353, 13.054
CIE-LCH	42.844, 69.778, 41.944
CIE-LUV	42.844, 105.311, 30.985
Hunter-Lab	36.13, 43.925, 21.612
Binary	10111010, 00110101, 00011000

#ba3518
```
#ba3518 rgb(186,53,24)
```
#189dba
```
#189dba rgb(24,157,186)
```

Complementary Color

#ba184c
```
#ba184c rgb(186,24,76)
```
#ba3518
```
#ba3518 rgb(186,53,24)
```
#ba8618
```
#ba8618 rgb(186,134,24)
```

Analogous Color

#184cba
```
#184cba rgb(24,76,186)
```
#ba3518
```
#ba3518 rgb(186,53,24)
```
#18ba86
```
#18ba86 rgb(24,186,134)
```

Split Complementary Color

#3518ba
```
#3518ba rgb(53,24,186)
```
#ba3518
```
#ba3518 rgb(186,53,24)
```
#18ba35
```
#18ba35 rgb(24,186,53)
```

Triadic Color

#ba189d
```
#ba189d rgb(186,24,157)
```
#ba3518
```
#ba3518 rgb(186,53,24)
```
#18ba35
```
#18ba35 rgb(24,186,53)
```
#189dba
```
#189dba rgb(24,157,186)
```

Tetradic Color

#76220f
```
#76220f rgb(118,34,15)
```
#8d2812
```
#8d2812 rgb(141,40,18)
```
#a32f15
```
#a32f15 rgb(163,47,21)
```
#ba3518
```
#ba3518 rgb(186,53,24)
```
#d13b1b
```
#d13b1b rgb(209,59,27)
```
#e34522
```
#e34522 rgb(227,69,34)
```
#e55839
```
#e55839 rgb(229,88,57)
```

Monochromatic Color

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

#ba1823
```
#ba1823 rgb(186,24,35)
```
#ba1a18
```
#ba1a18 rgb(186,26,24)
```
#ba2818
```
#ba2818 rgb(186,40,24)
```
#ba3518
```
#ba3518 rgb(186,53,24)
```
#ba4318
```
#ba4318 rgb(186,67,24)
```
#ba5018
```
#ba5018 rgb(186,80,24)
```
#ba5e18
```
#ba5e18 rgb(186,94,24)
```

Similar Colors

Text with hexadecimal color #ba3518

This text has a font color of #ba3518.

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

#ba3518 background color

This paragraph has a background color of #ba3518.

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

#ba3518 border color

This element has a border color of #ba3518.

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

CSS codes

.text {color:#ba3518;}

.background {background-color:#ba3518;}

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

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

#0c0302
```
#0c0302 rgb(12,3,2)
```
#1e0804
```
#1e0804 rgb(30,8,4)
```
#2f0d06
```
#2f0d06 rgb(47,13,6)
```
#401208
```
#401208 rgb(64,18,8)
```
#52170b
```
#52170b rgb(82,23,11)
```
#631c0d
```
#631c0d rgb(99,28,13)
```
#75210f
```
#75210f rgb(117,33,15)
```
#862611
```
#862611 rgb(134,38,17)
```
#972b14
```
#972b14 rgb(151,43,20)
```
#a93016
```
#a93016 rgb(169,48,22)
```
#ba3518
```
#ba3518 rgb(186,53,24)
```
#cb3a1a
```
#cb3a1a rgb(203,58,26)
```
#dd3f1c
```
#dd3f1c rgb(221,63,28)
```

Shade Color Variation

#e34b29
```
#e34b29 rgb(227,75,41)
```
#e6593b
```
#e6593b rgb(230,89,59)
```
#e8684c
```
#e8684c rgb(232,104,76)
```
#ea775e
```
#ea775e rgb(234,119,94)
```
#ec856f
```
#ec856f rgb(236,133,111)
```
#ef9480
```
#ef9480 rgb(239,148,128)
```
#f1a392
```
#f1a392 rgb(241,163,146)
```
#f3b1a3
```
#f3b1a3 rgb(243,177,163)
```
#f5c0b4
```
#f5c0b4 rgb(245,192,180)
```
#f8cfc6
```
#f8cfc6 rgb(248,207,198)
```
#faddd7
```
#faddd7 rgb(250,221,215)
```
#fcece9
```
#fcece9 rgb(252,236,233)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#716461
```
#716461 rgb(113,100,97)
```
#795e59
```
#795e59 rgb(121,94,89)
```
#815951
```
#815951 rgb(129,89,81)
```
#8a5448
```
#8a5448 rgb(138,84,72)
```
#924f40
```
#924f40 rgb(146,79,64)
```
#9a4a38
```
#9a4a38 rgb(154,74,56)
```
#a24530
```
#a24530 rgb(162,69,48)
```
#aa3f28
```
#aa3f28 rgb(170,63,40)
```
#b23a20
```
#b23a20 rgb(178,58,32)
```
#ba3518
```
#ba3518 rgb(186,53,24)
```
#c23010
```
#c23010 rgb(194,48,16)
```
#ca2b08
```
#ca2b08 rgb(202,43,8)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6c524c Atypical Achromatopsia 0.001% of the population

Dichromacy

#796d2f Protanopia 1% of men
#886711 Deuteranopia 1% of men
#be3c3f Tritanopia 0.001% of the population

Trichromacy

#905826 Protanomaly 1% of men, 0.01% of women
#9a5513 Deuteranomaly 6% of men, 0.4% of women
#bc3930 Tritanomaly 0.01% of the population

#ba3518 hex color

#ba3518 Color Information

#ba3518 Color Conversion

Color Schemes with #ba3518

Alternatives to #ba3518

#ba3518 Preview

Shades and Tints of #ba3518

Tones of #ba3518

Color Blindness Simulator