#ba7426 hex color

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

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

● #ba7426 color description : Strong orange.

The hexadecimal color #ba7426 has RGB values of R:186, G:116, B:38 and CMYK values of C:0, M:0.38, Y:0.8, K:0.27. Its decimal value is 12219430.

Hex triplet	ba7426	`#ba7426`
RGB Decimal	186, 116, 38	`rgb(186,116,38)`
RGB Percent	72.9, 45.5, 14.9	`rgb(72.9%,45.5%,14.9%)`
CMYK	0, 38, 80, 27
HSL	31.6°, 66.1, 43.9	`hsl(31.6,66.1%,43.9%)`
HSV (or HSB)	31.6°, 79.6, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.146, 21.392, 51.657
XYZ	26.846, 23.072, 4.873
xyY	0.49, 0.421, 23.072
CIE-LCH	55.146, 55.911, 67.505
CIE-LUV	55.146, 56.812, 48.367
Hunter-Lab	48.033, 15.706, 27.608
Binary	10111010, 01110100, 00100110

#ba7426
```
#ba7426 rgb(186,116,38)
```
#266cba
```
#266cba rgb(38,108,186)
```

Complementary Color

#ba2a26
```
#ba2a26 rgb(186,42,38)
```
#ba7426
```
#ba7426 rgb(186,116,38)
```
#b6ba26
```
#b6ba26 rgb(182,186,38)
```

Analogous Color

#2a26ba
```
#2a26ba rgb(42,38,186)
```
#ba7426
```
#ba7426 rgb(186,116,38)
```
#26b6ba
```
#26b6ba rgb(38,182,186)
```

Split Complementary Color

#7426ba
```
#7426ba rgb(116,38,186)
```
#ba7426
```
#ba7426 rgb(186,116,38)
```
#26ba74
```
#26ba74 rgb(38,186,116)
```

Triadic Color

#ba266c
```
#ba266c rgb(186,38,108)
```
#ba7426
```
#ba7426 rgb(186,116,38)
```
#26ba74
```
#26ba74 rgb(38,186,116)
```
#266cba
```
#266cba rgb(38,108,186)
```

Tetradic Color

#7a4c19
```
#7a4c19 rgb(122,76,25)
```
#905a1d
```
#905a1d rgb(144,90,29)
```
#a56722
```
#a56722 rgb(165,103,34)
```
#ba7426
```
#ba7426 rgb(186,116,38)
```
#cf812a
```
#cf812a rgb(207,129,42)
```
#d78e3c
```
#d78e3c rgb(215,142,60)
```
#db9a51
```
#db9a51 rgb(219,154,81)
```

Monochromatic Color

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

#ba4f26
```
#ba4f26 rgb(186,79,38)
```
#ba5b26
```
#ba5b26 rgb(186,91,38)
```
#ba6826
```
#ba6826 rgb(186,104,38)
```
#ba7426
```
#ba7426 rgb(186,116,38)
```
#ba8026
```
#ba8026 rgb(186,128,38)
```
#ba8d26
```
#ba8d26 rgb(186,141,38)
```
#ba9926
```
#ba9926 rgb(186,153,38)
```

Similar Colors

Text with hexadecimal color #ba7426

This text has a font color of #ba7426.

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

#ba7426 background color

This paragraph has a background color of #ba7426.

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

#ba7426 border color

This element has a border color of #ba7426.

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

CSS codes

.text {color:#ba7426;}

.background {background-color:#ba7426;}

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

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 #fdfaf6 is the lightest one.

#070401
```
#070401 rgb(7,4,1)
```
#170e05
```
#170e05 rgb(23,14,5)
```
#271908
```
#271908 rgb(39,25,8)
```
#38230b
```
#38230b rgb(56,35,11)
```
#482d0f
```
#482d0f rgb(72,45,15)
```
#583712
```
#583712 rgb(88,55,18)
```
#694115
```
#694115 rgb(105,65,21)
```
#794b19
```
#794b19 rgb(121,75,25)
```
#89561c
```
#89561c rgb(137,86,28)
```
#99601f
```
#99601f rgb(153,96,31)
```
#aa6a23
```
#aa6a23 rgb(170,106,35)
```
#ba7426
```
#ba7426 rgb(186,116,38)
```
#ca7e29
```
#ca7e29 rgb(202,126,41)
```

Shade Color Variation

#d58832
```
#d58832 rgb(213,136,50)
```
#d89142
```
#d89142 rgb(216,145,66)
```
#dc9b53
```
#dc9b53 rgb(220,155,83)
```
#dfa463
```
#dfa463 rgb(223,164,99)
```
#e2ae73
```
#e2ae73 rgb(226,174,115)
```
#e6b784
```
#e6b784 rgb(230,183,132)
```
#e9c194
```
#e9c194 rgb(233,193,148)
```
#eccaa4
```
#eccaa4 rgb(236,202,164)
```
#f0d4b4
```
#f0d4b4 rgb(240,212,180)
```
#f3ddc5
```
#f3ddc5 rgb(243,221,197)
```
#f6e7d5
```
#f6e7d5 rgb(246,231,213)
```
#faf0e5
```
#faf0e5 rgb(250,240,229)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,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 #dc7604 is the most saturated one.

#75706b
```
#75706b rgb(117,112,107)
```
#7e7162
```
#7e7162 rgb(126,113,98)
```
#86715a
```
#86715a rgb(134,113,90)
```
#8f7251
```
#8f7251 rgb(143,114,81)
```
#987248
```
#987248 rgb(152,114,72)
```
#a07340
```
#a07340 rgb(160,115,64)
```
#a97337
```
#a97337 rgb(169,115,55)
```
#b1742f
```
#b1742f rgb(177,116,47)
```
#ba7426
```
#ba7426 rgb(186,116,38)
```
#c3741d
```
#c3741d rgb(195,116,29)
```
#cb7515
```
#cb7515 rgb(203,117,21)
```
#d4750c
```
#d4750c rgb(212,117,12)
```
#dc7604
```
#dc7604 rgb(220,118,4)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8c7e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a35 Protanopia 1% of men
#ab832d Deuteranopia 1% of men
#c1737b Tritanopia 0.001% of the population

Trichromacy

#a5822f Protanomaly 1% of men, 0.01% of women
#b17e2a Deuteranomaly 6% of men, 0.4% of women
#bf735c Tritanomaly 0.01% of the population

#ba7426 hex color

#ba7426 Color Information

#ba7426 Color Conversion

Color Schemes with #ba7426

Alternatives to #ba7426

#ba7426 Preview

Shades and Tints of #ba7426

Tones of #ba7426

Color Blindness Simulator