#b45f2e hex color

In a RGB color space, hex #b45f2e is composed of 70.6% red, 37.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.2% magenta, 74.4% yellow and 29.4% black. It has a hue angle of 21.9 degrees, a saturation of 59.3% and a lightness of 44.3%. #b45f2e color hex could be obtained by blending #ffbe5c with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 37
- B 18
RGB color chart
- C 0
- M 47
- Y 74
- K 29
CMYK color chart

● #b45f2e color description : Moderate orange.

The hexadecimal color #b45f2e has RGB values of R:180, G:95, B:46 and CMYK values of C:0, M:0.47, Y:0.74, K:0.29. Its decimal value is 11820846.

Hex triplet	b45f2e	`#b45f2e`
RGB Decimal	180, 95, 46	`rgb(180,95,46)`
RGB Percent	70.6, 37.3, 18	`rgb(70.6%,37.3%,18%)`
CMYK	0, 47, 74, 29
HSL	21.9°, 59.3, 44.3	`hsl(21.9,59.3%,44.3%)`
HSV (or HSB)	21.9°, 74.4, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.601, 30.647, 42.244
XYZ	23.408, 18.087, 4.843
xyY	0.505, 0.39, 18.087
CIE-LCH	49.601, 52.189, 54.04
CIE-LUV	49.601, 67.671, 37.436
Hunter-Lab	42.529, 23.824, 23.018
Binary	10110100, 01011111, 00101110

#b45f2e
```
#b45f2e rgb(180,95,46)
```
#2e83b4
```
#2e83b4 rgb(46,131,180)
```

Complementary Color

#b42e40
```
#b42e40 rgb(180,46,64)
```
#b45f2e
```
#b45f2e rgb(180,95,46)
```
#b4a22e
```
#b4a22e rgb(180,162,46)
```

Analogous Color

#2e40b4
```
#2e40b4 rgb(46,64,180)
```
#b45f2e
```
#b45f2e rgb(180,95,46)
```
#2eb4a2
```
#2eb4a2 rgb(46,180,162)
```

Split Complementary Color

#5f2eb4
```
#5f2eb4 rgb(95,46,180)
```
#b45f2e
```
#b45f2e rgb(180,95,46)
```
#2eb45f
```
#2eb45f rgb(46,180,95)
```

Triadic Color

#b42e83
```
#b42e83 rgb(180,46,131)
```
#b45f2e
```
#b45f2e rgb(180,95,46)
```
#2eb45f
```
#2eb45f rgb(46,180,95)
```
#2e83b4
```
#2e83b4 rgb(46,131,180)
```

Tetradic Color

#773f1e
```
#773f1e rgb(119,63,30)
```
#8b4a24
```
#8b4a24 rgb(139,74,36)
```
#a05429
```
#a05429 rgb(160,84,41)
```
#b45f2e
```
#b45f2e rgb(180,95,46)
```
#c86a33
```
#c86a33 rgb(200,106,51)
```
#d07845
```
#d07845 rgb(208,120,69)
```
#d5875a
```
#d5875a rgb(213,135,90)
```

Monochromatic Color

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

#b43e2e
```
#b43e2e rgb(180,62,46)
```
#b4492e
```
#b4492e rgb(180,73,46)
```
#b4542e
```
#b4542e rgb(180,84,46)
```
#b45f2e
```
#b45f2e rgb(180,95,46)
```
#b46a2e
```
#b46a2e rgb(180,106,46)
```
#b4752e
```
#b4752e rgb(180,117,46)
```
#b4812e
```
#b4812e rgb(180,129,46)
```

Similar Colors

Text with hexadecimal color #b45f2e

This text has a font color of #b45f2e.

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

#b45f2e background color

This paragraph has a background color of #b45f2e.

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

#b45f2e border color

This element has a border color of #b45f2e.

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

CSS codes

.text {color:#b45f2e;}

.background {background-color:#b45f2e;}

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

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

#080402
```
#080402 rgb(8,4,2)
```
#180d06
```
#180d06 rgb(24,13,6)
```
#27150a
```
#27150a rgb(39,21,10)
```
#371d0e
```
#371d0e rgb(55,29,14)
```
#472512
```
#472512 rgb(71,37,18)
```
#562e16
```
#562e16 rgb(86,46,22)
```
#66361a
```
#66361a rgb(102,54,26)
```
#763e1e
```
#763e1e rgb(118,62,30)
```
#854622
```
#854622 rgb(133,70,34)
```
#954f26
```
#954f26 rgb(149,79,38)
```
#a4572a
```
#a4572a rgb(164,87,42)
```
#b45f2e
```
#b45f2e rgb(180,95,46)
```
#c46732
```
#c46732 rgb(196,103,50)
```

Shade Color Variation

#cd713c
```
#cd713c rgb(205,113,60)
```
#d17c4c
```
#d17c4c rgb(209,124,76)
```
#d5885b
```
#d5885b rgb(213,136,91)
```
#d9936b
```
#d9936b rgb(217,147,107)
```
#dd9f7b
```
#dd9f7b rgb(221,159,123)
```
#e1aa8a
```
#e1aa8a rgb(225,170,138)
```
#e5b59a
```
#e5b59a rgb(229,181,154)
```
#e9c1a9
```
#e9c1a9 rgb(233,193,169)
```
#edccb9
```
#edccb9 rgb(237,204,185)
```
#f1d7c9
```
#f1d7c9 rgb(241,215,201)
```
#f5e3d8
```
#f5e3d8 rgb(245,227,216)
```
#f9eee8
```
#f9eee8 rgb(249,238,232)
```
#fdfaf8
```
#fdfaf8 rgb(253,250,248)
```

Tint Color Variation

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

#776f6b
```
#776f6b rgb(119,111,107)
```
#806d62
```
#806d62 rgb(128,109,98)
```
#896b59
```
#896b59 rgb(137,107,89)
```
#916851
```
#916851 rgb(145,104,81)
```
#9a6648
```
#9a6648 rgb(154,102,72)
```
#a3643f
```
#a3643f rgb(163,100,63)
```
#ab6137
```
#ab6137 rgb(171,97,55)
```
#b45f2e
```
#b45f2e rgb(180,95,46)
```
#bd5d25
```
#bd5d25 rgb(189,93,37)
```
#c55a1d
```
#c55a1d rgb(197,90,29)
```
#ce5814
```
#ce5814 rgb(206,88,20)
```
#d7560b
```
#d7560b rgb(215,86,11)
```
#df5303
```
#df5303 rgb(223,83,3)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#806f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897d3f Protanopia 1% of men
#9a7733 Deuteranopia 1% of men
#ba6168 Tritanopia 0.001% of the population

Trichromacy

#997238 Protanomaly 1% of men, 0.01% of women
#a36e31 Deuteranomaly 6% of men, 0.4% of women
#b86053 Tritanomaly 0.01% of the population

#b45f2e hex color

#b45f2e Color Information

#b45f2e Color Conversion

Color Schemes with #b45f2e

Alternatives to #b45f2e

#b45f2e Preview

Shades and Tints of #b45f2e

Tones of #b45f2e

Color Blindness Simulator