#ba8552 hex color

In a RGB color space, hex #ba8552 is composed of 72.9% red, 52.2% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.5% magenta, 55.9% yellow and 27.1% black. It has a hue angle of 29.4 degrees, a saturation of 43% and a lightness of 52.5%. #ba8552 color hex could be obtained by blending #ffffa4 with #750b00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 52
- B 32
RGB color chart
- C 0
- M 28
- Y 56
- K 27
CMYK color chart

● #ba8552 color description : Moderate orange.

The hexadecimal color #ba8552 has RGB values of R:186, G:133, B:82 and CMYK values of C:0, M:0.28, Y:0.56, K:0.27. Its decimal value is 12223826.

Hex triplet	ba8552	`#ba8552`
RGB Decimal	186, 133, 82	`rgb(186,133,82)`
RGB Percent	72.9, 52.2, 32.2	`rgb(72.9%,52.2%,32.2%)`
CMYK	0, 28, 56, 27
HSL	29.4°, 43, 52.5	`hsl(29.4,43%,52.5%)`
HSV (or HSB)	29.4°, 55.9, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.73, 14.615, 35.312
XYZ	30.161, 27.825, 11.764
xyY	0.432, 0.399, 27.825
CIE-LCH	59.73, 38.217, 67.516
CIE-LUV	59.73, 40.398, 39.078
Hunter-Lab	52.749, 9.75, 23.701
Binary	10111010, 10000101, 01010010

#ba8552
```
#ba8552 rgb(186,133,82)
```
#5287ba
```
#5287ba rgb(82,135,186)
```

Complementary Color

#ba5253
```
#ba5253 rgb(186,82,83)
```
#ba8552
```
#ba8552 rgb(186,133,82)
```
#bab952
```
#bab952 rgb(186,185,82)
```

Analogous Color

#5253ba
```
#5253ba rgb(82,83,186)
```
#ba8552
```
#ba8552 rgb(186,133,82)
```
#52bab9
```
#52bab9 rgb(82,186,185)
```

Split Complementary Color

#8552ba
```
#8552ba rgb(133,82,186)
```
#ba8552
```
#ba8552 rgb(186,133,82)
```
#52ba85
```
#52ba85 rgb(82,186,133)
```

Triadic Color

#ba5287
```
#ba5287 rgb(186,82,135)
```
#ba8552
```
#ba8552 rgb(186,133,82)
```
#52ba85
```
#52ba85 rgb(82,186,133)
```
#5287ba
```
#5287ba rgb(82,135,186)
```

Tetradic Color

#895f37
```
#895f37 rgb(137,95,55)
```
#9b6c3e
```
#9b6c3e rgb(155,108,62)
```
#ad7845
```
#ad7845 rgb(173,120,69)
```
#ba8552
```
#ba8552 rgb(186,133,82)
```
#c19264
```
#c19264 rgb(193,146,100)
```
#c99f76
```
#c99f76 rgb(201,159,118)
```
#d0ac89
```
#d0ac89 rgb(208,172,137)
```

Monochromatic Color

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

#ba6b52
```
#ba6b52 rgb(186,107,82)
```
#ba7452
```
#ba7452 rgb(186,116,82)
```
#ba7c52
```
#ba7c52 rgb(186,124,82)
```
#ba8552
```
#ba8552 rgb(186,133,82)
```
#ba8e52
```
#ba8e52 rgb(186,142,82)
```
#ba9652
```
#ba9652 rgb(186,150,82)
```
#ba9f52
```
#ba9f52 rgb(186,159,82)
```

Similar Colors

Text with hexadecimal color #ba8552

This text has a font color of #ba8552.

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

#ba8552 background color

This paragraph has a background color of #ba8552.

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

#ba8552 border color

This element has a border color of #ba8552.

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

CSS codes

.text {color:#ba8552;}

.background {background-color:#ba8552;}

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

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

#090604
```
#090604 rgb(9,6,4)
```
#171009
```
#171009 rgb(23,16,9)
```
#251a0f
```
#251a0f rgb(37,26,15)
```
#332414
```
#332414 rgb(51,36,20)
```
#412d1a
```
#412d1a rgb(65,45,26)
```
#4f3720
```
#4f3720 rgb(79,55,32)
```
#5d4125
```
#5d4125 rgb(93,65,37)
```
#6b4b2b
```
#6b4b2b rgb(107,75,43)
```
#795430
```
#795430 rgb(121,84,48)
```
#875e36
```
#875e36 rgb(135,94,54)
```
#96683c
```
#96683c rgb(150,104,60)
```
#a47141
```
#a47141 rgb(164,113,65)
```
#b27b47
```
#b27b47 rgb(178,123,71)
```

Shade Color Variation

#ba8552
```
#ba8552 rgb(186,133,82)
```
#c08f60
```
#c08f60 rgb(192,143,96)
```
#c5996e
```
#c5996e rgb(197,153,110)
```
#cba37c
```
#cba37c rgb(203,163,124)
```
#d0ad8a
```
#d0ad8a rgb(208,173,138)
```
#d6b698
```
#d6b698 rgb(214,182,152)
```
#dcc0a6
```
#dcc0a6 rgb(220,192,166)
```
#e1cab4
```
#e1cab4 rgb(225,202,180)
```
#e7d4c2
```
#e7d4c2 rgb(231,212,194)
```
#ecded0
```
#ecded0 rgb(236,222,208)
```
#f2e8de
```
#f2e8de rgb(242,232,222)
```
#f8f2ec
```
#f8f2ec rgb(248,242,236)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#8b8681
```
#8b8681 rgb(139,134,129)
```
#958677
```
#958677 rgb(149,134,119)
```
#9e866e
```
#9e866e rgb(158,134,110)
```
#a78565
```
#a78565 rgb(167,133,101)
```
#b1855b
```
#b1855b rgb(177,133,91)
```
#ba8552
```
#ba8552 rgb(186,133,82)
```
#c38549
```
#c38549 rgb(195,133,73)
```
#cd853f
```
#cd853f rgb(205,133,63)
```
#d68436
```
#d68436 rgb(214,132,54)
```
#df842d
```
#df842d rgb(223,132,45)
```
#e98423
```
#e98423 rgb(233,132,35)
```
#f2841a
```
#f2841a rgb(242,132,26)
```
#fb8411
```
#fb8411 rgb(251,132,17)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#988d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2955e Protanopia 1% of men
#b48f59 Deuteranopia 1% of men
#c2858e Tritanopia 0.001% of the population

Trichromacy

#ab8f5a Protanomaly 1% of men, 0.01% of women
#b68b57 Deuteranomaly 6% of men, 0.4% of women
#bf8578 Tritanomaly 0.01% of the population

#ba8552 hex color

#ba8552 Color Information

#ba8552 Color Conversion

Color Schemes with #ba8552

Alternatives to #ba8552

#ba8552 Preview

Shades and Tints of #ba8552

Tones of #ba8552

Color Blindness Simulator