#ba8818 hex color

In a RGB color space, hex #ba8818 is composed of 72.9% red, 53.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 87.1% yellow and 27.1% black. It has a hue angle of 41.5 degrees, a saturation of 77.1% and a lightness of 41.2%. #ba8818 color hex could be obtained by blending #ffff30 with #751100. Closest websafe color is: #cc9900.

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

● #ba8818 color description : Strong orange.

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

Hex triplet	ba8818	`#ba8818`
RGB Decimal	186, 136, 24	`rgb(186,136,24)`
RGB Percent	72.9, 53.3, 9.4	`rgb(72.9%,53.3%,9.4%)`
CMYK	0, 27, 87, 27
HSL	41.5°, 77.1, 41.2	`hsl(41.5,77.1%,41.2%)`
HSV (or HSB)	41.5°, 87.1, 72.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	59.993, 9.899, 60.606
XYZ	29.219, 28.115, 4.752
xyY	0.471, 0.453, 28.115
CIE-LCH	59.993, 61.409, 80.723
CIE-LUV	59.993, 41.647, 58.954
Hunter-Lab	53.024, 5.573, 31.803
Binary	10111010, 10001000, 00011000

#ba8818
```
#ba8818 rgb(186,136,24)
```
#184aba
```
#184aba rgb(24,74,186)
```

Complementary Color

#ba3718
```
#ba3718 rgb(186,55,24)
```
#ba8818
```
#ba8818 rgb(186,136,24)
```
#9bba18
```
#9bba18 rgb(155,186,24)
```

Analogous Color

#3718ba
```
#3718ba rgb(55,24,186)
```
#ba8818
```
#ba8818 rgb(186,136,24)
```
#189bba
```
#189bba rgb(24,155,186)
```

Split Complementary Color

#8818ba
```
#8818ba rgb(136,24,186)
```
#ba8818
```
#ba8818 rgb(186,136,24)
```
#18ba88
```
#18ba88 rgb(24,186,136)
```

Triadic Color

#ba184a
```
#ba184a rgb(186,24,74)
```
#ba8818
```
#ba8818 rgb(186,136,24)
```
#18ba88
```
#18ba88 rgb(24,186,136)
```
#184aba
```
#184aba rgb(24,74,186)
```

Tetradic Color

#76560f
```
#76560f rgb(118,86,15)
```
#8d6712
```
#8d6712 rgb(141,103,18)
```
#a37715
```
#a37715 rgb(163,119,21)
```
#ba8818
```
#ba8818 rgb(186,136,24)
```
#d1991b
```
#d1991b rgb(209,153,27)
```
#e3a722
```
#e3a722 rgb(227,167,34)
```
#e5b039
```
#e5b039 rgb(229,176,57)
```

Monochromatic Color

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

#ba6018
```
#ba6018 rgb(186,96,24)
```
#ba6d18
```
#ba6d18 rgb(186,109,24)
```
#ba7b18
```
#ba7b18 rgb(186,123,24)
```
#ba8818
```
#ba8818 rgb(186,136,24)
```
#ba9618
```
#ba9618 rgb(186,150,24)
```
#baa318
```
#baa318 rgb(186,163,24)
```
#bab118
```
#bab118 rgb(186,177,24)
```

Similar Colors

Text with hexadecimal color #ba8818

This text has a font color of #ba8818.

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

#ba8818 background color

This paragraph has a background color of #ba8818.

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

#ba8818 border color

This element has a border color of #ba8818.

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

CSS codes

.text {color:#ba8818;}

.background {background-color:#ba8818;}

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

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

#0c0902
```
#0c0902 rgb(12,9,2)
```
#1e1604
```
#1e1604 rgb(30,22,4)
```
#2f2206
```
#2f2206 rgb(47,34,6)
```
#402f08
```
#402f08 rgb(64,47,8)
```
#523c0b
```
#523c0b rgb(82,60,11)
```
#63480d
```
#63480d rgb(99,72,13)
```
#75550f
```
#75550f rgb(117,85,15)
```
#866211
```
#866211 rgb(134,98,17)
```
#976f14
```
#976f14 rgb(151,111,20)
```
#a97b16
```
#a97b16 rgb(169,123,22)
```
#ba8818
```
#ba8818 rgb(186,136,24)
```
#cb951a
```
#cb951a rgb(203,149,26)
```
#dda11c
```
#dda11c rgb(221,161,28)
```

Shade Color Variation

#e3aa29
```
#e3aa29 rgb(227,170,41)
```
#e6b13b
```
#e6b13b rgb(230,177,59)
```
#e8b84c
```
#e8b84c rgb(232,184,76)
```
#eabf5e
```
#eabf5e rgb(234,191,94)
```
#ecc66f
```
#ecc66f rgb(236,198,111)
```
#efcd80
```
#efcd80 rgb(239,205,128)
```
#f1d392
```
#f1d392 rgb(241,211,146)
```
#f3daa3
```
#f3daa3 rgb(243,218,163)
```
#f5e1b4
```
#f5e1b4 rgb(245,225,180)
```
#f8e8c6
```
#f8e8c6 rgb(248,232,198)
```
#faefd7
```
#faefd7 rgb(250,239,215)
```
#fcf6e9
```
#fcf6e9 rgb(252,246,233)
```
#fefdfa
```
#fefdfa rgb(254,253,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 #ca8e08 is the most saturated one.

#696969
```
#696969 rgb(105,105,105)
```
#716c61
```
#716c61 rgb(113,108,97)
```
#796f59
```
#796f59 rgb(121,111,89)
```
#817251
```
#817251 rgb(129,114,81)
```
#8a7548
```
#8a7548 rgb(138,117,72)
```
#927940
```
#927940 rgb(146,121,64)
```
#9a7c38
```
#9a7c38 rgb(154,124,56)
```
#a27f30
```
#a27f30 rgb(162,127,48)
```
#aa8228
```
#aa8228 rgb(170,130,40)
```
#b28520
```
#b28520 rgb(178,133,32)
```
#ba8818
```
#ba8818 rgb(186,136,24)
```
#c28b10
```
#c28b10 rgb(194,139,16)
```
#ca8e08
```
#ca8e08 rgb(202,142,8)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#948a73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89626 Protanopia 1% of men
#bb8f23 Deuteranopia 1% of men
#c4858e Tritanopia 0.001% of the population

Trichromacy

#ae9121 Protanomaly 1% of men, 0.01% of women
#ba8c1f Deuteranomaly 6% of men, 0.4% of women
#c08663 Tritanomaly 0.01% of the population

#ba8818 hex color

#ba8818 Color Information

#ba8818 Color Conversion

Color Schemes with #ba8818

Alternatives to #ba8818

#ba8818 Preview

Shades and Tints of #ba8818

Tones of #ba8818

Color Blindness Simulator