#ba700f hex color

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

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

● #ba700f color description : Strong orange.

The hexadecimal color #ba700f has RGB values of R:186, G:112, B:15 and CMYK values of C:0, M:0.4, Y:0.92, K:0.27. Its decimal value is 12218383.

Hex triplet	ba700f	`#ba700f`
RGB Decimal	186, 112, 15	`rgb(186,112,15)`
RGB Percent	72.9, 43.9, 5.9	`rgb(72.9%,43.9%,5.9%)`
CMYK	0, 40, 92, 27
HSL	34°, 85.1, 39.4	`hsl(34,85.1%,39.4%)`
HSV (or HSB)	34°, 91.9, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.095, 22.986, 58.28
XYZ	26.131, 22.064, 3.335
xyY	0.507, 0.428, 22.064
CIE-LCH	54.095, 62.649, 68.475
CIE-LUV	54.095, 61.106, 51.057
Hunter-Lab	46.972, 17.099, 28.672
Binary	10111010, 01110000, 00001111

#ba700f
```
#ba700f rgb(186,112,15)
```
#0f59ba
```
#0f59ba rgb(15,89,186)
```

Complementary Color

#ba1a0f
```
#ba1a0f rgb(186,26,15)
```
#ba700f
```
#ba700f rgb(186,112,15)
```
#afba0f
```
#afba0f rgb(175,186,15)
```

Analogous Color

#1a0fba
```
#1a0fba rgb(26,15,186)
```
#ba700f
```
#ba700f rgb(186,112,15)
```
#0fafba
```
#0fafba rgb(15,175,186)
```

Split Complementary Color

#700fba
```
#700fba rgb(112,15,186)
```
#ba700f
```
#ba700f rgb(186,112,15)
```
#0fba70
```
#0fba70 rgb(15,186,112)
```

Triadic Color

#ba0f59
```
#ba0f59 rgb(186,15,89)
```
#ba700f
```
#ba700f rgb(186,112,15)
```
#0fba70
```
#0fba70 rgb(15,186,112)
```
#0f59ba
```
#0f59ba rgb(15,89,186)
```

Tetradic Color

#734509
```
#734509 rgb(115,69,9)
```
#8b540b
```
#8b540b rgb(139,84,11)
```
#a2620d
```
#a2620d rgb(162,98,13)
```
#ba700f
```
#ba700f rgb(186,112,15)
```
#d27e11
```
#d27e11 rgb(210,126,17)
```
#e98c13
```
#e98c13 rgb(233,140,19)
```
#ee9828
```
#ee9828 rgb(238,152,40)
```

Monochromatic Color

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

#ba450f
```
#ba450f rgb(186,69,15)
```
#ba530f
```
#ba530f rgb(186,83,15)
```
#ba620f
```
#ba620f rgb(186,98,15)
```
#ba700f
```
#ba700f rgb(186,112,15)
```
#ba7e0f
```
#ba7e0f rgb(186,126,15)
```
#ba8d0f
```
#ba8d0f rgb(186,141,15)
```
#ba9b0f
```
#ba9b0f rgb(186,155,15)
```

Similar Colors

Text with hexadecimal color #ba700f

This text has a font color of #ba700f.

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

#ba700f background color

This paragraph has a background color of #ba700f.

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

#ba700f border color

This element has a border color of #ba700f.

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

CSS codes

.text {color:#ba700f;}

.background {background-color:#ba700f;}

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

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)
```
#170e02
```
#170e02 rgb(23,14,2)
```
#291903
```
#291903 rgb(41,25,3)
```
#3b2305
```
#3b2305 rgb(59,35,5)
```
#4d2e06
```
#4d2e06 rgb(77,46,6)
```
#5f3908
```
#5f3908 rgb(95,57,8)
```
#714409
```
#714409 rgb(113,68,9)
```
#844f0b
```
#844f0b rgb(132,79,11)
```
#965a0c
```
#965a0c rgb(150,90,12)
```
#a8650e
```
#a8650e rgb(168,101,14)
```
#ba700f
```
#ba700f rgb(186,112,15)
```
#cc7b10
```
#cc7b10 rgb(204,123,16)
```
#de8612
```
#de8612 rgb(222,134,18)
```

Shade Color Variation

#ec9018
```
#ec9018 rgb(236,144,24)
```
#ee992a
```
#ee992a rgb(238,153,42)
```
#efa23c
```
#efa23c rgb(239,162,60)
```
#f1aa4e
```
#f1aa4e rgb(241,170,78)
```
#f2b360
```
#f2b360 rgb(242,179,96)
```
#f4bc72
```
#f4bc72 rgb(244,188,114)
```
#f5c484
```
#f5c484 rgb(245,196,132)
```
#f7cd97
```
#f7cd97 rgb(247,205,151)
```
#f8d6a9
```
#f8d6a9 rgb(248,214,169)
```
#fadebb
```
#fadebb rgb(250,222,187)
```
#fbe7cd
```
#fbe7cd rgb(251,231,205)
```
#fcf0df
```
#fcf0df rgb(252,240,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 #c27107 is the most saturated one.

#656564
```
#656564 rgb(101,101,100)
```
#6d665c
```
#6d665c rgb(109,102,92)
```
#746755
```
#746755 rgb(116,103,85)
```
#7c684d
```
#7c684d rgb(124,104,77)
```
#846945
```
#846945 rgb(132,105,69)
```
#8c6a3d
```
#8c6a3d rgb(140,106,61)
```
#936b36
```
#936b36 rgb(147,107,54)
```
#9b6c2e
```
#9b6c2e rgb(155,108,46)
```
#a36d26
```
#a36d26 rgb(163,109,38)
```
#ab6e1e
```
#ab6e1e rgb(171,110,30)
```
#b26f17
```
#b26f17 rgb(178,111,23)
```
#ba700f
```
#ba700f rgb(186,112,15)
```
#c27107
```
#c27107 rgb(194,113,7)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#887965 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988820 Protanopia 1% of men
#a98111 Deuteranopia 1% of men
#c16f77 Tritanopia 0.001% of the population

Trichromacy

#a47f19 Protanomaly 1% of men, 0.01% of women
#af7b10 Deuteranomaly 6% of men, 0.4% of women
#bf6f51 Tritanomaly 0.01% of the population

#ba700f hex color

#ba700f Color Information

#ba700f Color Conversion

Color Schemes with #ba700f

Alternatives to #ba700f

#ba700f Preview

Shades and Tints of #ba700f

Tones of #ba700f

Color Blindness Simulator