#b55a30 hex color

In a RGB color space, hex #b55a30 is composed of 71% red, 35.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 73.5% yellow and 29% black. It has a hue angle of 18.9 degrees, a saturation of 58.1% and a lightness of 44.9%. #b55a30 color hex could be obtained by blending #ffb460 with #6b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 35
- B 19
RGB color chart
- C 0
- M 50
- Y 73
- K 29
CMYK color chart

● #b55a30 color description : Moderate orange.

The hexadecimal color #b55a30 has RGB values of R:181, G:90, B:48 and CMYK values of C:0, M:0.5, Y:0.73, K:0.29. Its decimal value is 11885104.

Hex triplet	b55a30	`#b55a30`
RGB Decimal	181, 90, 48	`rgb(181,90,48)`
RGB Percent	71, 35.3, 18.8	`rgb(71%,35.3%,18.8%)`
CMYK	0, 50, 73, 29
HSL	18.9°, 58.1, 44.9	`hsl(18.9,58.1%,44.9%)`
HSV (or HSB)	18.9°, 73.5, 71
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.7, 33.808, 40.31
XYZ	23.247, 17.352, 4.921
xyY	0.511, 0.381, 17.352
CIE-LCH	48.7, 52.611, 50.014
CIE-LUV	48.7, 72.108, 34.951
Hunter-Lab	41.655, 26.719, 22.154
Binary	10110101, 01011010, 00110000

#b55a30
```
#b55a30 rgb(181,90,48)
```
#308bb5
```
#308bb5 rgb(48,139,181)
```

Complementary Color

#b53048
```
#b53048 rgb(181,48,72)
```
#b55a30
```
#b55a30 rgb(181,90,48)
```
#b59d30
```
#b59d30 rgb(181,157,48)
```

Analogous Color

#3048b5
```
#3048b5 rgb(48,72,181)
```
#b55a30
```
#b55a30 rgb(181,90,48)
```
#30b59d
```
#30b59d rgb(48,181,157)
```

Split Complementary Color

#5a30b5
```
#5a30b5 rgb(90,48,181)
```
#b55a30
```
#b55a30 rgb(181,90,48)
```
#30b55a
```
#30b55a rgb(48,181,90)
```

Triadic Color

#b5308b
```
#b5308b rgb(181,48,139)
```
#b55a30
```
#b55a30 rgb(181,90,48)
```
#30b55a
```
#30b55a rgb(48,181,90)
```
#308bb5
```
#308bb5 rgb(48,139,181)
```

Tetradic Color

#793c20
```
#793c20 rgb(121,60,32)
```
#8d4625
```
#8d4625 rgb(141,70,37)
```
#a1502b
```
#a1502b rgb(161,80,43)
```
#b55a30
```
#b55a30 rgb(181,90,48)
```
#c96435
```
#c96435 rgb(201,100,53)
```
#cf7349
```
#cf7349 rgb(207,115,73)
```
#d4835d
```
#d4835d rgb(212,131,93)
```

Monochromatic Color

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

#b53930
```
#b53930 rgb(181,57,48)
```
#b54430
```
#b54430 rgb(181,68,48)
```
#b54f30
```
#b54f30 rgb(181,79,48)
```
#b55a30
```
#b55a30 rgb(181,90,48)
```
#b56530
```
#b56530 rgb(181,101,48)
```
#b57030
```
#b57030 rgb(181,112,48)
```
#b57b30
```
#b57b30 rgb(181,123,48)
```

Similar Colors

Text with hexadecimal color #b55a30

This text has a font color of #b55a30.

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

#b55a30 background color

This paragraph has a background color of #b55a30.

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

#b55a30 border color

This element has a border color of #b55a30.

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

CSS codes

.text {color:#b55a30;}

.background {background-color:#b55a30;}

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

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

#0a0503
```
#0a0503 rgb(10,5,3)
```
#1a0d07
```
#1a0d07 rgb(26,13,7)
```
#29150b
```
#29150b rgb(41,21,11)
```
#391c0f
```
#391c0f rgb(57,28,15)
```
#482413
```
#482413 rgb(72,36,19)
```
#582c17
```
#582c17 rgb(88,44,23)
```
#67331b
```
#67331b rgb(103,51,27)
```
#773b20
```
#773b20 rgb(119,59,32)
```
#864324
```
#864324 rgb(134,67,36)
```
#964b28
```
#964b28 rgb(150,75,40)
```
#a5522c
```
#a5522c rgb(165,82,44)
```
#b55a30
```
#b55a30 rgb(181,90,48)
```
#c56234
```
#c56234 rgb(197,98,52)
```

Shade Color Variation

#cc6c40
```
#cc6c40 rgb(204,108,64)
```
#d0784f
```
#d0784f rgb(208,120,79)
```
#d5845f
```
#d5845f rgb(213,132,95)
```
#d9906e
```
#d9906e rgb(217,144,110)
```
#dd9c7e
```
#dd9c7e rgb(221,156,126)
```
#e1a88d
```
#e1a88d rgb(225,168,141)
```
#e5b49d
```
#e5b49d rgb(229,180,157)
```
#e9c0ac
```
#e9c0ac rgb(233,192,172)
```
#edcbbc
```
#edcbbc rgb(237,203,188)
```
#f1d7cb
```
#f1d7cb rgb(241,215,203)
```
#f5e3db
```
#f5e3db rgb(245,227,219)
```
#faefea
```
#faefea rgb(250,239,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#77716e
```
#77716e rgb(119,113,110)
```
#806d65
```
#806d65 rgb(128,109,101)
```
#896a5c
```
#896a5c rgb(137,106,92)
```
#926753
```
#926753 rgb(146,103,83)
```
#9b644a
```
#9b644a rgb(155,100,74)
```
#a36042
```
#a36042 rgb(163,96,66)
```
#ac5d39
```
#ac5d39 rgb(172,93,57)
```
#b55a30
```
#b55a30 rgb(181,90,48)
```
#be5727
```
#be5727 rgb(190,87,39)
```
#c7541e
```
#c7541e rgb(199,84,30)
```
#cf5016
```
#cf5016 rgb(207,80,22)
```
#d84d0d
```
#d84d0d rgb(216,77,13)
```
#e14a04
```
#e14a04 rgb(225,74,4)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7e6c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877b42 Protanopia 1% of men
#977535 Deuteranopia 1% of men
#bb5d63 Tritanopia 0.001% of the population

Trichromacy

#976f3b Protanomaly 1% of men, 0.01% of women
#a26b33 Deuteranomaly 6% of men, 0.4% of women
#b85c50 Tritanomaly 0.01% of the population

#b55a30 hex color

#b55a30 Color Information

#b55a30 Color Conversion

Color Schemes with #b55a30

Alternatives to #b55a30

#b55a30 Preview

Shades and Tints of #b55a30

Tones of #b55a30

Color Blindness Simulator