#ba6600 hex color

In a RGB color space, hex #ba6600 is composed of 72.9% red, 40% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.2% magenta, 100% yellow and 27.1% black. It has a hue angle of 32.9 degrees, a saturation of 100% and a lightness of 36.5%. #ba6600 color hex could be obtained by blending #ffcc00 with #750000. Closest websafe color is: #cc6600.

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

● #ba6600 color description : Strong orange.

The hexadecimal color #ba6600 has RGB values of R:186, G:102, B:0 and CMYK values of C:0, M:0.45, Y:1, K:0.27. Its decimal value is 12215808.

Hex triplet	ba6600	`#ba6600`
RGB Decimal	186, 102, 0	`rgb(186,102,0)`
RGB Percent	72.9, 40, 0	`rgb(72.9%,40%,0%)`
CMYK	0, 45, 100, 27
HSL	32.9°, 100, 36.5	`hsl(32.9,100%,36.5%)`
HSV (or HSB)	32.9°, 100, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.774, 28.239, 59.758
XYZ	25.002, 19.944, 2.533
xyY	0.527, 0.42, 19.944
CIE-LCH	51.774, 66.094, 64.707
CIE-LUV	51.774, 69.733, 48.934
Hunter-Lab	44.659, 21.78, 27.898
Binary	10111010, 01100110, 00000000

#ba6600
```
#ba6600 rgb(186,102,0)
```
#0054ba
```
#0054ba rgb(0,84,186)
```

Complementary Color

#ba0900
```
#ba0900 rgb(186,9,0)
```
#ba6600
```
#ba6600 rgb(186,102,0)
```
#b1ba00
```
#b1ba00 rgb(177,186,0)
```

Analogous Color

#0900ba
```
#0900ba rgb(9,0,186)
```
#ba6600
```
#ba6600 rgb(186,102,0)
```
#00b1ba
```
#00b1ba rgb(0,177,186)
```

Split Complementary Color

#6600ba
```
#6600ba rgb(102,0,186)
```
#ba6600
```
#ba6600 rgb(186,102,0)
```
#00ba66
```
#00ba66 rgb(0,186,102)
```

Triadic Color

#ba0054
```
#ba0054 rgb(186,0,84)
```
#ba6600
```
#ba6600 rgb(186,102,0)
```
#00ba66
```
#00ba66 rgb(0,186,102)
```
#0054ba
```
#0054ba rgb(0,84,186)
```

Tetradic Color

#6e3c00
```
#6e3c00 rgb(110,60,0)
```
#874a00
```
#874a00 rgb(135,74,0)
```
#a15800
```
#a15800 rgb(161,88,0)
```
#ba6600
```
#ba6600 rgb(186,102,0)
```
#d47400
```
#d47400 rgb(212,116,0)
```
#ed8200
```
#ed8200 rgb(237,130,0)
```
#ff8f07
```
#ff8f07 rgb(255,143,7)
```

Monochromatic Color

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

#ba3800
```
#ba3800 rgb(186,56,0)
```
#ba4700
```
#ba4700 rgb(186,71,0)
```
#ba5700
```
#ba5700 rgb(186,87,0)
```
#ba6600
```
#ba6600 rgb(186,102,0)
```
#ba7600
```
#ba7600 rgb(186,118,0)
```
#ba8500
```
#ba8500 rgb(186,133,0)
```
#ba9500
```
#ba9500 rgb(186,149,0)
```

Similar Colors

Text with hexadecimal color #ba6600

This text has a font color of #ba6600.

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

#ba6600 background color

This paragraph has a background color of #ba6600.

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

#ba6600 border color

This element has a border color of #ba6600.

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

CSS codes

.text {color:#ba6600;}

.background {background-color:#ba6600;}

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

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

#090500
```
#090500 rgb(9,5,0)
```
#1d1000
```
#1d1000 rgb(29,16,0)
```
#311b00
```
#311b00 rgb(49,27,0)
```
#442500
```
#442500 rgb(68,37,0)
```
#583000
```
#583000 rgb(88,48,0)
```
#6c3b00
```
#6c3b00 rgb(108,59,0)
```
#7f4600
```
#7f4600 rgb(127,70,0)
```
#935000
```
#935000 rgb(147,80,0)
```
#a65b00
```
#a65b00 rgb(166,91,0)
```
#ba6600
```
#ba6600 rgb(186,102,0)
```
#ce7100
```
#ce7100 rgb(206,113,0)
```
#e17c00
```
#e17c00 rgb(225,124,0)
```
#f58600
```
#f58600 rgb(245,134,0)
```

Shade Color Variation

#ff9009
```
#ff9009 rgb(255,144,9)
```
#ff991d
```
#ff991d rgb(255,153,29)
```
#ffa231
```
#ffa231 rgb(255,162,49)
```
#ffab44
```
#ffab44 rgb(255,171,68)
```
#ffb458
```
#ffb458 rgb(255,180,88)
```
#ffbc6c
```
#ffbc6c rgb(255,188,108)
```
#ffc57f
```
#ffc57f rgb(255,197,127)
```
#ffce93
```
#ffce93 rgb(255,206,147)
```
#ffd7a6
```
#ffd7a6 rgb(255,215,166)
```
#ffe0ba
```
#ffe0ba rgb(255,224,186)
```
#ffe9ce
```
#ffe9ce rgb(255,233,206)
```
#fff2e1
```
#fff2e1 rgb(255,242,225)
```
#fffaf5
```
#fffaf5 rgb(255,250,245)
```

Tint Color Variation

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

#645e56
```
#645e56 rgb(100,94,86)
```
#6b5e4f
```
#6b5e4f rgb(107,94,79)
```
#725f48
```
#725f48 rgb(114,95,72)
```
#7a6040
```
#7a6040 rgb(122,96,64)
```
#816039
```
#816039 rgb(129,96,57)
```
#886132
```
#886132 rgb(136,97,50)
```
#8f622b
```
#8f622b rgb(143,98,43)
```
#966324
```
#966324 rgb(150,99,36)
```
#9d631d
```
#9d631d rgb(157,99,29)
```
#a56415
```
#a56415 rgb(165,100,21)
```
#ac650e
```
#ac650e rgb(172,101,14)
```
#b36507
```
#b36507 rgb(179,101,7)
```
#ba6600
```
#ba6600 rgb(186,102,0)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#81705c Atypical Achromatopsia 0.001% of the population

Dichromacy

#928211 Protanopia 1% of men
#a27c00 Deuteranopia 1% of men
#c1666d Tritanopia 0.001% of the population

Trichromacy

#a0780b Protanomaly 1% of men, 0.01% of women
#ab7400 Deuteranomaly 6% of men, 0.4% of women
#be6645 Tritanomaly 0.01% of the population

#ba6600 hex color

#ba6600 Color Information

#ba6600 Color Conversion

Color Schemes with #ba6600

Alternatives to #ba6600

#ba6600 Preview

Shades and Tints of #ba6600

Tones of #ba6600

Color Blindness Simulator