#ba5309 hex color

In a RGB color space, hex #ba5309 is composed of 72.9% red, 32.5% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 95.2% yellow and 27.1% black. It has a hue angle of 25.1 degrees, a saturation of 90.8% and a lightness of 38.2%. #ba5309 color hex could be obtained by blending #ffa612 with #750000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 73
- G 33
- B 4
RGB color chart
- C 0
- M 55
- Y 95
- K 27
CMYK color chart

● #ba5309 color description : Strong orange.

The hexadecimal color #ba5309 has RGB values of R:186, G:83, B:9 and CMYK values of C:0, M:0.55, Y:0.95, K:0.27. Its decimal value is 12210953.

Hex triplet	ba5309	`#ba5309`
RGB Decimal	186, 83, 9	`rgb(186,83,9)`
RGB Percent	72.9, 32.5, 3.5	`rgb(72.9%,32.5%,3.5%)`
CMYK	0, 55, 95, 27
HSL	25.1°, 90.8, 38.2	`hsl(25.1,90.8%,38.2%)`
HSV (or HSB)	25.1°, 95.2, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	47.813, 38.287, 55.222
XYZ	23.393, 16.648, 2.24
xyY	0.553, 0.394, 16.648
CIE-LCH	47.813, 67.196, 55.265
CIE-LUV	47.813, 84.878, 41.705
Hunter-Lab	40.802, 30.939, 25.306
Binary	10111010, 01010011, 00001001

#ba5309
```
#ba5309 rgb(186,83,9)
```
#0970ba
```
#0970ba rgb(9,112,186)
```

Complementary Color

#ba0917
```
#ba0917 rgb(186,9,23)
```
#ba5309
```
#ba5309 rgb(186,83,9)
```
#baac09
```
#baac09 rgb(186,172,9)
```

Analogous Color

#0918ba
```
#0918ba rgb(9,24,186)
```
#ba5309
```
#ba5309 rgb(186,83,9)
```
#09baac
```
#09baac rgb(9,186,172)
```

Split Complementary Color

#5309ba
```
#5309ba rgb(83,9,186)
```
#ba5309
```
#ba5309 rgb(186,83,9)
```
#09ba53
```
#09ba53 rgb(9,186,83)
```

Triadic Color

#ba0970
```
#ba0970 rgb(186,9,112)
```
#ba5309
```
#ba5309 rgb(186,83,9)
```
#09ba53
```
#09ba53 rgb(9,186,83)
```
#0970ba
```
#0970ba rgb(9,112,186)
```

Tetradic Color

#713205
```
#713205 rgb(113,50,5)
```
#893d07
```
#893d07 rgb(137,61,7)
```
#a24808
```
#a24808 rgb(162,72,8)
```
#ba5309
```
#ba5309 rgb(186,83,9)
```
#d25e0a
```
#d25e0a rgb(210,94,10)
```
#eb690b
```
#eb690b rgb(235,105,11)
```
#f4761c
```
#f4761c rgb(244,118,28)
```

Monochromatic Color

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

#ba2709
```
#ba2709 rgb(186,39,9)
```
#ba3609
```
#ba3609 rgb(186,54,9)
```
#ba4409
```
#ba4409 rgb(186,68,9)
```
#ba5309
```
#ba5309 rgb(186,83,9)
```
#ba6209
```
#ba6209 rgb(186,98,9)
```
#ba7109
```
#ba7109 rgb(186,113,9)
```
#ba7f09
```
#ba7f09 rgb(186,127,9)
```

Similar Colors

Text with hexadecimal color #ba5309

This text has a font color of #ba5309.

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

#ba5309 background color

This paragraph has a background color of #ba5309.

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

#ba5309 border color

This element has a border color of #ba5309.

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

CSS codes

.text {color:#ba5309;}

.background {background-color:#ba5309;}

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

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

#120801
```
#120801 rgb(18,8,1)
```
#241002
```
#241002 rgb(36,16,2)
```
#371903
```
#371903 rgb(55,25,3)
```
#4a2104
```
#4a2104 rgb(74,33,4)
```
#5c2904
```
#5c2904 rgb(92,41,4)
```
#6f3205
```
#6f3205 rgb(111,50,5)
```
#823a06
```
#823a06 rgb(130,58,6)
```
#954207
```
#954207 rgb(149,66,7)
```
#a74b08
```
#a74b08 rgb(167,75,8)
```
#ba5309
```
#ba5309 rgb(186,83,9)
```
#cd5b0a
```
#cd5b0a rgb(205,91,10)
```
#df640b
```
#df640b rgb(223,100,11)
```
#f26c0c
```
#f26c0c rgb(242,108,12)
```

Shade Color Variation

#f4771d
```
#f4771d rgb(244,119,29)
```
#f58230
```
#f58230 rgb(245,130,48)
```
#f68e43
```
#f68e43 rgb(246,142,67)
```
#f79956
```
#f79956 rgb(247,153,86)
```
#f8a468
```
#f8a468 rgb(248,164,104)
```
#f9af7b
```
#f9af7b rgb(249,175,123)
```
#fabb8e
```
#fabb8e rgb(250,187,142)
```
#fac6a0
```
#fac6a0 rgb(250,198,160)
```
#fbd1b3
```
#fbd1b3 rgb(251,209,179)
```
#fcddc6
```
#fcddc6 rgb(252,221,198)
```
#fde8d8
```
#fde8d8 rgb(253,232,216)
```
#fef3eb
```
#fef3eb rgb(254,243,235)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#68615c
```
#68615c rgb(104,97,92)
```
#6f5f54
```
#6f5f54 rgb(111,95,84)
```
#775e4d
```
#775e4d rgb(119,94,77)
```
#7e5d45
```
#7e5d45 rgb(126,93,69)
```
#865c3e
```
#865c3e rgb(134,92,62)
```
#8d5a36
```
#8d5a36 rgb(141,90,54)
```
#95592f
```
#95592f rgb(149,89,47)
```
#9c5827
```
#9c5827 rgb(156,88,39)
```
#a45720
```
#a45720 rgb(164,87,32)
```
#ab5518
```
#ab5518 rgb(171,85,24)
```
#b35411
```
#b35411 rgb(179,84,17)
```
#ba5309
```
#ba5309 rgb(186,83,9)
```
#c25201
```
#c25201 rgb(194,82,1)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#796556 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87791d Protanopia 1% of men
#977300 Deuteranopia 1% of men
#bf565b Tritanopia 0.001% of the population

Trichromacy

#996b16 Protanomaly 1% of men, 0.01% of women
#a36703 Deuteranomaly 6% of men, 0.4% of women
#bd543d Tritanomaly 0.01% of the population

#ba5309 hex color

#ba5309 Color Information

#ba5309 Color Conversion

Color Schemes with #ba5309

Alternatives to #ba5309

#ba5309 Preview

Shades and Tints of #ba5309

Tones of #ba5309

Color Blindness Simulator