#ba5a02 hex color

In a RGB color space, hex #ba5a02 is composed of 72.9% red, 35.3% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.6% magenta, 98.9% yellow and 27.1% black. It has a hue angle of 28.7 degrees, a saturation of 97.9% and a lightness of 36.9%. #ba5a02 color hex could be obtained by blending #ffb404 with #750000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 73
- G 35
- B 1
RGB color chart
- C 0
- M 52
- Y 99
- K 27
CMYK color chart

● #ba5a02 color description : Strong orange.

The hexadecimal color #ba5a02 has RGB values of R:186, G:90, B:2 and CMYK values of C:0, M:0.52, Y:0.99, K:0.27. Its decimal value is 12212738.

Hex triplet	ba5a02	`#ba5a02`
RGB Decimal	186, 90, 2	`rgb(186,90,2)`
RGB Percent	72.9, 35.3, 0.8	`rgb(72.9%,35.3%,0.8%)`
CMYK	0, 52, 99, 27
HSL	28.7°, 97.9, 36.9	`hsl(28.7,97.9%,36.9%)`
HSV (or HSB)	28.7°, 98.9, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	49.201, 34.628, 57.732
XYZ	23.918, 17.758, 2.226
xyY	0.545, 0.404, 17.758
CIE-LCH	49.201, 67.321, 59.045
CIE-LUV	49.201, 79.518, 44.677
Hunter-Lab	42.14, 27.566, 26.367
Binary	10111010, 01011010, 00000010

#ba5a02
```
#ba5a02 rgb(186,90,2)
```
#0262ba
```
#0262ba rgb(2,98,186)
```

Complementary Color

#ba0206
```
#ba0206 rgb(186,2,6)
```
#ba5a02
```
#ba5a02 rgb(186,90,2)
```
#bab602
```
#bab602 rgb(186,182,2)
```

Analogous Color

#0206ba
```
#0206ba rgb(2,6,186)
```
#ba5a02
```
#ba5a02 rgb(186,90,2)
```
#02bab6
```
#02bab6 rgb(2,186,182)
```

Split Complementary Color

#5a02ba
```
#5a02ba rgb(90,2,186)
```
#ba5a02
```
#ba5a02 rgb(186,90,2)
```
#02ba5a
```
#02ba5a rgb(2,186,90)
```

Triadic Color

#ba0262
```
#ba0262 rgb(186,2,98)
```
#ba5a02
```
#ba5a02 rgb(186,90,2)
```
#02ba5a
```
#02ba5a rgb(2,186,90)
```
#0262ba
```
#0262ba rgb(2,98,186)
```

Tetradic Color

#6e3501
```
#6e3501 rgb(110,53,1)
```
#884201
```
#884201 rgb(136,66,1)
```
#a14e02
```
#a14e02 rgb(161,78,2)
```
#ba5a02
```
#ba5a02 rgb(186,90,2)
```
#d36602
```
#d36602 rgb(211,102,2)
```
#ec7203
```
#ec7203 rgb(236,114,3)
```
#fc7f0c
```
#fc7f0c rgb(252,127,12)
```

Monochromatic Color

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

#ba2c02
```
#ba2c02 rgb(186,44,2)
```
#ba3b02
```
#ba3b02 rgb(186,59,2)
```
#ba4b02
```
#ba4b02 rgb(186,75,2)
```
#ba5a02
```
#ba5a02 rgb(186,90,2)
```
#ba6902
```
#ba6902 rgb(186,105,2)
```
#ba7902
```
#ba7902 rgb(186,121,2)
```
#ba8802
```
#ba8802 rgb(186,136,2)
```

Similar Colors

Text with hexadecimal color #ba5a02

This text has a font color of #ba5a02.

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

#ba5a02 background color

This paragraph has a background color of #ba5a02.

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

#ba5a02 border color

This element has a border color of #ba5a02.

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

CSS codes

.text {color:#ba5a02;}

.background {background-color:#ba5a02;}

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

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

#0b0500
```
#0b0500 rgb(11,5,0)
```
#1f0f00
```
#1f0f00 rgb(31,15,0)
```
#321801
```
#321801 rgb(50,24,1)
```
#462201
```
#462201 rgb(70,34,1)
```
#592b01
```
#592b01 rgb(89,43,1)
```
#6c3401
```
#6c3401 rgb(108,52,1)
```
#803e01
```
#803e01 rgb(128,62,1)
```
#934702
```
#934702 rgb(147,71,2)
```
#a75102
```
#a75102 rgb(167,81,2)
```
#ba5a02
```
#ba5a02 rgb(186,90,2)
```
#cd6302
```
#cd6302 rgb(205,99,2)
```
#e16d02
```
#e16d02 rgb(225,109,2)
```
#f47603
```
#f47603 rgb(244,118,3)
```

Shade Color Variation

#fc800e
```
#fc800e rgb(252,128,14)
```
#fd8a21
```
#fd8a21 rgb(253,138,33)
```
#fd9435
```
#fd9435 rgb(253,148,53)
```
#fd9f48
```
#fd9f48 rgb(253,159,72)
```
#fda95c
```
#fda95c rgb(253,169,92)
```
#fdb36f
```
#fdb36f rgb(253,179,111)
```
#febd82
```
#febd82 rgb(254,189,130)
```
#fec896
```
#fec896 rgb(254,200,150)
```
#fed2a9
```
#fed2a9 rgb(254,210,169)
```
#fedcbd
```
#fedcbd rgb(254,220,189)
```
#fee6d0
```
#fee6d0 rgb(254,230,208)
```
#fff1e4
```
#fff1e4 rgb(255,241,228)
```
#fffbf7
```
#fffbf7 rgb(255,251,247)
```

Tint Color Variation

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

#635e59
```
#635e59 rgb(99,94,89)
```
#6a5d52
```
#6a5d52 rgb(106,93,82)
```
#725d4a
```
#725d4a rgb(114,93,74)
```
#795d43
```
#795d43 rgb(121,93,67)
```
#805d3c
```
#805d3c rgb(128,93,60)
```
#875c35
```
#875c35 rgb(135,92,53)
```
#8f5c2d
```
#8f5c2d rgb(143,92,45)
```
#965c26
```
#965c26 rgb(150,92,38)
```
#9d5b1f
```
#9d5b1f rgb(157,91,31)
```
#a45b18
```
#a45b18 rgb(164,91,24)
```
#ac5b10
```
#ac5b10 rgb(172,91,16)
```
#b35a09
```
#b35a09 rgb(179,90,9)
```
#ba5a02
```
#ba5a02 rgb(186,90,2)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7c6958 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7c15 Protanopia 1% of men
#9b7600 Deuteranopia 1% of men
#c05c61 Tritanopia 0.001% of the population

Trichromacy

#9c6f0e Protanomaly 1% of men, 0.01% of women
#a66b00 Deuteranomaly 6% of men, 0.4% of women
#be5b3e Tritanomaly 0.01% of the population

#ba5a02 hex color

#ba5a02 Color Information

#ba5a02 Color Conversion

Color Schemes with #ba5a02

Alternatives to #ba5a02

#ba5a02 Preview

Shades and Tints of #ba5a02

Tones of #ba5a02

Color Blindness Simulator