colorhexa.com

#ba5108 hex color

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

- R 73
- G 32
- B 3
RGB color chart
- C 0
- M 56
- Y 96
- K 27
CMYK color chart

● #ba5108 color description : Strong orange.

The hexadecimal color #ba5108 has RGB values of R:186, G:81, B:8 and CMYK values of C:0, M:0.56, Y:0.96, K:0.27. Its decimal value is 12210440.

Hex triplet	ba5108	`#ba5108`
RGB Decimal	186, 81, 8	`rgb(186,81,8)`
RGB Percent	72.9, 31.8, 3.1	`rgb(72.9%,31.8%,3.1%)`
CMYK	0, 56, 96, 27
HSL	24.6°, 91.8, 38	`hsl(24.6,91.8%,38%)`
HSV (or HSB)	24.6°, 95.7, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	47.422, 39.271, 55.201
XYZ	23.237, 16.344, 2.161
xyY	0.557, 0.392, 16.344
CIE-LCH	47.422, 67.745, 54.571
CIE-LUV	47.422, 86.495, 41.177
Hunter-Lab	40.428, 31.85, 25.13
Binary	10111010, 01010001, 00001000

#ba5108
```
#ba5108 rgb(186,81,8)
```
#0871ba
```
#0871ba rgb(8,113,186)
```

Complementary Color

#ba0818
```
#ba0818 rgb(186,8,24)
```
#ba5108
```
#ba5108 rgb(186,81,8)
```
#baaa08
```
#baaa08 rgb(186,170,8)
```

Analogous Color

#0818ba
```
#0818ba rgb(8,24,186)
```
#ba5108
```
#ba5108 rgb(186,81,8)
```
#08baaa
```
#08baaa rgb(8,186,170)
```

Split Complementary Color

#713105
```
#713105 rgb(113,49,5)
```
#893c06
```
#893c06 rgb(137,60,6)
```
#a24607
```
#a24607 rgb(162,70,7)
```
#ba5108
```
#ba5108 rgb(186,81,8)
```
#d25c09
```
#d25c09 rgb(210,92,9)
```
#eb660a
```
#eb660a rgb(235,102,10)
```
#f57319
```
#f57319 rgb(245,115,25)
```

Monochromatic Color

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

#ba2508
```
#ba2508 rgb(186,37,8)
```
#ba3308
```
#ba3308 rgb(186,51,8)
```
#ba4208
```
#ba4208 rgb(186,66,8)
```
#ba5108
```
#ba5108 rgb(186,81,8)
```
#ba6008
```
#ba6008 rgb(186,96,8)
```
#ba6f08
```
#ba6f08 rgb(186,111,8)
```
#ba7e08
```
#ba7e08 rgb(186,126,8)
```

Similar Colors

Text with hexadecimal color #ba5108

This text has a font color of #ba5108.

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

#ba5108 background color

This paragraph has a background color of #ba5108.

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

#ba5108 border color

This element has a border color of #ba5108.

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

CSS codes

.text {color:#ba5108;}

.background {background-color:#ba5108;}

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

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

#110701
```
#110701 rgb(17,7,1)
```
#240f02
```
#240f02 rgb(36,15,2)
```
#361802
```
#361802 rgb(54,24,2)
```
#492003
```
#492003 rgb(73,32,3)
```
#5c2804
```
#5c2804 rgb(92,40,4)
```
#6f3005
```
#6f3005 rgb(111,48,5)
```
#823806
```
#823806 rgb(130,56,6)
```
#944106
```
#944106 rgb(148,65,6)
```
#a74907
```
#a74907 rgb(167,73,7)
```
#ba5108
```
#ba5108 rgb(186,81,8)
```
#cd5909
```
#cd5909 rgb(205,89,9)
```
#e0610a
```
#e0610a rgb(224,97,10)
```
#f26a0a
```
#f26a0a rgb(242,106,10)
```

Shade Color Variation

#f5751b
```
#f5751b rgb(245,117,27)
```
#f6802e
```
#f6802e rgb(246,128,46)
```
#f78b41
```
#f78b41 rgb(247,139,65)
```
#f89754
```
#f89754 rgb(248,151,84)
```
#f8a266
```
#f8a266 rgb(248,162,102)
```
#f9ae79
```
#f9ae79 rgb(249,174,121)
```
#fab98c
```
#fab98c rgb(250,185,140)
```
#fbc59f
```
#fbc59f rgb(251,197,159)
```
#fcd0b2
```
#fcd0b2 rgb(252,208,178)
```
#fcdbc5
```
#fcdbc5 rgb(252,219,197)
```
#fde7d7
```
#fde7d7 rgb(253,231,215)
```
#fef2ea
```
#fef2ea rgb(254,242,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#68605a
```
#68605a rgb(104,96,90)
```
#6f5e53
```
#6f5e53 rgb(111,94,83)
```
#775d4b
```
#775d4b rgb(119,93,75)
```
#7e5c44
```
#7e5c44 rgb(126,92,68)
```
#865a3c
```
#865a3c rgb(134,90,60)
```
#8d5935
```
#8d5935 rgb(141,89,53)
```
#95582d
```
#95582d rgb(149,88,45)
```
#9c5626
```
#9c5626 rgb(156,86,38)
```
#a4551e
```
#a4551e rgb(164,85,30)
```
#ab5417
```
#ab5417 rgb(171,84,23)
```
#b3520f
```
#b3520f rgb(179,82,15)
```
#ba5108
```
#ba5108 rgb(186,81,8)
```
#c15001
```
#c15001 rgb(193,80,1)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#786355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86781d Protanopia 1% of men
#957200 Deuteranopia 1% of men
#bf5459 Tritanopia 0.001% of the population

Trichromacy

#996915 Protanomaly 1% of men, 0.01% of women
#a36602 Deuteranomaly 6% of men, 0.4% of women
#bd533b Tritanomaly 0.01% of the population