#b48f3b hex color

In a RGB color space, hex #b48f3b is composed of 70.6% red, 56.1% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 67.2% yellow and 29.4% black. It has a hue angle of 41.7 degrees, a saturation of 50.6% and a lightness of 46.9%. #b48f3b color hex could be obtained by blending #ffff76 with #691f00. Closest websafe color is: #cc9933.

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

● #b48f3b color description : Moderate orange.

The hexadecimal color #b48f3b has RGB values of R:180, G:143, B:59 and CMYK values of C:0, M:0.21, Y:0.67, K:0.29. Its decimal value is 11833147.

Hex triplet	b48f3b	`#b48f3b`
RGB Decimal	180, 143, 59	`rgb(180,143,59)`
RGB Percent	70.6, 56.1, 23.1	`rgb(70.6%,56.1%,23.1%)`
CMYK	0, 21, 67, 29
HSL	41.7°, 50.6, 46.9	`hsl(41.7,50.6%,46.9%)`
HSV (or HSB)	41.7°, 67.2, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.364, 4.813, 48.541
XYZ	29.435, 29.665, 8.313
xyY	0.437, 0.44, 29.665
CIE-LCH	61.364, 48.779, 84.337
CIE-LUV	61.364, 30.268, 52.914
Hunter-Lab	54.466, 1.15, 29.077
Binary	10110100, 10001111, 00111011

#b48f3b
```
#b48f3b rgb(180,143,59)
```
#3b60b4
```
#3b60b4 rgb(59,96,180)
```

Complementary Color

#b4533b
```
#b4533b rgb(180,83,59)
```
#b48f3b
```
#b48f3b rgb(180,143,59)
```
#9db43b
```
#9db43b rgb(157,180,59)
```

Analogous Color

#533bb4
```
#533bb4 rgb(83,59,180)
```
#b48f3b
```
#b48f3b rgb(180,143,59)
```
#3b9db4
```
#3b9db4 rgb(59,157,180)
```

Split Complementary Color

#8f3bb4
```
#8f3bb4 rgb(143,59,180)
```
#b48f3b
```
#b48f3b rgb(180,143,59)
```
#3bb48f
```
#3bb48f rgb(59,180,143)
```

Triadic Color

#b43b60
```
#b43b60 rgb(180,59,96)
```
#b48f3b
```
#b48f3b rgb(180,143,59)
```
#3bb48f
```
#3bb48f rgb(59,180,143)
```
#3b60b4
```
#3b60b4 rgb(59,96,180)
```

Tetradic Color

#7a6128
```
#7a6128 rgb(122,97,40)
```
#8e702e
```
#8e702e rgb(142,112,46)
```
#a18035
```
#a18035 rgb(161,128,53)
```
#b48f3b
```
#b48f3b rgb(180,143,59)
```
#c29c46
```
#c29c46 rgb(194,156,70)
```
#c9a759
```
#c9a759 rgb(201,167,89)
```
#cfb16d
```
#cfb16d rgb(207,177,109)
```

Monochromatic Color

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

#b4713b
```
#b4713b rgb(180,113,59)
```
#b47b3b
```
#b47b3b rgb(180,123,59)
```
#b4853b
```
#b4853b rgb(180,133,59)
```
#b48f3b
```
#b48f3b rgb(180,143,59)
```
#b4993b
```
#b4993b rgb(180,153,59)
```
#b4a33b
```
#b4a33b rgb(180,163,59)
```
#b4ad3b
```
#b4ad3b rgb(180,173,59)
```

Similar Colors

Text with hexadecimal color #b48f3b

This text has a font color of #b48f3b.

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

#b48f3b background color

This paragraph has a background color of #b48f3b.

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

#b48f3b border color

This element has a border color of #b48f3b.

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

CSS codes

.text {color:#b48f3b;}

.background {background-color:#b48f3b;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110e06
```
#110e06 rgb(17,14,6)
```
#201a0b
```
#201a0b rgb(32,26,11)
```
#2f250f
```
#2f250f rgb(47,37,15)
```
#3e3114
```
#3e3114 rgb(62,49,20)
```
#4d3d19
```
#4d3d19 rgb(77,61,25)
```
#5b491e
```
#5b491e rgb(91,73,30)
```
#6a5423
```
#6a5423 rgb(106,84,35)
```
#796028
```
#796028 rgb(121,96,40)
```
#886c2c
```
#886c2c rgb(136,108,44)
```
#967831
```
#967831 rgb(150,120,49)
```
#a58336
```
#a58336 rgb(165,131,54)
```
#b48f3b
```
#b48f3b rgb(180,143,59)
```

Shade Color Variation

#c19a42
```
#c19a42 rgb(193,154,66)
```
#c6a250
```
#c6a250 rgb(198,162,80)
```
#cbaa5f
```
#cbaa5f rgb(203,170,95)
```
#cfb26e
```
#cfb26e rgb(207,178,110)
```
#d4ba7d
```
#d4ba7d rgb(212,186,125)
```
#d9c18c
```
#d9c18c rgb(217,193,140)
```
#dec99a
```
#dec99a rgb(222,201,154)
```
#e3d1a9
```
#e3d1a9 rgb(227,209,169)
```
#e8d9b8
```
#e8d9b8 rgb(232,217,184)
```
#ede1c7
```
#ede1c7 rgb(237,225,199)
```
#f1e9d5
```
#f1e9d5 rgb(241,233,213)
```
#f6f1e4
```
#f6f1e4 rgb(246,241,228)
```
#fbf9f3
```
#fbf9f3 rgb(251,249,243)
```

Tint Color Variation

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

#7d7a72
```
#7d7a72 rgb(125,122,114)
```
#867d69
```
#867d69 rgb(134,125,105)
```
#8f8160
```
#8f8160 rgb(143,129,96)
```
#988457
```
#988457 rgb(152,132,87)
```
#a2884d
```
#a2884d rgb(162,136,77)
```
#ab8b44
```
#ab8b44 rgb(171,139,68)
```
#b48f3b
```
#b48f3b rgb(180,143,59)
```
#bd9332
```
#bd9332 rgb(189,147,50)
```
#c69629
```
#c69629 rgb(198,150,41)
```
#d09a1f
```
#d09a1f rgb(208,154,31)
```
#d99d16
```
#d99d16 rgb(217,157,22)
```
#e2a10d
```
#e2a10d rgb(226,161,13)
```
#eba404
```
#eba404 rgb(235,164,4)
```

Tone Color Variation

Below, you can see how #b48f3b 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
#97907f Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9946 Protanopia 1% of men
#bc9245 Deuteranopia 1% of men
#be8c96 Tritanopia 0.001% of the population

Trichromacy

#ad9542 Protanomaly 1% of men, 0.01% of women
#b99141 Deuteranomaly 6% of men, 0.4% of women
#ba8d74 Tritanomaly 0.01% of the population

#b48f3b hex color

#b48f3b Color Information

#b48f3b Color Conversion

Color Schemes with #b48f3b

Alternatives to #b48f3b

#b48f3b Preview

Shades and Tints of #b48f3b

Tones of #b48f3b

Color Blindness Simulator