#b48c2a hex color

In a RGB color space, hex #b48c2a is composed of 70.6% red, 54.9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.2% magenta, 76.7% yellow and 29.4% black. It has a hue angle of 42.6 degrees, a saturation of 62.2% and a lightness of 43.5%. #b48c2a color hex could be obtained by blending #ffff54 with #691900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 55
- B 16
RGB color chart
- C 0
- M 22
- Y 77
- K 29
CMYK color chart

● #b48c2a color description : Strong orange.

The hexadecimal color #b48c2a has RGB values of R:180, G:140, B:42 and CMYK values of C:0, M:0.22, Y:0.77, K:0.29. Its decimal value is 11832362.

Hex triplet	b48c2a	`#b48c2a`
RGB Decimal	180, 140, 42	`rgb(180,140,42)`
RGB Percent	70.6, 54.9, 16.5	`rgb(70.6%,54.9%,16.5%)`
CMYK	0, 22, 77, 29
HSL	42.6°, 62.2, 43.5	`hsl(42.6,62.2%,43.5%)`
HSV (or HSB)	42.6°, 76.7, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.452, 5.592, 54.834
XYZ	28.619, 28.628, 6.209
xyY	0.451, 0.451, 28.628
CIE-LCH	60.452, 55.118, 84.177
CIE-LUV	60.452, 33.257, 56.736
Hunter-Lab	53.505, 1.842, 30.574
Binary	10110100, 10001100, 00101010

#b48c2a
```
#b48c2a rgb(180,140,42)
```
#2a52b4
```
#2a52b4 rgb(42,82,180)
```

Complementary Color

#b4472a
```
#b4472a rgb(180,71,42)
```
#b48c2a
```
#b48c2a rgb(180,140,42)
```
#97b42a
```
#97b42a rgb(151,180,42)
```

Analogous Color

#472ab4
```
#472ab4 rgb(71,42,180)
```
#b48c2a
```
#b48c2a rgb(180,140,42)
```
#2a97b4
```
#2a97b4 rgb(42,151,180)
```

Split Complementary Color

#8c2ab4
```
#8c2ab4 rgb(140,42,180)
```
#b48c2a
```
#b48c2a rgb(180,140,42)
```
#2ab48c
```
#2ab48c rgb(42,180,140)
```

Triadic Color

#b42a52
```
#b42a52 rgb(180,42,82)
```
#b48c2a
```
#b48c2a rgb(180,140,42)
```
#2ab48c
```
#2ab48c rgb(42,180,140)
```
#2a52b4
```
#2a52b4 rgb(42,82,180)
```

Tetradic Color

#765c1c
```
#765c1c rgb(118,92,28)
```
#8b6c20
```
#8b6c20 rgb(139,108,32)
```
#9f7c25
```
#9f7c25 rgb(159,124,37)
```
#b48c2a
```
#b48c2a rgb(180,140,42)
```
#c99c2f
```
#c99c2f rgb(201,156,47)
```
#d2a73f
```
#d2a73f rgb(210,167,63)
```
#d7b154
```
#d7b154 rgb(215,177,84)
```

Monochromatic Color

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

#b46a2a
```
#b46a2a rgb(180,106,42)
```
#b4752a
```
#b4752a rgb(180,117,42)
```
#b4812a
```
#b4812a rgb(180,129,42)
```
#b48c2a
```
#b48c2a rgb(180,140,42)
```
#b4982a
```
#b4982a rgb(180,152,42)
```
#b4a32a
```
#b4a32a rgb(180,163,42)
```
#b4af2a
```
#b4af2a rgb(180,175,42)
```

Similar Colors

Text with hexadecimal color #b48c2a

This text has a font color of #b48c2a.

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

#b48c2a background color

This paragraph has a background color of #b48c2a.

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

#b48c2a border color

This element has a border color of #b48c2a.

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

CSS codes

.text {color:#b48c2a;}

.background {background-color:#b48c2a;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#151005
```
#151005 rgb(21,16,5)
```
#251d09
```
#251d09 rgb(37,29,9)
```
#35290c
```
#35290c rgb(53,41,12)
```
#453510
```
#453510 rgb(69,53,16)
```
#554214
```
#554214 rgb(85,66,20)
```
#644e17
```
#644e17 rgb(100,78,23)
```
#745b1b
```
#745b1b rgb(116,91,27)
```
#84671f
```
#84671f rgb(132,103,31)
```
#947323
```
#947323 rgb(148,115,35)
```
#a48026
```
#a48026 rgb(164,128,38)
```
#b48c2a
```
#b48c2a rgb(180,140,42)
```
#c4982e
```
#c4982e rgb(196,152,46)
```

Shade Color Variation

#d0a335
```
#d0a335 rgb(208,163,53)
```
#d4aa45
```
#d4aa45 rgb(212,170,69)
```
#d7b255
```
#d7b255 rgb(215,178,85)
```
#dbb965
```
#dbb965 rgb(219,185,101)
```
#dfc075
```
#dfc075 rgb(223,192,117)
```
#e2c785
```
#e2c785 rgb(226,199,133)
```
#e6cf95
```
#e6cf95 rgb(230,207,149)
```
#ead6a5
```
#ead6a5 rgb(234,214,165)
```
#eeddb5
```
#eeddb5 rgb(238,221,181)
```
#f1e4c4
```
#f1e4c4 rgb(241,228,196)
```
#f5ecd4
```
#f5ecd4 rgb(245,236,212)
```
#f9f3e4
```
#f9f3e4 rgb(249,243,228)
```
#fcfaf4
```
#fcfaf4 rgb(252,250,244)
```

Tint Color Variation

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

#706f6e
```
#706f6e rgb(112,111,110)
```
#787366
```
#787366 rgb(120,115,102)
```
#81765d
```
#81765d rgb(129,118,93)
```
#897a55
```
#897a55 rgb(137,122,85)
```
#927e4c
```
#927e4c rgb(146,126,76)
```
#9a8144
```
#9a8144 rgb(154,129,68)
```
#a3853b
```
#a3853b rgb(163,133,59)
```
#ab8833
```
#ab8833 rgb(171,136,51)
```
#b48c2a
```
#b48c2a rgb(180,140,42)
```
#bd9021
```
#bd9021 rgb(189,144,33)
```
#c59319
```
#c59319 rgb(197,147,25)
```
#ce9710
```
#ce9710 rgb(206,151,16)
```
#d69a08
```
#d69a08 rgb(214,154,8)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#958d79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89736 Protanopia 1% of men
#bb9035 Deuteranopia 1% of men
#be8992 Tritanopia 0.001% of the population

Trichromacy

#ac9332 Protanomaly 1% of men, 0.01% of women
#b88e31 Deuteranomaly 6% of men, 0.4% of women
#ba8a6c Tritanomaly 0.01% of the population

#b48c2a hex color

#b48c2a Color Information

#b48c2a Color Conversion

Color Schemes with #b48c2a

Alternatives to #b48c2a

#b48c2a Preview

Shades and Tints of #b48c2a

Tones of #b48c2a

Color Blindness Simulator