#ba6c26 hex color

In a RGB color space, hex #ba6c26 is composed of 72.9% red, 42.4% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.9% magenta, 79.6% yellow and 27.1% black. It has a hue angle of 28.4 degrees, a saturation of 66.1% and a lightness of 43.9%. #ba6c26 color hex could be obtained by blending #ffd84c with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 42
- B 15
RGB color chart
- C 0
- M 42
- Y 80
- K 27
CMYK color chart

● #ba6c26 color description : Strong orange.

The hexadecimal color #ba6c26 has RGB values of R:186, G:108, B:38 and CMYK values of C:0, M:0.42, Y:0.8, K:0.27. Its decimal value is 12217382.

Hex triplet	ba6c26	`#ba6c26`
RGB Decimal	186, 108, 38	`rgb(186,108,38)`
RGB Percent	72.9, 42.4, 14.9	`rgb(72.9%,42.4%,14.9%)`
CMYK	0, 42, 80, 27
HSL	28.4°, 66.1, 43.9	`hsl(28.4,66.1%,43.9%)`
HSV (or HSB)	28.4°, 79.6, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.283, 25.787, 49.904
XYZ	25.963, 21.306, 4.579
xyY	0.501, 0.411, 21.306
CIE-LCH	53.283, 56.172, 62.673
CIE-LUV	53.283, 63.175, 45.279
Hunter-Lab	46.159, 19.623, 26.43
Binary	10111010, 01101100, 00100110

#ba6c26
```
#ba6c26 rgb(186,108,38)
```
#2674ba
```
#2674ba rgb(38,116,186)
```

Complementary Color

#ba262a
```
#ba262a rgb(186,38,42)
```
#ba6c26
```
#ba6c26 rgb(186,108,38)
```
#bab626
```
#bab626 rgb(186,182,38)
```

Analogous Color

#262aba
```
#262aba rgb(38,42,186)
```
#ba6c26
```
#ba6c26 rgb(186,108,38)
```
#26bab6
```
#26bab6 rgb(38,186,182)
```

Split Complementary Color

#6c26ba
```
#6c26ba rgb(108,38,186)
```
#ba6c26
```
#ba6c26 rgb(186,108,38)
```
#26ba6c
```
#26ba6c rgb(38,186,108)
```

Triadic Color

#ba2674
```
#ba2674 rgb(186,38,116)
```
#ba6c26
```
#ba6c26 rgb(186,108,38)
```
#26ba6c
```
#26ba6c rgb(38,186,108)
```
#2674ba
```
#2674ba rgb(38,116,186)
```

Tetradic Color

#7a4719
```
#7a4719 rgb(122,71,25)
```
#90531d
```
#90531d rgb(144,83,29)
```
#a56022
```
#a56022 rgb(165,96,34)
```
#ba6c26
```
#ba6c26 rgb(186,108,38)
```
#cf782a
```
#cf782a rgb(207,120,42)
```
#d7853c
```
#d7853c rgb(215,133,60)
```
#db9351
```
#db9351 rgb(219,147,81)
```

Monochromatic Color

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

#ba4726
```
#ba4726 rgb(186,71,38)
```
#ba5326
```
#ba5326 rgb(186,83,38)
```
#ba6026
```
#ba6026 rgb(186,96,38)
```
#ba6c26
```
#ba6c26 rgb(186,108,38)
```
#ba7826
```
#ba7826 rgb(186,120,38)
```
#ba8526
```
#ba8526 rgb(186,133,38)
```
#ba9126
```
#ba9126 rgb(186,145,38)
```

Similar Colors

Text with hexadecimal color #ba6c26

This text has a font color of #ba6c26.

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

#ba6c26 background color

This paragraph has a background color of #ba6c26.

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

#ba6c26 border color

This element has a border color of #ba6c26.

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

CSS codes

.text {color:#ba6c26;}

.background {background-color:#ba6c26;}

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

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

#070401
```
#070401 rgb(7,4,1)
```
#170d05
```
#170d05 rgb(23,13,5)
```
#271708
```
#271708 rgb(39,23,8)
```
#38200b
```
#38200b rgb(56,32,11)
```
#482a0f
```
#482a0f rgb(72,42,15)
```
#583312
```
#583312 rgb(88,51,18)
```
#693d15
```
#693d15 rgb(105,61,21)
```
#794619
```
#794619 rgb(121,70,25)
```
#89501c
```
#89501c rgb(137,80,28)
```
#99591f
```
#99591f rgb(153,89,31)
```
#aa6323
```
#aa6323 rgb(170,99,35)
```
#ba6c26
```
#ba6c26 rgb(186,108,38)
```
#ca7529
```
#ca7529 rgb(202,117,41)
```

Shade Color Variation

#d57f32
```
#d57f32 rgb(213,127,50)
```
#d88942
```
#d88942 rgb(216,137,66)
```
#dc9453
```
#dc9453 rgb(220,148,83)
```
#df9e63
```
#df9e63 rgb(223,158,99)
```
#e2a873
```
#e2a873 rgb(226,168,115)
```
#e6b284
```
#e6b284 rgb(230,178,132)
```
#e9bc94
```
#e9bc94 rgb(233,188,148)
```
#ecc6a4
```
#ecc6a4 rgb(236,198,164)
```
#f0d0b4
```
#f0d0b4 rgb(240,208,180)
```
#f3dbc5
```
#f3dbc5 rgb(243,219,197)
```
#f6e5d5
```
#f6e5d5 rgb(246,229,213)
```
#faefe5
```
#faefe5 rgb(250,239,229)
```
#fdf9f6
```
#fdf9f6 rgb(253,249,246)
```

Tint Color Variation

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

#75706b
```
#75706b rgb(117,112,107)
```
#7e6f62
```
#7e6f62 rgb(126,111,98)
```
#866f5a
```
#866f5a rgb(134,111,90)
```
#8f6e51
```
#8f6e51 rgb(143,110,81)
```
#986e48
```
#986e48 rgb(152,110,72)
```
#a06d40
```
#a06d40 rgb(160,109,64)
```
#a96d37
```
#a96d37 rgb(169,109,55)
```
#b16c2f
```
#b16c2f rgb(177,108,47)
```
#ba6c26
```
#ba6c26 rgb(186,108,38)
```
#c36c1d
```
#c36c1d rgb(195,108,29)
```
#cb6b15
```
#cb6b15 rgb(203,107,21)
```
#d46b0c
```
#d46b0c rgb(212,107,12)
```
#dc6a04
```
#dc6a04 rgb(220,106,4)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#88786a Atypical Achromatopsia 0.001% of the population

Dichromacy

#948636 Protanopia 1% of men
#a67f2c Deuteranopia 1% of men
#c16c74 Tritanopia 0.001% of the population

Trichromacy

#a27c30 Protanomaly 1% of men, 0.01% of women
#ad782a Deuteranomaly 6% of men, 0.4% of women
#be6c57 Tritanomaly 0.01% of the population

#ba6c26 hex color

#ba6c26 Color Information

#ba6c26 Color Conversion

Color Schemes with #ba6c26

Alternatives to #ba6c26

#ba6c26 Preview

Shades and Tints of #ba6c26

Tones of #ba6c26

Color Blindness Simulator