#b48f35 hex color

In a RGB color space, hex #b48f35 is composed of 70.6% red, 56.1% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 70.6% yellow and 29.4% black. It has a hue angle of 42.5 degrees, a saturation of 54.5% and a lightness of 45.7%. #b48f35 color hex could be obtained by blending #ffff6a with #691f00. Closest websafe color is: #cc9933.

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

● #b48f35 color description : Moderate orange.

The hexadecimal color #b48f35 has RGB values of R:180, G:143, B:53 and CMYK values of C:0, M:0.21, Y:0.71, K:0.29. Its decimal value is 11833141.

Hex triplet	b48f35	`#b48f35`
RGB Decimal	180, 143, 53	`rgb(180,143,53)`
RGB Percent	70.6, 56.1, 20.8	`rgb(70.6%,56.1%,20.8%)`
CMYK	0, 21, 71, 29
HSL	42.5°, 54.5, 45.7	`hsl(42.5,54.5%,45.7%)`
HSV (or HSB)	42.5°, 70.6, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.313, 4.47, 51.169
XYZ	29.288, 29.607, 7.54
xyY	0.441, 0.446, 29.607
CIE-LCH	61.313, 51.364, 85.007
CIE-LUV	61.313, 30.567, 54.897
Hunter-Lab	54.412, 0.859, 29.872
Binary	10110100, 10001111, 00110101

#b48f35
```
#b48f35 rgb(180,143,53)
```
#355ab4
```
#355ab4 rgb(53,90,180)
```

Complementary Color

#b44f35
```
#b44f35 rgb(180,79,53)
```
#b48f35
```
#b48f35 rgb(180,143,53)
```
#9ab435
```
#9ab435 rgb(154,180,53)
```

Analogous Color

#5035b4
```
#5035b4 rgb(80,53,180)
```
#b48f35
```
#b48f35 rgb(180,143,53)
```
#359ab4
```
#359ab4 rgb(53,154,180)
```

Split Complementary Color

#8f35b4
```
#8f35b4 rgb(143,53,180)
```
#b48f35
```
#b48f35 rgb(180,143,53)
```
#35b48f
```
#35b48f rgb(53,180,143)
```

Triadic Color

#b4355a
```
#b4355a rgb(180,53,90)
```
#b48f35
```
#b48f35 rgb(180,143,53)
```
#35b48f
```
#35b48f rgb(53,180,143)
```
#355ab4
```
#355ab4 rgb(53,90,180)
```

Tetradic Color

#796024
```
#796024 rgb(121,96,36)
```
#8d7029
```
#8d7029 rgb(141,112,41)
```
#a07f2f
```
#a07f2f rgb(160,127,47)
```
#b48f35
```
#b48f35 rgb(180,143,53)
```
#c69e3d
```
#c69e3d rgb(198,158,61)
```
#cca850
```
#cca850 rgb(204,168,80)
```
#d1b264
```
#d1b264 rgb(209,178,100)
```

Monochromatic Color

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

#b46f35
```
#b46f35 rgb(180,111,53)
```
#b47a35
```
#b47a35 rgb(180,122,53)
```
#b48435
```
#b48435 rgb(180,132,53)
```
#b48f35
```
#b48f35 rgb(180,143,53)
```
#b49a35
```
#b49a35 rgb(180,154,53)
```
#b4a435
```
#b4a435 rgb(180,164,53)
```
#b4af35
```
#b4af35 rgb(180,175,53)
```

Similar Colors

Text with hexadecimal color #b48f35

This text has a font color of #b48f35.

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

#b48f35 background color

This paragraph has a background color of #b48f35.

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

#b48f35 border color

This element has a border color of #b48f35.

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

CSS codes

.text {color:#b48f35;}

.background {background-color:#b48f35;}

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

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, #0d0b04 is the darkest color, while #fefefd is the lightest one.

#0d0b04
```
#0d0b04 rgb(13,11,4)
```
#1c1708
```
#1c1708 rgb(28,23,8)
```
#2c230d
```
#2c230d rgb(44,35,13)
```
#3b2f11
```
#3b2f11 rgb(59,47,17)
```
#4a3b16
```
#4a3b16 rgb(74,59,22)
```
#59471a
```
#59471a rgb(89,71,26)
```
#68531f
```
#68531f rgb(104,83,31)
```
#775f23
```
#775f23 rgb(119,95,35)
```
#876b28
```
#876b28 rgb(135,107,40)
```
#96772c
```
#96772c rgb(150,119,44)
```
#a58331
```
#a58331 rgb(165,131,49)
```
#b48f35
```
#b48f35 rgb(180,143,53)
```
#c39b39
```
#c39b39 rgb(195,155,57)
```

Shade Color Variation

#c9a347
```
#c9a347 rgb(201,163,71)
```
#cdab56
```
#cdab56 rgb(205,171,86)
```
#d2b266
```
#d2b266 rgb(210,178,102)
```
#d6ba75
```
#d6ba75 rgb(214,186,117)
```
#dbc184
```
#dbc184 rgb(219,193,132)
```
#dfc993
```
#dfc993 rgb(223,201,147)
```
#e4d1a2
```
#e4d1a2 rgb(228,209,162)
```
#e8d8b1
```
#e8d8b1 rgb(232,216,177)
```
#ede0c1
```
#ede0c1 rgb(237,224,193)
```
#f1e7d0
```
#f1e7d0 rgb(241,231,208)
```
#f6efdf
```
#f6efdf rgb(246,239,223)
```
#faf7ee
```
#faf7ee rgb(250,247,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#757574
```
#757574 rgb(117,117,116)
```
#7e796b
```
#7e796b rgb(126,121,107)
```
#877c62
```
#877c62 rgb(135,124,98)
```
#908059
```
#908059 rgb(144,128,89)
```
#998450
```
#998450 rgb(153,132,80)
```
#a28847
```
#a28847 rgb(162,136,71)
```
#ab8b3e
```
#ab8b3e rgb(171,139,62)
```
#b48f35
```
#b48f35 rgb(180,143,53)
```
#bd932c
```
#bd932c rgb(189,147,44)
```
#c69623
```
#c69623 rgb(198,150,35)
```
#cf9a1a
```
#cf9a1a rgb(207,154,26)
```
#d89e11
```
#d89e11 rgb(216,158,17)
```
#e1a208
```
#e1a208 rgb(225,162,8)
```

Tone Color Variation

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

#aa9940 Protanopia 1% of men
#bd9240 Deuteranopia 1% of men
#be8c95 Tritanopia 0.001% of the population

Trichromacy

#ad953c Protanomaly 1% of men, 0.01% of women
#ba913c Deuteranomaly 6% of men, 0.4% of women
#ba8d72 Tritanomaly 0.01% of the population

#b48f35 hex color

#b48f35 Color Information

#b48f35 Color Conversion

Color Schemes with #b48f35

Alternatives to #b48f35

#b48f35 Preview

Shades and Tints of #b48f35

Tones of #b48f35

Color Blindness Simulator