#ba880b hex color

In a RGB color space, hex #ba880b is composed of 72.9% red, 53.3% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 94.1% yellow and 27.1% black. It has a hue angle of 42.9 degrees, a saturation of 88.8% and a lightness of 38.6%. #ba880b color hex could be obtained by blending #ffff16 with #751100. Closest websafe color is: #cc9900.

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

● #ba880b color description : Strong orange.

The hexadecimal color #ba880b has RGB values of R:186, G:136, B:11 and CMYK values of C:0, M:0.27, Y:0.94, K:0.27. Its decimal value is 12224523.

Hex triplet	ba880b	`#ba880b`
RGB Decimal	186, 136, 11	`rgb(186,136,11)`
RGB Percent	72.9, 53.3, 4.3	`rgb(72.9%,53.3%,4.3%)`
CMYK	0, 27, 94, 27
HSL	42.9°, 88.8, 38.6	`hsl(42.9,88.8%,38.6%)`
HSV (or HSB)	42.9°, 94.1, 72.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	59.955, 9.659, 63.371
XYZ	29.115, 28.073, 4.202
xyY	0.474, 0.457, 28.073
CIE-LCH	59.955, 64.102, 81.333
CIE-LUV	59.955, 41.925, 60.465
Hunter-Lab	52.984, 5.364, 32.387
Binary	10111010, 10001000, 00001011

#ba880b
```
#ba880b rgb(186,136,11)
```
#0b3dba
```
#0b3dba rgb(11,61,186)
```

Complementary Color

#ba310b
```
#ba310b rgb(186,49,11)
```
#ba880b
```
#ba880b rgb(186,136,11)
```
#95ba0b
```
#95ba0b rgb(149,186,11)
```

Analogous Color

#310bba
```
#310bba rgb(49,11,186)
```
#ba880b
```
#ba880b rgb(186,136,11)
```
#0b95ba
```
#0b95ba rgb(11,149,186)
```

Split Complementary Color

#880bba
```
#880bba rgb(136,11,186)
```
#ba880b
```
#ba880b rgb(186,136,11)
```
#0bba88
```
#0bba88 rgb(11,186,136)
```

Triadic Color

#ba0b3d
```
#ba0b3d rgb(186,11,61)
```
#ba880b
```
#ba880b rgb(186,136,11)
```
#0bba88
```
#0bba88 rgb(11,186,136)
```
#0b3dba
```
#0b3dba rgb(11,61,186)
```

Tetradic Color

#725307
```
#725307 rgb(114,83,7)
```
#8a6508
```
#8a6508 rgb(138,101,8)
```
#a2760a
```
#a2760a rgb(162,118,10)
```
#ba880b
```
#ba880b rgb(186,136,11)
```
#d29a0c
```
#d29a0c rgb(210,154,12)
```
#eaab0e
```
#eaab0e rgb(234,171,14)
```
#f2b620
```
#f2b620 rgb(242,182,32)
```

Monochromatic Color

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

#ba5c0b
```
#ba5c0b rgb(186,92,11)
```
#ba6b0b
```
#ba6b0b rgb(186,107,11)
```
#ba790b
```
#ba790b rgb(186,121,11)
```
#ba880b
```
#ba880b rgb(186,136,11)
```
#ba970b
```
#ba970b rgb(186,151,11)
```
#baa50b
```
#baa50b rgb(186,165,11)
```
#bab40b
```
#bab40b rgb(186,180,11)
```

Similar Colors

Text with hexadecimal color #ba880b

This text has a font color of #ba880b.

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

#ba880b background color

This paragraph has a background color of #ba880b.

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

#ba880b border color

This element has a border color of #ba880b.

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

CSS codes

.text {color:#ba880b;}

.background {background-color:#ba880b;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#130e01
```
#130e01 rgb(19,14,1)
```
#261c02
```
#261c02 rgb(38,28,2)
```
#382903
```
#382903 rgb(56,41,3)
```
#4b3704
```
#4b3704 rgb(75,55,4)
```
#5d4406
```
#5d4406 rgb(93,68,6)
```
#705207
```
#705207 rgb(112,82,7)
```
#825f08
```
#825f08 rgb(130,95,8)
```
#956d09
```
#956d09 rgb(149,109,9)
```
#a77a0a
```
#a77a0a rgb(167,122,10)
```
#ba880b
```
#ba880b rgb(186,136,11)
```
#cd960c
```
#cd960c rgb(205,150,12)
```
#dfa30d
```
#dfa30d rgb(223,163,13)
```

Shade Color Variation

#f1b00f
```
#f1b00f rgb(241,176,15)
```
#f2b622
```
#f2b622 rgb(242,182,34)
```
#f3bc34
```
#f3bc34 rgb(243,188,52)
```
#f4c347
```
#f4c347 rgb(244,195,71)
```
#f5c959
```
#f5c959 rgb(245,201,89)
```
#f6cf6c
```
#f6cf6c rgb(246,207,108)
```
#f7d57e
```
#f7d57e rgb(247,213,126)
```
#f8db91
```
#f8db91 rgb(248,219,145)
```
#fae1a3
```
#fae1a3 rgb(250,225,163)
```
#fbe7b6
```
#fbe7b6 rgb(251,231,182)
```
#fcedc8
```
#fcedc8 rgb(252,237,200)
```
#fdf3db
```
#fdf3db rgb(253,243,219)
```
#fef9ed
```
#fef9ed rgb(254,249,237)
```

Tint Color Variation

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

#67645e
```
#67645e rgb(103,100,94)
```
#6e6857
```
#6e6857 rgb(110,104,87)
```
#766b4f
```
#766b4f rgb(118,107,79)
```
#7d6e48
```
#7d6e48 rgb(125,110,72)
```
#857140
```
#857140 rgb(133,113,64)
```
#8d7538
```
#8d7538 rgb(141,117,56)
```
#947831
```
#947831 rgb(148,120,49)
```
#9c7b29
```
#9c7b29 rgb(156,123,41)
```
#a37e22
```
#a37e22 rgb(163,126,34)
```
#ab821a
```
#ab821a rgb(171,130,26)
```
#b28513
```
#b28513 rgb(178,133,19)
```
#ba880b
```
#ba880b rgb(186,136,11)
```
#c28b03
```
#c28b03 rgb(194,139,3)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#938970 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8961a Protanopia 1% of men
#bb8e16 Deuteranopia 1% of men
#c4848d Tritanopia 0.001% of the population

Trichromacy

#ae9114 Protanomaly 1% of men, 0.01% of women
#bb8c12 Deuteranomaly 6% of men, 0.4% of women
#c0865e Tritanomaly 0.01% of the population

#ba880b hex color

#ba880b Color Information

#ba880b Color Conversion

Color Schemes with #ba880b

Alternatives to #ba880b

#ba880b Preview

Shades and Tints of #ba880b

Tones of #ba880b

Color Blindness Simulator