#ba6204 hex color

In a RGB color space, hex #ba6204 is composed of 72.9% red, 38.4% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.3% magenta, 97.8% yellow and 27.1% black. It has a hue angle of 31 degrees, a saturation of 95.8% and a lightness of 37.3%. #ba6204 color hex could be obtained by blending #ffc408 with #750000. Closest websafe color is: #cc6600.

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

● #ba6204 color description : Strong orange.

The hexadecimal color #ba6204 has RGB values of R:186, G:98, B:4 and CMYK values of C:0, M:0.47, Y:0.98, K:0.27. Its decimal value is 12214788.

Hex triplet	ba6204	`#ba6204`
RGB Decimal	186, 98, 4	`rgb(186,98,4)`
RGB Percent	72.9, 38.4, 1.6	`rgb(72.9%,38.4%,1.6%)`
CMYK	0, 47, 98, 27
HSL	31°, 95.8, 37.3	`hsl(31,95.8%,37.3%)`
HSV (or HSB)	31°, 97.8, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	50.903, 30.438, 58.351
XYZ	24.64, 19.185, 2.52
xyY	0.532, 0.414, 19.185
CIE-LCH	50.903, 65.813, 62.452
CIE-LUV	50.903, 72.91, 47.171
Hunter-Lab	43.801, 23.762, 27.249
Binary	10111010, 01100010, 00000100

#ba6204
```
#ba6204 rgb(186,98,4)
```
#045cba
```
#045cba rgb(4,92,186)
```

Complementary Color

#ba0704
```
#ba0704 rgb(186,7,4)
```
#ba6204
```
#ba6204 rgb(186,98,4)
```
#b7ba04
```
#b7ba04 rgb(183,186,4)
```

Analogous Color

#0704ba
```
#0704ba rgb(7,4,186)
```
#ba6204
```
#ba6204 rgb(186,98,4)
```
#04b7ba
```
#04b7ba rgb(4,183,186)
```

Split Complementary Color

#6204ba
```
#6204ba rgb(98,4,186)
```
#ba6204
```
#ba6204 rgb(186,98,4)
```
#04ba62
```
#04ba62 rgb(4,186,98)
```

Triadic Color

#ba045c
```
#ba045c rgb(186,4,92)
```
#ba6204
```
#ba6204 rgb(186,98,4)
```
#04ba62
```
#04ba62 rgb(4,186,98)
```
#045cba
```
#045cba rgb(4,92,186)
```

Tetradic Color

#6f3b02
```
#6f3b02 rgb(111,59,2)
```
#884803
```
#884803 rgb(136,72,3)
```
#a15503
```
#a15503 rgb(161,85,3)
```
#ba6204
```
#ba6204 rgb(186,98,4)
```
#d36f05
```
#d36f05 rgb(211,111,5)
```
#ec7c05
```
#ec7c05 rgb(236,124,5)
```
#fa8911
```
#fa8911 rgb(250,137,17)
```

Monochromatic Color

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

#ba3404
```
#ba3404 rgb(186,52,4)
```
#ba4404
```
#ba4404 rgb(186,68,4)
```
#ba5304
```
#ba5304 rgb(186,83,4)
```
#ba6204
```
#ba6204 rgb(186,98,4)
```
#ba7104
```
#ba7104 rgb(186,113,4)
```
#ba8004
```
#ba8004 rgb(186,128,4)
```
#ba9004
```
#ba9004 rgb(186,144,4)
```

Similar Colors

Text with hexadecimal color #ba6204

This text has a font color of #ba6204.

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

#ba6204 background color

This paragraph has a background color of #ba6204.

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

#ba6204 border color

This element has a border color of #ba6204.

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

CSS codes

.text {color:#ba6204;}

.background {background-color:#ba6204;}

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

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

#0d0700
```
#0d0700 rgb(13,7,0)
```
#201101
```
#201101 rgb(32,17,1)
```
#341b01
```
#341b01 rgb(52,27,1)
```
#472502
```
#472502 rgb(71,37,2)
```
#5a2f02
```
#5a2f02 rgb(90,47,2)
```
#6d3a02
```
#6d3a02 rgb(109,58,2)
```
#804403
```
#804403 rgb(128,68,3)
```
#944e03
```
#944e03 rgb(148,78,3)
```
#a75804
```
#a75804 rgb(167,88,4)
```
#ba6204
```
#ba6204 rgb(186,98,4)
```
#cd6c04
```
#cd6c04 rgb(205,108,4)
```
#e07605
```
#e07605 rgb(224,118,5)
```
#f48005
```
#f48005 rgb(244,128,5)
```

Shade Color Variation

#fa8a13
```
#fa8a13 rgb(250,138,19)
```
#fa9426
```
#fa9426 rgb(250,148,38)
```
#fb9d39
```
#fb9d39 rgb(251,157,57)
```
#fba74c
```
#fba74c rgb(251,167,76)
```
#fcb05f
```
#fcb05f rgb(252,176,95)
```
#fcba73
```
#fcba73 rgb(252,186,115)
```
#fcc386
```
#fcc386 rgb(252,195,134)
```
#fdcd99
```
#fdcd99 rgb(253,205,153)
```
#fdd6ac
```
#fdd6ac rgb(253,214,172)
```
#fee0bf
```
#fee0bf rgb(254,224,191)
```
#fee9d3
```
#fee9d3 rgb(254,233,211)
```
#fef3e6
```
#fef3e6 rgb(254,243,230)
```
#fffcf9
```
#fffcf9 rgb(255,252,249)
```

Tint Color Variation

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

#625f5c
```
#625f5c rgb(98,95,92)
```
#6a5f54
```
#6a5f54 rgb(106,95,84)
```
#71604d
```
#71604d rgb(113,96,77)
```
#786046
```
#786046 rgb(120,96,70)
```
#80603e
```
#80603e rgb(128,96,62)
```
#876037
```
#876037 rgb(135,96,55)
```
#8e6130
```
#8e6130 rgb(142,97,48)
```
#956129
```
#956129 rgb(149,97,41)
```
#9d6121
```
#9d6121 rgb(157,97,33)
```
#a4611a
```
#a4611a rgb(164,97,26)
```
#ab6213
```
#ab6213 rgb(171,98,19)
```
#b3620b
```
#b3620b rgb(179,98,11)
```
#ba6204
```
#ba6204 rgb(186,98,4)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#806f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8017 Protanopia 1% of men
#a07a00 Deuteranopia 1% of men
#c06369 Tritanopia 0.001% of the population

Trichromacy

#9f7510 Protanomaly 1% of men, 0.01% of women
#a97101 Deuteranomaly 6% of men, 0.4% of women
#be6244 Tritanomaly 0.01% of the population

#ba6204 hex color

#ba6204 Color Information

#ba6204 Color Conversion

Color Schemes with #ba6204

Alternatives to #ba6204

#ba6204 Preview

Shades and Tints of #ba6204

Tones of #ba6204

Color Blindness Simulator