#ba6418 hex color

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

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

● #ba6418 color description : Strong orange.

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

Hex triplet	ba6418	`#ba6418`
RGB Decimal	186, 100, 24	`rgb(186,100,24)`
RGB Percent	72.9, 39.2, 9.4	`rgb(72.9%,39.2%,9.4%)`
CMYK	0, 46, 87, 27
HSL	28.1°, 77.1, 41.2	`hsl(28.1,77.1%,41.2%)`
HSV (or HSB)	28.1°, 87.1, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.407, 29.696, 53.634
XYZ	24.973, 19.622, 3.336
xyY	0.521, 0.409, 19.622
CIE-LCH	51.407, 61.306, 61.027
CIE-LUV	51.407, 70.502, 45.394
Hunter-Lab	44.296, 23.113, 26.542
Binary	10111010, 01100100, 00011000

#ba6418
```
#ba6418 rgb(186,100,24)
```
#186eba
```
#186eba rgb(24,110,186)
```

Complementary Color

#ba181d
```
#ba181d rgb(186,24,29)
```
#ba6418
```
#ba6418 rgb(186,100,24)
```
#bab518
```
#bab518 rgb(186,181,24)
```

Analogous Color

#181dba
```
#181dba rgb(24,29,186)
```
#ba6418
```
#ba6418 rgb(186,100,24)
```
#18bab5
```
#18bab5 rgb(24,186,181)
```

Split Complementary Color

#6418ba
```
#6418ba rgb(100,24,186)
```
#ba6418
```
#ba6418 rgb(186,100,24)
```
#18ba64
```
#18ba64 rgb(24,186,100)
```

Triadic Color

#ba186e
```
#ba186e rgb(186,24,110)
```
#ba6418
```
#ba6418 rgb(186,100,24)
```
#18ba64
```
#18ba64 rgb(24,186,100)
```
#186eba
```
#186eba rgb(24,110,186)
```

Tetradic Color

#76400f
```
#76400f rgb(118,64,15)
```
#8d4c12
```
#8d4c12 rgb(141,76,18)
```
#a35815
```
#a35815 rgb(163,88,21)
```
#ba6418
```
#ba6418 rgb(186,100,24)
```
#d1701b
```
#d1701b rgb(209,112,27)
```
#e37d22
```
#e37d22 rgb(227,125,34)
```
#e58a39
```
#e58a39 rgb(229,138,57)
```

Monochromatic Color

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

#ba3c18
```
#ba3c18 rgb(186,60,24)
```
#ba4918
```
#ba4918 rgb(186,73,24)
```
#ba5718
```
#ba5718 rgb(186,87,24)
```
#ba6418
```
#ba6418 rgb(186,100,24)
```
#ba7218
```
#ba7218 rgb(186,114,24)
```
#ba7f18
```
#ba7f18 rgb(186,127,24)
```
#ba8d18
```
#ba8d18 rgb(186,141,24)
```

Similar Colors

Text with hexadecimal color #ba6418

This text has a font color of #ba6418.

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

#ba6418 background color

This paragraph has a background color of #ba6418.

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

#ba6418 border color

This element has a border color of #ba6418.

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

CSS codes

.text {color:#ba6418;}

.background {background-color:#ba6418;}

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

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

#0c0702
```
#0c0702 rgb(12,7,2)
```
#1e1004
```
#1e1004 rgb(30,16,4)
```
#2f1906
```
#2f1906 rgb(47,25,6)
```
#402308
```
#402308 rgb(64,35,8)
```
#522c0b
```
#522c0b rgb(82,44,11)
```
#63350d
```
#63350d rgb(99,53,13)
```
#753f0f
```
#753f0f rgb(117,63,15)
```
#864811
```
#864811 rgb(134,72,17)
```
#975114
```
#975114 rgb(151,81,20)
```
#a95b16
```
#a95b16 rgb(169,91,22)
```
#ba6418
```
#ba6418 rgb(186,100,24)
```
#cb6d1a
```
#cb6d1a rgb(203,109,26)
```
#dd771c
```
#dd771c rgb(221,119,28)
```

Shade Color Variation

#e38129
```
#e38129 rgb(227,129,41)
```
#e68b3b
```
#e68b3b rgb(230,139,59)
```
#e8954c
```
#e8954c rgb(232,149,76)
```
#eaa05e
```
#eaa05e rgb(234,160,94)
```
#ecaa6f
```
#ecaa6f rgb(236,170,111)
```
#efb480
```
#efb480 rgb(239,180,128)
```
#f1be92
```
#f1be92 rgb(241,190,146)
```
#f3c9a3
```
#f3c9a3 rgb(243,201,163)
```
#f5d3b4
```
#f5d3b4 rgb(245,211,180)
```
#f8ddc6
```
#f8ddc6 rgb(248,221,198)
```
#fae7d7
```
#fae7d7 rgb(250,231,215)
```
#fcf2e9
```
#fcf2e9 rgb(252,242,233)
```
#fefcfa
```
#fefcfa rgb(254,252,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 #ca6308 is the most saturated one.

#696969
```
#696969 rgb(105,105,105)
```
#716861
```
#716861 rgb(113,104,97)
```
#796859
```
#796859 rgb(121,104,89)
```
#816751
```
#816751 rgb(129,103,81)
```
#8a6748
```
#8a6748 rgb(138,103,72)
```
#926640
```
#926640 rgb(146,102,64)
```
#9a6638
```
#9a6638 rgb(154,102,56)
```
#a26530
```
#a26530 rgb(162,101,48)
```
#aa6528
```
#aa6528 rgb(170,101,40)
```
#b26420
```
#b26420 rgb(178,100,32)
```
#ba6418
```
#ba6418 rgb(186,100,24)
```
#c26410
```
#c26410 rgb(194,100,16)
```
#ca6308
```
#ca6308 rgb(202,99,8)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#837262 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908129 Protanopia 1% of men
#a17b1b Deuteranopia 1% of men
#c0656b Tritanopia 0.001% of the population

Trichromacy

#9f7623 Protanomaly 1% of men, 0.01% of women
#aa7219 Deuteranomaly 6% of men, 0.4% of women
#be644d Tritanomaly 0.01% of the population

#ba6418 hex color

#ba6418 Color Information

#ba6418 Color Conversion

Color Schemes with #ba6418

Alternatives to #ba6418

#ba6418 Preview

Shades and Tints of #ba6418

Tones of #ba6418

Color Blindness Simulator