#b48e2d hex color

In a RGB color space, hex #b48e2d is composed of 70.6% red, 55.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 75% yellow and 29.4% black. It has a hue angle of 43.1 degrees, a saturation of 60% and a lightness of 44.1%. #b48e2d color hex could be obtained by blending #ffff5a with #691d00. Closest websafe color is: #cc9933.

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

● #b48e2d color description : Strong orange.

The hexadecimal color #b48e2d has RGB values of R:180, G:142, B:45 and CMYK values of C:0, M:0.21, Y:0.75, K:0.29. Its decimal value is 11832877.

Hex triplet	b48e2d	`#b48e2d`
RGB Decimal	180, 142, 45	`rgb(180,142,45)`
RGB Percent	70.6, 55.7, 17.6	`rgb(70.6%,55.7%,17.6%)`
CMYK	0, 21, 75, 29
HSL	43.1°, 60, 44.1	`hsl(43.1,60%,44.1%)`
HSV (or HSB)	43.1°, 75, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.993, 4.623, 54.18
XYZ	28.969, 29.24, 6.601
xyY	0.447, 0.451, 29.24
CIE-LCH	60.993, 54.377, 85.123
CIE-LUV	60.993, 31.653, 56.79
Hunter-Lab	54.074, 0.999, 30.615
Binary	10110100, 10001110, 00101101

#b48e2d
```
#b48e2d rgb(180,142,45)
```
#2d53b4
```
#2d53b4 rgb(45,83,180)
```

Complementary Color

#b44b2d
```
#b44b2d rgb(180,75,45)
```
#b48e2d
```
#b48e2d rgb(180,142,45)
```
#97b42d
```
#97b42d rgb(151,180,45)
```

Analogous Color

#4b2db4
```
#4b2db4 rgb(75,45,180)
```
#b48e2d
```
#b48e2d rgb(180,142,45)
```
#2d97b4
```
#2d97b4 rgb(45,151,180)
```

Split Complementary Color

#8e2db4
```
#8e2db4 rgb(142,45,180)
```
#b48e2d
```
#b48e2d rgb(180,142,45)
```
#2db48e
```
#2db48e rgb(45,180,142)
```

Triadic Color

#b42d53
```
#b42d53 rgb(180,45,83)
```
#b48e2d
```
#b48e2d rgb(180,142,45)
```
#2db48e
```
#2db48e rgb(45,180,142)
```
#2d53b4
```
#2d53b4 rgb(45,83,180)
```

Tetradic Color

#775e1e
```
#775e1e rgb(119,94,30)
```
#8b6e23
```
#8b6e23 rgb(139,110,35)
```
#a07e28
```
#a07e28 rgb(160,126,40)
```
#b48e2d
```
#b48e2d rgb(180,142,45)
```
#c89e32
```
#c89e32 rgb(200,158,50)
```
#d0a944
```
#d0a944 rgb(208,169,68)
```
#d5b258
```
#d5b258 rgb(213,178,88)
```

Monochromatic Color

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

#b46c2d
```
#b46c2d rgb(180,108,45)
```
#b4782d
```
#b4782d rgb(180,120,45)
```
#b4832d
```
#b4832d rgb(180,131,45)
```
#b48e2d
```
#b48e2d rgb(180,142,45)
```
#b4992d
```
#b4992d rgb(180,153,45)
```
#b4a52d
```
#b4a52d rgb(180,165,45)
```
#b4b02d
```
#b4b02d rgb(180,176,45)
```

Similar Colors

Text with hexadecimal color #b48e2d

This text has a font color of #b48e2d.

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

#b48e2d background color

This paragraph has a background color of #b48e2d.

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

#b48e2d border color

This element has a border color of #b48e2d.

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

CSS codes

.text {color:#b48e2d;}

.background {background-color:#b48e2d;}

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

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

#070602
```
#070602 rgb(7,6,2)
```
#171206
```
#171206 rgb(23,18,6)
```
#271f0a
```
#271f0a rgb(39,31,10)
```
#362b0e
```
#362b0e rgb(54,43,14)
```
#463712
```
#463712 rgb(70,55,18)
```
#564415
```
#564415 rgb(86,68,21)
```
#665019
```
#665019 rgb(102,80,25)
```
#755c1d
```
#755c1d rgb(117,92,29)
```
#856921
```
#856921 rgb(133,105,33)
```
#957525
```
#957525 rgb(149,117,37)
```
#a48229
```
#a48229 rgb(164,130,41)
```
#b48e2d
```
#b48e2d rgb(180,142,45)
```
#c49a31
```
#c49a31 rgb(196,154,49)
```

Shade Color Variation

#cea43a
```
#cea43a rgb(206,164,58)
```
#d2ac4a
```
#d2ac4a rgb(210,172,74)
```
#d6b35a
```
#d6b35a rgb(214,179,90)
```
#daba69
```
#daba69 rgb(218,186,105)
```
#dec179
```
#dec179 rgb(222,193,121)
```
#e1c989
```
#e1c989 rgb(225,201,137)
```
#e5d099
```
#e5d099 rgb(229,208,153)
```
#e9d7a8
```
#e9d7a8 rgb(233,215,168)
```
#eddeb8
```
#eddeb8 rgb(237,222,184)
```
#f1e5c8
```
#f1e5c8 rgb(241,229,200)
```
#f5edd7
```
#f5edd7 rgb(245,237,215)
```
#f9f4e7
```
#f9f4e7 rgb(249,244,231)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#77746a
```
#77746a rgb(119,116,106)
```
#807761
```
#807761 rgb(128,119,97)
```
#897b58
```
#897b58 rgb(137,123,88)
```
#917f50
```
#917f50 rgb(145,127,80)
```
#9a8347
```
#9a8347 rgb(154,131,71)
```
#a3863e
```
#a3863e rgb(163,134,62)
```
#ab8a36
```
#ab8a36 rgb(171,138,54)
```
#b48e2d
```
#b48e2d rgb(180,142,45)
```
#bd9224
```
#bd9224 rgb(189,146,36)
```
#c5961c
```
#c5961c rgb(197,150,28)
```
#ce9913
```
#ce9913 rgb(206,153,19)
```
#d79d0a
```
#d79d0a rgb(215,157,10)
```
#dfa102
```
#dfa102 rgb(223,161,2)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#968e7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9939 Protanopia 1% of men
#bd9138 Deuteranopia 1% of men
#bf8a94 Tritanopia 0.001% of the population

Trichromacy

#ad9534 Protanomaly 1% of men, 0.01% of women
#b99034 Deuteranomaly 6% of men, 0.4% of women
#bb8c6e Tritanomaly 0.01% of the population

#b48e2d hex color

#b48e2d Color Information

#b48e2d Color Conversion

Color Schemes with #b48e2d

Alternatives to #b48e2d

#b48e2d Preview

Shades and Tints of #b48e2d

Tones of #b48e2d

Color Blindness Simulator