#ba6b0f hex color

In a RGB color space, hex #ba6b0f is composed of 72.9% red, 42% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.5% magenta, 91.9% yellow and 27.1% black. It has a hue angle of 32.3 degrees, a saturation of 85.1% and a lightness of 39.4%. #ba6b0f color hex could be obtained by blending #ffd61e with #750000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 73
- G 42
- B 6
RGB color chart
- C 0
- M 42
- Y 92
- K 27
CMYK color chart

● #ba6b0f color description : Strong orange.

The hexadecimal color #ba6b0f has RGB values of R:186, G:107, B:15 and CMYK values of C:0, M:0.42, Y:0.92, K:0.27. Its decimal value is 12217103.

Hex triplet	ba6b0f	`#ba6b0f`
RGB Decimal	186, 107, 15	`rgb(186,107,15)`
RGB Percent	72.9, 42, 5.9	`rgb(72.9%,42%,5.9%)`
CMYK	0, 42, 92, 27
HSL	32.3°, 85.1, 39.4	`hsl(32.3,85.1%,39.4%)`
HSV (or HSB)	32.3°, 91.9, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	52.94, 25.724, 57.427
XYZ	25.594, 20.991, 3.156
xyY	0.515, 0.422, 20.991
CIE-LCH	52.94, 62.926, 65.87
CIE-LUV	52.94, 65.194, 49.239
Hunter-Lab	45.816, 19.538, 27.987
Binary	10111010, 01101011, 00001111

#ba6b0f
```
#ba6b0f rgb(186,107,15)
```
#0f5eba
```
#0f5eba rgb(15,94,186)
```

Complementary Color

#ba160f
```
#ba160f rgb(186,22,15)
```
#ba6b0f
```
#ba6b0f rgb(186,107,15)
```
#b4ba0f
```
#b4ba0f rgb(180,186,15)
```

Analogous Color

#160fba
```
#160fba rgb(22,15,186)
```
#ba6b0f
```
#ba6b0f rgb(186,107,15)
```
#0fb4ba
```
#0fb4ba rgb(15,180,186)
```

Split Complementary Color

#6b0fba
```
#6b0fba rgb(107,15,186)
```
#ba6b0f
```
#ba6b0f rgb(186,107,15)
```
#0fba6b
```
#0fba6b rgb(15,186,107)
```

Triadic Color

#ba0f5e
```
#ba0f5e rgb(186,15,94)
```
#ba6b0f
```
#ba6b0f rgb(186,107,15)
```
#0fba6b
```
#0fba6b rgb(15,186,107)
```
#0f5eba
```
#0f5eba rgb(15,94,186)
```

Tetradic Color

#734209
```
#734209 rgb(115,66,9)
```
#8b500b
```
#8b500b rgb(139,80,11)
```
#a25d0d
```
#a25d0d rgb(162,93,13)
```
#ba6b0f
```
#ba6b0f rgb(186,107,15)
```
#d27911
```
#d27911 rgb(210,121,17)
```
#e98613
```
#e98613 rgb(233,134,19)
```
#ee9228
```
#ee9228 rgb(238,146,40)
```

Monochromatic Color

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

#ba400f
```
#ba400f rgb(186,64,15)
```
#ba4f0f
```
#ba4f0f rgb(186,79,15)
```
#ba5d0f
```
#ba5d0f rgb(186,93,15)
```
#ba6b0f
```
#ba6b0f rgb(186,107,15)
```
#ba790f
```
#ba790f rgb(186,121,15)
```
#ba880f
```
#ba880f rgb(186,136,15)
```
#ba960f
```
#ba960f rgb(186,150,15)
```

Similar Colors

Text with hexadecimal color #ba6b0f

This text has a font color of #ba6b0f.

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

#ba6b0f background color

This paragraph has a background color of #ba6b0f.

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

#ba6b0f border color

This element has a border color of #ba6b0f.

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

CSS codes

.text {color:#ba6b0f;}

.background {background-color:#ba6b0f;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#170d02
```
#170d02 rgb(23,13,2)
```
#291703
```
#291703 rgb(41,23,3)
```
#3b2205
```
#3b2205 rgb(59,34,5)
```
#4d2c06
```
#4d2c06 rgb(77,44,6)
```
#5f3708
```
#5f3708 rgb(95,55,8)
```
#714109
```
#714109 rgb(113,65,9)
```
#844c0b
```
#844c0b rgb(132,76,11)
```
#96560c
```
#96560c rgb(150,86,12)
```
#a8610e
```
#a8610e rgb(168,97,14)
```
#ba6b0f
```
#ba6b0f rgb(186,107,15)
```
#cc7510
```
#cc7510 rgb(204,117,16)
```
#de8012
```
#de8012 rgb(222,128,18)
```

Shade Color Variation

#ec8a18
```
#ec8a18 rgb(236,138,24)
```
#ee932a
```
#ee932a rgb(238,147,42)
```
#ef9c3c
```
#ef9c3c rgb(239,156,60)
```
#f1a64e
```
#f1a64e rgb(241,166,78)
```
#f2af60
```
#f2af60 rgb(242,175,96)
```
#f4b872
```
#f4b872 rgb(244,184,114)
```
#f5c184
```
#f5c184 rgb(245,193,132)
```
#f7ca97
```
#f7ca97 rgb(247,202,151)
```
#f8d3a9
```
#f8d3a9 rgb(248,211,169)
```
#faddbb
```
#faddbb rgb(250,221,187)
```
#fbe6cd
```
#fbe6cd rgb(251,230,205)
```
#fcefdf
```
#fcefdf rgb(252,239,223)
```
#fef8f1
```
#fef8f1 rgb(254,248,241)
```

Tint Color Variation

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

#656564
```
#656564 rgb(101,101,100)
```
#6d655c
```
#6d655c rgb(109,101,92)
```
#746655
```
#746655 rgb(116,102,85)
```
#7c664d
```
#7c664d rgb(124,102,77)
```
#846745
```
#846745 rgb(132,103,69)
```
#8c673d
```
#8c673d rgb(140,103,61)
```
#936836
```
#936836 rgb(147,104,54)
```
#9b692e
```
#9b692e rgb(155,105,46)
```
#a36926
```
#a36926 rgb(163,105,38)
```
#ab6a1e
```
#ab6a1e rgb(171,106,30)
```
#b26a17
```
#b26a17 rgb(178,106,23)
```
#ba6b0f
```
#ba6b0f rgb(186,107,15)
```
#c26c07
```
#c26c07 rgb(194,108,7)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#857563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948520 Protanopia 1% of men
#a67e0f Deuteranopia 1% of men
#c16b72 Tritanopia 0.001% of the population

Trichromacy

#a27b1a Protanomaly 1% of men, 0.01% of women
#ad770f Deuteranomaly 6% of men, 0.4% of women
#be6b4e Tritanomaly 0.01% of the population

#ba6b0f hex color

#ba6b0f Color Information

#ba6b0f Color Conversion

Color Schemes with #ba6b0f

Alternatives to #ba6b0f

#ba6b0f Preview

Shades and Tints of #ba6b0f

Tones of #ba6b0f

Color Blindness Simulator