#ba4108 hex color

In a RGB color space, hex #ba4108 is composed of 72.9% red, 25.5% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.1% magenta, 95.7% yellow and 27.1% black. It has a hue angle of 19.2 degrees, a saturation of 91.8% and a lightness of 38%. #ba4108 color hex could be obtained by blending #ff8210 with #750000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 73
- G 25
- B 3
RGB color chart
- C 0
- M 65
- Y 96
- K 27
CMYK color chart

● #ba4108 color description : Strong orange.

The hexadecimal color #ba4108 has RGB values of R:186, G:65, B:8 and CMYK values of C:0, M:0.65, Y:0.96, K:0.27. Its decimal value is 12206344.

Hex triplet	ba4108	`#ba4108`
RGB Decimal	186, 65, 8	`rgb(186,65,8)`
RGB Percent	72.9, 25.5, 3.1	`rgb(72.9%,25.5%,3.1%)`
CMYK	0, 65, 96, 27
HSL	19.2°, 91.8, 38	`hsl(19.2,91.8%,38%)`
HSV (or HSB)	19.2°, 95.7, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	44.575, 46.754, 53.395
XYZ	22.185, 14.24, 1.81
xyY	0.58, 0.372, 14.24
CIE-LCH	44.575, 70.972, 48.794
CIE-LUV	44.575, 98.54, 36.491
Hunter-Lab	37.736, 38.903, 23.571
Binary	10111010, 01000001, 00001000

#ba4108
```
#ba4108 rgb(186,65,8)
```
#0881ba
```
#0881ba rgb(8,129,186)
```

Complementary Color

#ba0828
```
#ba0828 rgb(186,8,40)
```
#ba4108
```
#ba4108 rgb(186,65,8)
```
#ba9a08
```
#ba9a08 rgb(186,154,8)
```

Analogous Color

#0828ba
```
#0828ba rgb(8,40,186)
```
#ba4108
```
#ba4108 rgb(186,65,8)
```
#08ba9a
```
#08ba9a rgb(8,186,154)
```

Split Complementary Color

#4108ba
```
#4108ba rgb(65,8,186)
```
#ba4108
```
#ba4108 rgb(186,65,8)
```
#08ba41
```
#08ba41 rgb(8,186,65)
```

Triadic Color

#ba0881
```
#ba0881 rgb(186,8,129)
```
#ba4108
```
#ba4108 rgb(186,65,8)
```
#08ba41
```
#08ba41 rgb(8,186,65)
```
#0881ba
```
#0881ba rgb(8,129,186)
```

Tetradic Color

#712705
```
#712705 rgb(113,39,5)
```
#893006
```
#893006 rgb(137,48,6)
```
#a23807
```
#a23807 rgb(162,56,7)
```
#ba4108
```
#ba4108 rgb(186,65,8)
```
#d24a09
```
#d24a09 rgb(210,74,9)
```
#eb520a
```
#eb520a rgb(235,82,10)
```
#f56019
```
#f56019 rgb(245,96,25)
```

Monochromatic Color

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

#ba1508
```
#ba1508 rgb(186,21,8)
```
#ba2308
```
#ba2308 rgb(186,35,8)
```
#ba3208
```
#ba3208 rgb(186,50,8)
```
#ba4108
```
#ba4108 rgb(186,65,8)
```
#ba5008
```
#ba5008 rgb(186,80,8)
```
#ba5f08
```
#ba5f08 rgb(186,95,8)
```
#ba6e08
```
#ba6e08 rgb(186,110,8)
```

Similar Colors

Text with hexadecimal color #ba4108

This text has a font color of #ba4108.

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

#ba4108 background color

This paragraph has a background color of #ba4108.

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

#ba4108 border color

This element has a border color of #ba4108.

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

CSS codes

.text {color:#ba4108;}

.background {background-color:#ba4108;}

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

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

#110601
```
#110601 rgb(17,6,1)
```
#240c02
```
#240c02 rgb(36,12,2)
```
#361302
```
#361302 rgb(54,19,2)
```
#491a03
```
#491a03 rgb(73,26,3)
```
#5c2004
```
#5c2004 rgb(92,32,4)
```
#6f2705
```
#6f2705 rgb(111,39,5)
```
#822d06
```
#822d06 rgb(130,45,6)
```
#943406
```
#943406 rgb(148,52,6)
```
#a73a07
```
#a73a07 rgb(167,58,7)
```
#ba4108
```
#ba4108 rgb(186,65,8)
```
#cd4809
```
#cd4809 rgb(205,72,9)
```
#e04e0a
```
#e04e0a rgb(224,78,10)
```
#f2550a
```
#f2550a rgb(242,85,10)
```

Shade Color Variation

#f5611b
```
#f5611b rgb(245,97,27)
```
#f66e2e
```
#f66e2e rgb(246,110,46)
```
#f77b41
```
#f77b41 rgb(247,123,65)
```
#f88854
```
#f88854 rgb(248,136,84)
```
#f89566
```
#f89566 rgb(248,149,102)
```
#f9a279
```
#f9a279 rgb(249,162,121)
```
#faaf8c
```
#faaf8c rgb(250,175,140)
```
#fbbc9f
```
#fbbc9f rgb(251,188,159)
```
#fcc9b2
```
#fcc9b2 rgb(252,201,178)
```
#fcd6c5
```
#fcd6c5 rgb(252,214,197)
```
#fde3d7
```
#fde3d7 rgb(253,227,215)
```
#fef1ea
```
#fef1ea rgb(254,241,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#685f5a
```
#685f5a rgb(104,95,90)
```
#6f5c53
```
#6f5c53 rgb(111,92,83)
```
#77594b
```
#77594b rgb(119,89,75)
```
#7e5644
```
#7e5644 rgb(126,86,68)
```
#86543c
```
#86543c rgb(134,84,60)
```
#8d5135
```
#8d5135 rgb(141,81,53)
```
#954e2d
```
#954e2d rgb(149,78,45)
```
#9c4c26
```
#9c4c26 rgb(156,76,38)
```
#a4491e
```
#a4491e rgb(164,73,30)
```
#ab4617
```
#ab4617 rgb(171,70,23)
```
#b3440f
```
#b3440f rgb(179,68,15)
```
#ba4108
```
#ba4108 rgb(186,65,8)
```
#c13e01
```
#c13e01 rgb(193,62,1)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#71594e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e711e Protanopia 1% of men
#8d6b00 Deuteranopia 1% of men
#be4649 Tritanopia 0.001% of the population

Trichromacy

#945f16 Protanomaly 1% of men, 0.01% of women
#9d5c02 Deuteranomaly 6% of men, 0.4% of women
#bd4431 Tritanomaly 0.01% of the population

#ba4108 hex color

#ba4108 Color Information

#ba4108 Color Conversion

Color Schemes with #ba4108

Alternatives to #ba4108

#ba4108 Preview

Shades and Tints of #ba4108

Tones of #ba4108

Color Blindness Simulator