#b48315 hex color

In a RGB color space, hex #b48315 is composed of 70.6% red, 51.4% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 88.3% yellow and 29.4% black. It has a hue angle of 41.5 degrees, a saturation of 79.1% and a lightness of 39.4%. #b48315 color hex could be obtained by blending #ffff2a with #690700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 71
- G 51
- B 8
RGB color chart
- C 0
- M 27
- Y 88
- K 29
CMYK color chart

● #b48315 color description : Strong orange.

The hexadecimal color #b48315 has RGB values of R:180, G:131, B:21 and CMYK values of C:0, M:0.27, Y:0.88, K:0.29. Its decimal value is 11830037.

Hex triplet	b48315	`#b48315`
RGB Decimal	180, 131, 21	`rgb(180,131,21)`
RGB Percent	70.6, 51.4, 8.2	`rgb(70.6%,51.4%,8.2%)`
CMYK	0, 27, 88, 29
HSL	41.5°, 79.1, 39.4	`hsl(41.5,79.1%,39.4%)`
HSV (or HSB)	41.5°, 88.3, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	58.029, 9.896, 59.526
XYZ	27.075, 25.992, 4.3
xyY	0.472, 0.453, 25.992
CIE-LCH	58.029, 60.343, 80.562
CIE-LUV	58.029, 40.816, 57.23
Hunter-Lab	50.982, 5.576, 30.686
Binary	10110100, 10000011, 00010101

#b48315
```
#b48315 rgb(180,131,21)
```
#1546b4
```
#1546b4 rgb(21,70,180)
```

Complementary Color

#b43415
```
#b43415 rgb(180,52,21)
```
#b48315
```
#b48315 rgb(180,131,21)
```
#96b415
```
#96b415 rgb(150,180,21)
```

Analogous Color

#3415b4
```
#3415b4 rgb(52,21,180)
```
#b48315
```
#b48315 rgb(180,131,21)
```
#1596b4
```
#1596b4 rgb(21,150,180)
```

Split Complementary Color

#8315b4
```
#8315b4 rgb(131,21,180)
```
#b48315
```
#b48315 rgb(180,131,21)
```
#15b483
```
#15b483 rgb(21,180,131)
```

Triadic Color

#b41546
```
#b41546 rgb(180,21,70)
```
#b48315
```
#b48315 rgb(180,131,21)
```
#15b483
```
#15b483 rgb(21,180,131)
```
#1546b4
```
#1546b4 rgb(21,70,180)
```

Tetradic Color

#6f510d
```
#6f510d rgb(111,81,13)
```
#866210
```
#866210 rgb(134,98,16)
```
#9d7212
```
#9d7212 rgb(157,114,18)
```
#b48315
```
#b48315 rgb(180,131,21)
```
#cb9418
```
#cb9418 rgb(203,148,24)
```
#e2a41a
```
#e2a41a rgb(226,164,26)
```
#e7ae2f
```
#e7ae2f rgb(231,174,47)
```

Monochromatic Color

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

#b45b15
```
#b45b15 rgb(180,91,21)
```
#b46915
```
#b46915 rgb(180,105,21)
```
#b47615
```
#b47615 rgb(180,118,21)
```
#b48315
```
#b48315 rgb(180,131,21)
```
#b49015
```
#b49015 rgb(180,144,21)
```
#b49e15
```
#b49e15 rgb(180,158,21)
```
#b4ab15
```
#b4ab15 rgb(180,171,21)
```

Similar Colors

Text with hexadecimal color #b48315

This text has a font color of #b48315.

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

#b48315 background color

This paragraph has a background color of #b48315.

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

#b48315 border color

This element has a border color of #b48315.

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

CSS codes

.text {color:#b48315;}

.background {background-color:#b48315;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#161003
```
#161003 rgb(22,16,3)
```
#271d05
```
#271d05 rgb(39,29,5)
```
#392a07
```
#392a07 rgb(57,42,7)
```
#4b3609
```
#4b3609 rgb(75,54,9)
```
#5c430b
```
#5c430b rgb(92,67,11)
```
#6e500d
```
#6e500d rgb(110,80,13)
```
#7f5d0f
```
#7f5d0f rgb(127,93,15)
```
#916911
```
#916911 rgb(145,105,17)
```
#a27613
```
#a27613 rgb(162,118,19)
```
#b48315
```
#b48315 rgb(180,131,21)
```
#c69017
```
#c69017 rgb(198,144,23)
```
#d79d19
```
#d79d19 rgb(215,157,25)
```

Shade Color Variation

#e5a81f
```
#e5a81f rgb(229,168,31)
```
#e7af31
```
#e7af31 rgb(231,175,49)
```
#e9b642
```
#e9b642 rgb(233,182,66)
```
#ebbc54
```
#ebbc54 rgb(235,188,84)
```
#edc365
```
#edc365 rgb(237,195,101)
```
#efca77
```
#efca77 rgb(239,202,119)
```
#f1d188
```
#f1d188 rgb(241,209,136)
```
#f3d89a
```
#f3d89a rgb(243,216,154)
```
#f5dfac
```
#f5dfac rgb(245,223,172)
```
#f7e5bd
```
#f7e5bd rgb(247,229,189)
```
#f9eccf
```
#f9eccf rgb(249,236,207)
```
#fbf3e0
```
#fbf3e0 rgb(251,243,224)
```
#fdfaf2
```
#fdfaf2 rgb(253,250,242)
```

Tint Color Variation

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

#676562
```
#676562 rgb(103,101,98)
```
#6e685b
```
#6e685b rgb(110,104,91)
```
#766b53
```
#766b53 rgb(118,107,83)
```
#7e6e4b
```
#7e6e4b rgb(126,110,75)
```
#867143
```
#867143 rgb(134,113,67)
```
#8d743c
```
#8d743c rgb(141,116,60)
```
#957734
```
#957734 rgb(149,119,52)
```
#9d7a2c
```
#9d7a2c rgb(157,122,44)
```
#a57d24
```
#a57d24 rgb(165,125,36)
```
#ac801d
```
#ac801d rgb(172,128,29)
```
#b48315
```
#b48315 rgb(180,131,21)
```
#bc860d
```
#bc860d rgb(188,134,13)
```
#c38906
```
#c38906 rgb(195,137,6)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8e856f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29123 Protanopia 1% of men
#b58a20 Deuteranopia 1% of men
#be8089 Tritanopia 0.001% of the population

Trichromacy

#a98c1e Protanomaly 1% of men, 0.01% of women
#b4871c Deuteranomaly 6% of men, 0.4% of women
#ba815f Tritanomaly 0.01% of the population

#b48315 hex color

#b48315 Color Information

#b48315 Color Conversion

Color Schemes with #b48315

Alternatives to #b48315

#b48315 Preview

Shades and Tints of #b48315

Tones of #b48315

Color Blindness Simulator