#ba6606 hex color

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

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

● #ba6606 color description : Strong orange.

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

Hex triplet	ba6606	`#ba6606`
RGB Decimal	186, 102, 6	`rgb(186,102,6)`
RGB Percent	72.9, 40, 2.4	`rgb(72.9%,40%,2.4%)`
CMYK	0, 45, 97, 27
HSL	32°, 93.8, 37.6	`hsl(32,93.8%,37.6%)`
HSV (or HSB)	32°, 96.8, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.789, 28.315, 58.512
XYZ	25.035, 19.957, 2.706
xyY	0.525, 0.418, 19.957
CIE-LCH	51.789, 65.003, 64.177
CIE-LUV	51.789, 69.562, 48.367
Hunter-Lab	44.673, 21.852, 27.68
Binary	10111010, 01100110, 00000110

#ba6606
```
#ba6606 rgb(186,102,6)
```
#065aba
```
#065aba rgb(6,90,186)
```

Complementary Color

#ba0c06
```
#ba0c06 rgb(186,12,6)
```
#ba6606
```
#ba6606 rgb(186,102,6)
```
#b4ba06
```
#b4ba06 rgb(180,186,6)
```

Analogous Color

#0c06ba
```
#0c06ba rgb(12,6,186)
```
#ba6606
```
#ba6606 rgb(186,102,6)
```
#06b4ba
```
#06b4ba rgb(6,180,186)
```

Split Complementary Color

#6606ba
```
#6606ba rgb(102,6,186)
```
#ba6606
```
#ba6606 rgb(186,102,6)
```
#06ba66
```
#06ba66 rgb(6,186,102)
```

Triadic Color

#ba065a
```
#ba065a rgb(186,6,90)
```
#ba6606
```
#ba6606 rgb(186,102,6)
```
#06ba66
```
#06ba66 rgb(6,186,102)
```
#065aba
```
#065aba rgb(6,90,186)
```

Tetradic Color

#703d04
```
#703d04 rgb(112,61,4)
```
#894b04
```
#894b04 rgb(137,75,4)
```
#a15805
```
#a15805 rgb(161,88,5)
```
#ba6606
```
#ba6606 rgb(186,102,6)
```
#d37407
```
#d37407 rgb(211,116,7)
```
#eb8108
```
#eb8108 rgb(235,129,8)
```
#f78e15
```
#f78e15 rgb(247,142,21)
```

Monochromatic Color

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

#ba3906
```
#ba3906 rgb(186,57,6)
```
#ba4806
```
#ba4806 rgb(186,72,6)
```
#ba5706
```
#ba5706 rgb(186,87,6)
```
#ba6606
```
#ba6606 rgb(186,102,6)
```
#ba7506
```
#ba7506 rgb(186,117,6)
```
#ba8406
```
#ba8406 rgb(186,132,6)
```
#ba9306
```
#ba9306 rgb(186,147,6)
```

Similar Colors

Text with hexadecimal color #ba6606

This text has a font color of #ba6606.

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

#ba6606 background color

This paragraph has a background color of #ba6606.

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

#ba6606 border color

This element has a border color of #ba6606.

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

CSS codes

.text {color:#ba6606;}

.background {background-color:#ba6606;}

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

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

#0f0800
```
#0f0800 rgb(15,8,0)
```
#221301
```
#221301 rgb(34,19,1)
```
#351d02
```
#351d02 rgb(53,29,2)
```
#482702
```
#482702 rgb(72,39,2)
```
#5b3203
```
#5b3203 rgb(91,50,3)
```
#6e3c04
```
#6e3c04 rgb(110,60,4)
```
#814704
```
#814704 rgb(129,71,4)
```
#945105
```
#945105 rgb(148,81,5)
```
#a75c05
```
#a75c05 rgb(167,92,5)
```
#ba6606
```
#ba6606 rgb(186,102,6)
```
#cd7007
```
#cd7007 rgb(205,112,7)
```
#e07b07
```
#e07b07 rgb(224,123,7)
```
#f38508
```
#f38508 rgb(243,133,8)
```

Shade Color Variation

#f88f17
```
#f88f17 rgb(248,143,23)
```
#f8982a
```
#f8982a rgb(248,152,42)
```
#f9a13d
```
#f9a13d rgb(249,161,61)
```
#f9aa50
```
#f9aa50 rgb(249,170,80)
```
#fab363
```
#fab363 rgb(250,179,99)
```
#fbbd76
```
#fbbd76 rgb(251,189,118)
```
#fbc689
```
#fbc689 rgb(251,198,137)
```
#fccf9c
```
#fccf9c rgb(252,207,156)
```
#fcd8af
```
#fcd8af rgb(252,216,175)
```
#fde1c2
```
#fde1c2 rgb(253,225,194)
```
#feebd5
```
#feebd5 rgb(254,235,213)
```
#fef4e8
```
#fef4e8 rgb(254,244,232)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#61605f
```
#61605f rgb(97,96,95)
```
#696157
```
#696157 rgb(105,97,87)
```
#706150
```
#706150 rgb(112,97,80)
```
#786248
```
#786248 rgb(120,98,72)
```
#7f6241
```
#7f6241 rgb(127,98,65)
```
#86633a
```
#86633a rgb(134,99,58)
```
#8e6332
```
#8e6332 rgb(142,99,50)
```
#95642b
```
#95642b rgb(149,100,43)
```
#9c6424
```
#9c6424 rgb(156,100,36)
```
#a4651c
```
#a4651c rgb(164,101,28)
```
#ab6515
```
#ab6515 rgb(171,101,21)
```
#b3660d
```
#b3660d rgb(179,102,13)
```
#ba6606
```
#ba6606 rgb(186,102,6)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#82715e Atypical Achromatopsia 0.001% of the population

Dichromacy

#928219 Protanopia 1% of men
#a37c00 Deuteranopia 1% of men
#c1666d Tritanopia 0.001% of the population

Trichromacy

#a07812 Protanomaly 1% of men, 0.01% of women
#ab7402 Deuteranomaly 6% of men, 0.4% of women
#be6647 Tritanomaly 0.01% of the population

#ba6606 hex color

#ba6606 Color Information

#ba6606 Color Conversion

Color Schemes with #ba6606

Alternatives to #ba6606

#ba6606 Preview

Shades and Tints of #ba6606

Tones of #ba6606

Color Blindness Simulator