#ba5027 hex color

In a RGB color space, hex #ba5027 is composed of 72.9% red, 31.4% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 79% yellow and 27.1% black. It has a hue angle of 16.7 degrees, a saturation of 65.3% and a lightness of 44.1%. #ba5027 color hex could be obtained by blending #ffa04e with #750000. Closest websafe color is: #cc6633.

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

● #ba5027 color description : Strong orange.

The hexadecimal color #ba5027 has RGB values of R:186, G:80, B:39 and CMYK values of C:0, M:0.57, Y:0.79, K:0.27. Its decimal value is 12210215.

Hex triplet	ba5027	`#ba5027`
RGB Decimal	186, 80, 39	`rgb(186,80,39)`
RGB Percent	72.9, 31.4, 15.3	`rgb(72.9%,31.4%,15.3%)`
CMYK	0, 57, 79, 27
HSL	16.7°, 65.3, 44.1	`hsl(16.7,65.3%,44.1%)`
HSV (or HSB)	16.7°, 79, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.398, 40.486, 43.756
XYZ	23.486, 16.325, 3.834
xyY	0.538, 0.374, 16.325
CIE-LCH	47.398, 59.613, 47.223
CIE-LUV	47.398, 84.927, 34.91
Hunter-Lab	40.405, 33.047, 22.658
Binary	10111010, 01010000, 00100111

#ba5027
```
#ba5027 rgb(186,80,39)
```
#2791ba
```
#2791ba rgb(39,145,186)
```

Complementary Color

#ba2747
```
#ba2747 rgb(186,39,71)
```
#ba5027
```
#ba5027 rgb(186,80,39)
```
#ba9a27
```
#ba9a27 rgb(186,154,39)
```

Analogous Color

#2748ba
```
#2748ba rgb(39,72,186)
```
#ba5027
```
#ba5027 rgb(186,80,39)
```
#27ba9a
```
#27ba9a rgb(39,186,154)
```

Split Complementary Color

#5027ba
```
#5027ba rgb(80,39,186)
```
#ba5027
```
#ba5027 rgb(186,80,39)
```
#27ba50
```
#27ba50 rgb(39,186,80)
```

Triadic Color

#ba2791
```
#ba2791 rgb(186,39,145)
```
#ba5027
```
#ba5027 rgb(186,80,39)
```
#27ba50
```
#27ba50 rgb(39,186,80)
```
#2791ba
```
#2791ba rgb(39,145,186)
```

Tetradic Color

#7b351a
```
#7b351a rgb(123,53,26)
```
#903e1e
```
#903e1e rgb(144,62,30)
```
#a54723
```
#a54723 rgb(165,71,35)
```
#ba5027
```
#ba5027 rgb(186,80,39)
```
#cf592b
```
#cf592b rgb(207,89,43)
```
#d6683e
```
#d6683e rgb(214,104,62)
```
#db7953
```
#db7953 rgb(219,121,83)
```

Monochromatic Color

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

#ba2b27
```
#ba2b27 rgb(186,43,39)
```
#ba3827
```
#ba3827 rgb(186,56,39)
```
#ba4427
```
#ba4427 rgb(186,68,39)
```
#ba5027
```
#ba5027 rgb(186,80,39)
```
#ba5c27
```
#ba5c27 rgb(186,92,39)
```
#ba6927
```
#ba6927 rgb(186,105,39)
```
#ba7527
```
#ba7527 rgb(186,117,39)
```

Similar Colors

Text with hexadecimal color #ba5027

This text has a font color of #ba5027.

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

#ba5027 background color

This paragraph has a background color of #ba5027.

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

#ba5027 border color

This element has a border color of #ba5027.

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

CSS codes

.text {color:#ba5027;}

.background {background-color:#ba5027;}

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

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

#080302
```
#080302 rgb(8,3,2)
```
#180a05
```
#180a05 rgb(24,10,5)
```
#281108
```
#281108 rgb(40,17,8)
```
#38180c
```
#38180c rgb(56,24,12)
```
#481f0f
```
#481f0f rgb(72,31,15)
```
#592613
```
#592613 rgb(89,38,19)
```
#692d16
```
#692d16 rgb(105,45,22)
```
#793419
```
#793419 rgb(121,52,25)
```
#893b1d
```
#893b1d rgb(137,59,29)
```
#9a4220
```
#9a4220 rgb(154,66,32)
```
#aa4924
```
#aa4924 rgb(170,73,36)
```
#ba5027
```
#ba5027 rgb(186,80,39)
```
#ca572a
```
#ca572a rgb(202,87,42)
```

Shade Color Variation

#d46134
```
#d46134 rgb(212,97,52)
```
#d86d44
```
#d86d44 rgb(216,109,68)
```
#db7a54
```
#db7a54 rgb(219,122,84)
```
#df8764
```
#df8764 rgb(223,135,100)
```
#e29375
```
#e29375 rgb(226,147,117)
```
#e5a085
```
#e5a085 rgb(229,160,133)
```
#e9ac95
```
#e9ac95 rgb(233,172,149)
```
#ecb9a5
```
#ecb9a5 rgb(236,185,165)
```
#f0c6b6
```
#f0c6b6 rgb(240,198,182)
```
#f3d2c6
```
#f3d2c6 rgb(243,210,198)
```
#f6dfd6
```
#f6dfd6 rgb(246,223,214)
```
#faece6
```
#faece6 rgb(250,236,230)
```
#fdf8f6
```
#fdf8f6 rgb(253,248,246)
```

Tint Color Variation

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

#756f6c
```
#756f6c rgb(117,111,108)
```
#7d6b64
```
#7d6b64 rgb(125,107,100)
```
#86675b
```
#86675b rgb(134,103,91)
```
#8f6352
```
#8f6352 rgb(143,99,82)
```
#975f4a
```
#975f4a rgb(151,95,74)
```
#a05b41
```
#a05b41 rgb(160,91,65)
```
#a95838
```
#a95838 rgb(169,88,56)
```
#b15430
```
#b15430 rgb(177,84,48)
```
#ba5027
```
#ba5027 rgb(186,80,39)
```
#c34c1e
```
#c34c1e rgb(195,76,30)
```
#cb4816
```
#cb4816 rgb(203,72,22)
```
#d4450d
```
#d4450d rgb(212,69,13)
```
#dd4104
```
#dd4104 rgb(221,65,4)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b665d Atypical Achromatopsia 0.001% of the population

Dichromacy

#84773a Protanopia 1% of men
#947229 Deuteranopia 1% of men
#bf5459 Tritanopia 0.001% of the population

Trichromacy

#976933 Protanomaly 1% of men, 0.01% of women
#a26528 Deuteranomaly 6% of men, 0.4% of women
#bd5247 Tritanomaly 0.01% of the population

#ba5027 hex color

#ba5027 Color Information

#ba5027 Color Conversion

Color Schemes with #ba5027

Alternatives to #ba5027

#ba5027 Preview

Shades and Tints of #ba5027

Tones of #ba5027

Color Blindness Simulator