#b45036 hex color

In a RGB color space, hex #b45036 is composed of 70.6% red, 31.4% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.6% magenta, 70% yellow and 29.4% black. It has a hue angle of 12.4 degrees, a saturation of 53.8% and a lightness of 45.9%. #b45036 color hex could be obtained by blending #ffa06c with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 31
- B 21
RGB color chart
- C 0
- M 56
- Y 70
- K 29
CMYK color chart

● #b45036 color description : Moderate red.

The hexadecimal color #b45036 has RGB values of R:180, G:80, B:54 and CMYK values of C:0, M:0.56, Y:0.7, K:0.29. Its decimal value is 11817014.

Hex triplet	b45036	`#b45036`
RGB Decimal	180, 80, 54	`rgb(180,80,54)`
RGB Percent	70.6, 31.4, 21.2	`rgb(70.6%,31.4%,21.2%)`
CMYK	0, 56, 70, 29
HSL	12.4°, 53.8, 45.9	`hsl(12.4,53.8%,45.9%)`
HSV (or HSB)	12.4°, 70, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	46.591, 38.863, 34.686
XYZ	22.358, 15.709, 5.345
xyY	0.515, 0.362, 15.709
CIE-LCH	46.591, 52.091, 41.749
CIE-LUV	46.591, 77.839, 28.832
Hunter-Lab	39.635, 31.33, 19.749
Binary	10110100, 01010000, 00110110

#b45036
```
#b45036 rgb(180,80,54)
```
#369ab4
```
#369ab4 rgb(54,154,180)
```

Complementary Color

#b4365b
```
#b4365b rgb(180,54,91)
```
#b45036
```
#b45036 rgb(180,80,54)
```
#b48f36
```
#b48f36 rgb(180,143,54)
```

Analogous Color

#365bb4
```
#365bb4 rgb(54,91,180)
```
#b45036
```
#b45036 rgb(180,80,54)
```
#36b48f
```
#36b48f rgb(54,180,143)
```

Split Complementary Color

#5036b4
```
#5036b4 rgb(80,54,180)
```
#b45036
```
#b45036 rgb(180,80,54)
```
#36b450
```
#36b450 rgb(54,180,80)
```

Triadic Color

#b4369a
```
#b4369a rgb(180,54,154)
```
#b45036
```
#b45036 rgb(180,80,54)
```
#36b450
```
#36b450 rgb(54,180,80)
```
#369ab4
```
#369ab4 rgb(54,154,180)
```

Tetradic Color

#793624
```
#793624 rgb(121,54,36)
```
#8d3f2a
```
#8d3f2a rgb(141,63,42)
```
#a04730
```
#a04730 rgb(160,71,48)
```
#b45036
```
#b45036 rgb(180,80,54)
```
#c55a3e
```
#c55a3e rgb(197,90,62)
```
#cb6b52
```
#cb6b52 rgb(203,107,82)
```
#d17c66
```
#d17c66 rgb(209,124,102)
```

Monochromatic Color

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

#b4363c
```
#b4363c rgb(180,54,60)
```
#b43b36
```
#b43b36 rgb(180,59,54)
```
#b44636
```
#b44636 rgb(180,70,54)
```
#b45036
```
#b45036 rgb(180,80,54)
```
#b45b36
```
#b45b36 rgb(180,91,54)
```
#b46536
```
#b46536 rgb(180,101,54)
```
#b47036
```
#b47036 rgb(180,112,54)
```

Similar Colors

Text with hexadecimal color #b45036

This text has a font color of #b45036.

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

#b45036 background color

This paragraph has a background color of #b45036.

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

#b45036 border color

This element has a border color of #b45036.

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

CSS codes

.text {color:#b45036;}

.background {background-color:#b45036;}

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

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

#0e0604
```
#0e0604 rgb(14,6,4)
```
#1d0d09
```
#1d0d09 rgb(29,13,9)
```
#2c140d
```
#2c140d rgb(44,20,13)
```
#3b1a12
```
#3b1a12 rgb(59,26,18)
```
#4a2116
```
#4a2116 rgb(74,33,22)
```
#59281b
```
#59281b rgb(89,40,27)
```
#692e1f
```
#692e1f rgb(105,46,31)
```
#783524
```
#783524 rgb(120,53,36)
```
#873c28
```
#873c28 rgb(135,60,40)
```
#96432d
```
#96432d rgb(150,67,45)
```
#a54931
```
#a54931 rgb(165,73,49)
```
#b45036
```
#b45036 rgb(180,80,54)
```
#c3573b
```
#c3573b rgb(195,87,59)
```

Shade Color Variation

#c86349
```
#c86349 rgb(200,99,73)
```
#cd7058
```
#cd7058 rgb(205,112,88)
```
#d17d67
```
#d17d67 rgb(209,125,103)
```
#d68a76
```
#d68a76 rgb(214,138,118)
```
#da9785
```
#da9785 rgb(218,151,133)
```
#dfa494
```
#dfa494 rgb(223,164,148)
```
#e4b1a3
```
#e4b1a3 rgb(228,177,163)
```
#e8beb2
```
#e8beb2 rgb(232,190,178)
```
#edcac2
```
#edcac2 rgb(237,202,194)
```
#f1d7d1
```
#f1d7d1 rgb(241,215,209)
```
#f6e4e0
```
#f6e4e0 rgb(246,228,224)
```
#faf1ef
```
#faf1ef rgb(250,241,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#7e706c
```
#7e706c rgb(126,112,108)
```
#876a63
```
#876a63 rgb(135,106,99)
```
#90655a
```
#90655a rgb(144,101,90)
```
#996051
```
#996051 rgb(153,96,81)
```
#a25b48
```
#a25b48 rgb(162,91,72)
```
#ab553f
```
#ab553f rgb(171,85,63)
```
#b45036
```
#b45036 rgb(180,80,54)
```
#bd4b2d
```
#bd4b2d rgb(189,75,45)
```
#c64524
```
#c64524 rgb(198,69,36)
```
#cf401b
```
#cf401b rgb(207,64,27)
```
#d83b12
```
#d83b12 rgb(216,59,18)
```
#e13609
```
#e13609 rgb(225,54,9)
```
#ea3000
```
#ea3000 rgb(234,48,0)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7a6660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807549 Protanopia 1% of men
#90703a Deuteranopia 1% of men
#b9555a Tritanopia 0.001% of the population

Trichromacy

#936842 Protanomaly 1% of men, 0.01% of women
#9d6438 Deuteranomaly 6% of men, 0.4% of women
#b7534d Tritanomaly 0.01% of the population

#b45036 hex color

#b45036 Color Information

#b45036 Color Conversion

Color Schemes with #b45036

Alternatives to #b45036

#b45036 Preview

Shades and Tints of #b45036

Tones of #b45036

Color Blindness Simulator