#ba642f hex color

In a RGB color space, hex #ba642f is composed of 72.9% red, 39.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.2% magenta, 74.7% yellow and 27.1% black. It has a hue angle of 22.9 degrees, a saturation of 59.7% and a lightness of 45.7%. #ba642f color hex could be obtained by blending #ffc85e with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 39
- B 18
RGB color chart
- C 0
- M 46
- Y 75
- K 27
CMYK color chart

● #ba642f color description : Moderate orange.

The hexadecimal color #ba642f has RGB values of R:186, G:100, B:47 and CMYK values of C:0, M:0.46, Y:0.75, K:0.27. Its decimal value is 12215343.

Hex triplet	ba642f	`#ba642f`
RGB Decimal	186, 100, 47	`rgb(186,100,47)`
RGB Percent	72.9, 39.2, 18.4	`rgb(72.9%,39.2%,18.4%)`
CMYK	0, 46, 75, 27
HSL	22.9°, 59.7, 45.7	`hsl(22.9,59.7%,45.7%)`
HSV (or HSB)	22.9°, 74.7, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.566, 30.492, 44.07
XYZ	25.321, 19.761, 5.17
xyY	0.504, 0.393, 19.761
CIE-LCH	51.566, 53.591, 55.321
CIE-LUV	51.566, 68.702, 39.565
Hunter-Lab	44.453, 23.881, 24.222
Binary	10111010, 01100100, 00101111

#ba642f
```
#ba642f rgb(186,100,47)
```
#2f85ba
```
#2f85ba rgb(47,133,186)
```

Complementary Color

#ba2f40
```
#ba2f40 rgb(186,47,64)
```
#ba642f
```
#ba642f rgb(186,100,47)
```
#baaa2f
```
#baaa2f rgb(186,170,47)
```

Analogous Color

#2f3fba
```
#2f3fba rgb(47,63,186)
```
#ba642f
```
#ba642f rgb(186,100,47)
```
#2fbaaa
```
#2fbaaa rgb(47,186,170)
```

Split Complementary Color

#642fba
```
#642fba rgb(100,47,186)
```
#ba642f
```
#ba642f rgb(186,100,47)
```
#2fba64
```
#2fba64 rgb(47,186,100)
```

Triadic Color

#ba2f85
```
#ba2f85 rgb(186,47,133)
```
#ba642f
```
#ba642f rgb(186,100,47)
```
#2fba64
```
#2fba64 rgb(47,186,100)
```
#2f85ba
```
#2f85ba rgb(47,133,186)
```

Tetradic Color

#7d4320
```
#7d4320 rgb(125,67,32)
```
#914e25
```
#914e25 rgb(145,78,37)
```
#a6592a
```
#a6592a rgb(166,89,42)
```
#ba642f
```
#ba642f rgb(186,100,47)
```
#cc6f36
```
#cc6f36 rgb(204,111,54)
```
#d17e4b
```
#d17e4b rgb(209,126,75)
```
#d78d5f
```
#d78d5f rgb(215,141,95)
```

Monochromatic Color

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

#ba412f
```
#ba412f rgb(186,65,47)
```
#ba4d2f
```
#ba4d2f rgb(186,77,47)
```
#ba582f
```
#ba582f rgb(186,88,47)
```
#ba642f
```
#ba642f rgb(186,100,47)
```
#ba702f
```
#ba702f rgb(186,112,47)
```
#ba7b2f
```
#ba7b2f rgb(186,123,47)
```
#ba872f
```
#ba872f rgb(186,135,47)
```

Similar Colors

Text with hexadecimal color #ba642f

This text has a font color of #ba642f.

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

#ba642f background color

This paragraph has a background color of #ba642f.

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

#ba642f border color

This element has a border color of #ba642f.

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

CSS codes

.text {color:#ba642f;}

.background {background-color:#ba642f;}

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

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

#0e0703
```
#0e0703 rgb(14,7,3)
```
#1d1007
```
#1d1007 rgb(29,16,7)
```
#2d180b
```
#2d180b rgb(45,24,11)
```
#3d210f
```
#3d210f rgb(61,33,15)
```
#4c2913
```
#4c2913 rgb(76,41,19)
```
#5c3117
```
#5c3117 rgb(92,49,23)
```
#6c3a1b
```
#6c3a1b rgb(108,58,27)
```
#7b421f
```
#7b421f rgb(123,66,31)
```
#8b4b23
```
#8b4b23 rgb(139,75,35)
```
#9b5327
```
#9b5327 rgb(155,83,39)
```
#aa5c2b
```
#aa5c2b rgb(170,92,43)
```
#ba642f
```
#ba642f rgb(186,100,47)
```
#ca6c33
```
#ca6c33 rgb(202,108,51)
```

Shade Color Variation

#cf7741
```
#cf7741 rgb(207,119,65)
```
#d38251
```
#d38251 rgb(211,130,81)
```
#d78e61
```
#d78e61 rgb(215,142,97)
```
#db9970
```
#db9970 rgb(219,153,112)
```
#dfa480
```
#dfa480 rgb(223,164,128)
```
#e3af8f
```
#e3af8f rgb(227,175,143)
```
#e7ba9f
```
#e7ba9f rgb(231,186,159)
```
#ebc6af
```
#ebc6af rgb(235,198,175)
```
#efd1be
```
#efd1be rgb(239,209,190)
```
#f3dcce
```
#f3dcce rgb(243,220,206)
```
#f7e7de
```
#f7e7de rgb(247,231,222)
```
#fbf2ed
```
#fbf2ed rgb(251,242,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#7b736e
```
#7b736e rgb(123,115,110)
```
#847165
```
#847165 rgb(132,113,101)
```
#8d6f5c
```
#8d6f5c rgb(141,111,92)
```
#966d53
```
#966d53 rgb(150,109,83)
```
#9f6a4a
```
#9f6a4a rgb(159,106,74)
```
#a86841
```
#a86841 rgb(168,104,65)
```
#b16638
```
#b16638 rgb(177,102,56)
```
#ba642f
```
#ba642f rgb(186,100,47)
```
#c36226
```
#c36226 rgb(195,98,38)
```
#cc601d
```
#cc601d rgb(204,96,29)
```
#d55e14
```
#d55e14 rgb(213,94,20)
```
#de5b0b
```
#de5b0b rgb(222,91,11)
```
#e75902
```
#e75902 rgb(231,89,2)
```

Tone Color Variation

Below, you can see how #ba642f 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
#857469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8140 Protanopia 1% of men
#a07b34 Deuteranopia 1% of men
#c0666c Tritanopia 0.001% of the population

Trichromacy

#9e7739 Protanomaly 1% of men, 0.01% of women
#a97332 Deuteranomaly 6% of men, 0.4% of women
#be6556 Tritanomaly 0.01% of the population

#ba642f hex color

#ba642f Color Information

#ba642f Color Conversion

Color Schemes with #ba642f

Alternatives to #ba642f

#ba642f Preview

Shades and Tints of #ba642f

Tones of #ba642f

Color Blindness Simulator