#ba6226 hex color

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

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

● #ba6226 color description : Strong orange.

The hexadecimal color #ba6226 has RGB values of R:186, G:98, B:38 and CMYK values of C:0, M:0.47, Y:0.8, K:0.27. Its decimal value is 12214822.

Hex triplet	ba6226	`#ba6226`
RGB Decimal	186, 98, 38	`rgb(186,98,38)`
RGB Percent	72.9, 38.4, 14.9	`rgb(72.9%,38.4%,14.9%)`
CMYK	0, 47, 80, 27
HSL	24.3°, 66.1, 43.9	`hsl(24.3,66.1%,43.9%)`
HSV (or HSB)	24.3°, 79.6, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.056, 31.19, 47.785
XYZ	24.968, 19.317, 4.247
xyY	0.514, 0.398, 19.317
CIE-LCH	51.056, 57.063, 56.867
CIE-LUV	51.056, 71.119, 41.528
Hunter-Lab	43.951, 24.491, 25.036
Binary	10111010, 01100010, 00100110

#ba6226
```
#ba6226 rgb(186,98,38)
```
#267eba
```
#267eba rgb(38,126,186)
```

Complementary Color

#ba2634
```
#ba2634 rgb(186,38,52)
```
#ba6226
```
#ba6226 rgb(186,98,38)
```
#baac26
```
#baac26 rgb(186,172,38)
```

Analogous Color

#2634ba
```
#2634ba rgb(38,52,186)
```
#ba6226
```
#ba6226 rgb(186,98,38)
```
#26baac
```
#26baac rgb(38,186,172)
```

Split Complementary Color

#6226ba
```
#6226ba rgb(98,38,186)
```
#ba6226
```
#ba6226 rgb(186,98,38)
```
#26ba62
```
#26ba62 rgb(38,186,98)
```

Triadic Color

#ba267e
```
#ba267e rgb(186,38,126)
```
#ba6226
```
#ba6226 rgb(186,98,38)
```
#26ba62
```
#26ba62 rgb(38,186,98)
```
#267eba
```
#267eba rgb(38,126,186)
```

Tetradic Color

#7a4119
```
#7a4119 rgb(122,65,25)
```
#904c1d
```
#904c1d rgb(144,76,29)
```
#a55722
```
#a55722 rgb(165,87,34)
```
#ba6226
```
#ba6226 rgb(186,98,38)
```
#cf6d2a
```
#cf6d2a rgb(207,109,42)
```
#d77b3c
```
#d77b3c rgb(215,123,60)
```
#db8951
```
#db8951 rgb(219,137,81)
```

Monochromatic Color

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

#ba3d26
```
#ba3d26 rgb(186,61,38)
```
#ba4926
```
#ba4926 rgb(186,73,38)
```
#ba5626
```
#ba5626 rgb(186,86,38)
```
#ba6226
```
#ba6226 rgb(186,98,38)
```
#ba6e26
```
#ba6e26 rgb(186,110,38)
```
#ba7b26
```
#ba7b26 rgb(186,123,38)
```
#ba8726
```
#ba8726 rgb(186,135,38)
```

Similar Colors

Text with hexadecimal color #ba6226

This text has a font color of #ba6226.

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

#ba6226 background color

This paragraph has a background color of #ba6226.

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

#ba6226 border color

This element has a border color of #ba6226.

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

CSS codes

.text {color:#ba6226;}

.background {background-color:#ba6226;}

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

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)
```
#170c05
```
#170c05 rgb(23,12,5)
```
#271508
```
#271508 rgb(39,21,8)
```
#381d0b
```
#381d0b rgb(56,29,11)
```
#48260f
```
#48260f rgb(72,38,15)
```
#582f12
```
#582f12 rgb(88,47,18)
```
#693715
```
#693715 rgb(105,55,21)
```
#794019
```
#794019 rgb(121,64,25)
```
#89481c
```
#89481c rgb(137,72,28)
```
#99511f
```
#99511f rgb(153,81,31)
```
#aa5923
```
#aa5923 rgb(170,89,35)
```
#ba6226
```
#ba6226 rgb(186,98,38)
```
#ca6b29
```
#ca6b29 rgb(202,107,41)
```

Shade Color Variation

#d57432
```
#d57432 rgb(213,116,50)
```
#d87f42
```
#d87f42 rgb(216,127,66)
```
#dc8a53
```
#dc8a53 rgb(220,138,83)
```
#df9563
```
#df9563 rgb(223,149,99)
```
#e2a073
```
#e2a073 rgb(226,160,115)
```
#e6ab84
```
#e6ab84 rgb(230,171,132)
```
#e9b694
```
#e9b694 rgb(233,182,148)
```
#ecc1a4
```
#ecc1a4 rgb(236,193,164)
```
#f0ccb4
```
#f0ccb4 rgb(240,204,180)
```
#f3d7c5
```
#f3d7c5 rgb(243,215,197)
```
#f6e3d5
```
#f6e3d5 rgb(246,227,213)
```
#faeee5
```
#faeee5 rgb(250,238,229)
```
#fdf9f6
```
#fdf9f6 rgb(253,249,246)
```

Tint Color Variation

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

#756f6b
```
#756f6b rgb(117,111,107)
```
#7e6d62
```
#7e6d62 rgb(126,109,98)
```
#866c5a
```
#866c5a rgb(134,108,90)
```
#8f6a51
```
#8f6a51 rgb(143,106,81)
```
#986948
```
#986948 rgb(152,105,72)
```
#a06740
```
#a06740 rgb(160,103,64)
```
#a96537
```
#a96537 rgb(169,101,55)
```
#b1642f
```
#b1642f rgb(177,100,47)
```
#ba6226
```
#ba6226 rgb(186,98,38)
```
#c3601d
```
#c3601d rgb(195,96,29)
```
#cb5f15
```
#cb5f15 rgb(203,95,21)
```
#d45d0c
```
#d45d0c rgb(212,93,12)
```
#dc5b04
```
#dc5b04 rgb(220,91,4)
```

Tone Color Variation

Below, you can see how #ba6226 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
#837165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8037 Protanopia 1% of men
#9f7a2b Deuteranopia 1% of men
#c0646a Tritanopia 0.001% of the population

Trichromacy

#9e7531 Protanomaly 1% of men, 0.01% of women
#a97129 Deuteranomaly 6% of men, 0.4% of women
#be6351 Tritanomaly 0.01% of the population

#ba6226 hex color

#ba6226 Color Information

#ba6226 Color Conversion

Color Schemes with #ba6226

Alternatives to #ba6226

#ba6226 Preview

Shades and Tints of #ba6226

Tones of #ba6226

Color Blindness Simulator