#b48f38 hex color

In a RGB color space, hex #b48f38 is composed of 70.6% red, 56.1% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 68.9% yellow and 29.4% black. It has a hue angle of 42.1 degrees, a saturation of 52.5% and a lightness of 46.3%. #b48f38 color hex could be obtained by blending #ffff70 with #691f00. Closest websafe color is: #cc9933.

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

● #b48f38 color description : Moderate orange.

The hexadecimal color #b48f38 has RGB values of R:180, G:143, B:56 and CMYK values of C:0, M:0.21, Y:0.69, K:0.29. Its decimal value is 11833144.

Hex triplet	b48f38	`#b48f38`
RGB Decimal	180, 143, 56	`rgb(180,143,56)`
RGB Percent	70.6, 56.1, 22	`rgb(70.6%,56.1%,22%)`
CMYK	0, 21, 69, 29
HSL	42.1°, 52.5, 46.3	`hsl(42.1,52.5%,46.3%)`
HSV (or HSB)	42.1°, 68.9, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.338, 4.637, 49.872
XYZ	29.359, 29.635, 7.915
xyY	0.439, 0.443, 29.635
CIE-LCH	61.338, 50.087, 84.688
CIE-LUV	61.338, 30.421, 53.932
Hunter-Lab	54.438, 1, 29.486
Binary	10110100, 10001111, 00111000

#b48f38
```
#b48f38 rgb(180,143,56)
```
#385db4
```
#385db4 rgb(56,93,180)
```

Complementary Color

#b45138
```
#b45138 rgb(180,81,56)
```
#b48f38
```
#b48f38 rgb(180,143,56)
```
#9bb438
```
#9bb438 rgb(155,180,56)
```

Analogous Color

#5138b4
```
#5138b4 rgb(81,56,180)
```
#b48f38
```
#b48f38 rgb(180,143,56)
```
#389bb4
```
#389bb4 rgb(56,155,180)
```

Split Complementary Color

#8f38b4
```
#8f38b4 rgb(143,56,180)
```
#b48f38
```
#b48f38 rgb(180,143,56)
```
#38b48f
```
#38b48f rgb(56,180,143)
```

Triadic Color

#b4385d
```
#b4385d rgb(180,56,93)
```
#b48f38
```
#b48f38 rgb(180,143,56)
```
#38b48f
```
#38b48f rgb(56,180,143)
```
#385db4
```
#385db4 rgb(56,93,180)
```

Tetradic Color

#7a6126
```
#7a6126 rgb(122,97,38)
```
#8d702c
```
#8d702c rgb(141,112,44)
```
#a18032
```
#a18032 rgb(161,128,50)
```
#b48f38
```
#b48f38 rgb(180,143,56)
```
#c49d41
```
#c49d41 rgb(196,157,65)
```
#caa755
```
#caa755 rgb(202,167,85)
```
#d0b168
```
#d0b168 rgb(208,177,104)
```

Monochromatic Color

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

#b47038
```
#b47038 rgb(180,112,56)
```
#b47a38
```
#b47a38 rgb(180,122,56)
```
#b48538
```
#b48538 rgb(180,133,56)
```
#b48f38
```
#b48f38 rgb(180,143,56)
```
#b49938
```
#b49938 rgb(180,153,56)
```
#b4a438
```
#b4a438 rgb(180,164,56)
```
#b4ae38
```
#b4ae38 rgb(180,174,56)
```

Similar Colors

Text with hexadecimal color #b48f38

This text has a font color of #b48f38.

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

#b48f38 background color

This paragraph has a background color of #b48f38.

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

#b48f38 border color

This element has a border color of #b48f38.

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

CSS codes

.text {color:#b48f38;}

.background {background-color:#b48f38;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f0c05
```
#0f0c05 rgb(15,12,5)
```
#1e1809
```
#1e1809 rgb(30,24,9)
```
#2d240e
```
#2d240e rgb(45,36,14)
```
#3c3013
```
#3c3013 rgb(60,48,19)
```
#4b3c17
```
#4b3c17 rgb(75,60,23)
```
#5a481c
```
#5a481c rgb(90,72,28)
```
#695421
```
#695421 rgb(105,84,33)
```
#785f25
```
#785f25 rgb(120,95,37)
```
#876b2a
```
#876b2a rgb(135,107,42)
```
#96772f
```
#96772f rgb(150,119,47)
```
#a58333
```
#a58333 rgb(165,131,51)
```
#b48f38
```
#b48f38 rgb(180,143,56)
```

Shade Color Variation

#c39b3d
```
#c39b3d rgb(195,155,61)
```
#c7a24c
```
#c7a24c rgb(199,162,76)
```
#ccaa5b
```
#ccaa5b rgb(204,170,91)
```
#d1b26a
```
#d1b26a rgb(209,178,106)
```
#d5ba79
```
#d5ba79 rgb(213,186,121)
```
#dac188
```
#dac188 rgb(218,193,136)
```
#dfc997
```
#dfc997 rgb(223,201,151)
```
#e3d1a6
```
#e3d1a6 rgb(227,209,166)
```
#e8d9b5
```
#e8d9b5 rgb(232,217,181)
```
#ede0c4
```
#ede0c4 rgb(237,224,196)
```
#f1e8d3
```
#f1e8d3 rgb(241,232,211)
```
#f6f0e2
```
#f6f0e2 rgb(246,240,226)
```
#faf8f1
```
#faf8f1 rgb(250,248,241)
```

Tint Color Variation

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

#7e796e
```
#7e796e rgb(126,121,110)
```
#877d65
```
#877d65 rgb(135,125,101)
```
#90805c
```
#90805c rgb(144,128,92)
```
#998453
```
#998453 rgb(153,132,83)
```
#a2884a
```
#a2884a rgb(162,136,74)
```
#ab8b41
```
#ab8b41 rgb(171,139,65)
```
#b48f38
```
#b48f38 rgb(180,143,56)
```
#bd932f
```
#bd932f rgb(189,147,47)
```
#c69626
```
#c69626 rgb(198,150,38)
```
#cf9a1d
```
#cf9a1d rgb(207,154,29)
```
#d89e14
```
#d89e14 rgb(216,158,20)
```
#e1a10b
```
#e1a10b rgb(225,161,11)
```
#eaa502
```
#eaa502 rgb(234,165,2)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#97907e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9943 Protanopia 1% of men
#bd9243 Deuteranopia 1% of men
#be8c95 Tritanopia 0.001% of the population

Trichromacy

#ad953f Protanomaly 1% of men, 0.01% of women
#b9913f Deuteranomaly 6% of men, 0.4% of women
#ba8d73 Tritanomaly 0.01% of the population

#b48f38 hex color

#b48f38 Color Information

#b48f38 Color Conversion

Color Schemes with #b48f38

Alternatives to #b48f38

#b48f38 Preview

Shades and Tints of #b48f38

Tones of #b48f38

Color Blindness Simulator