#b48314 hex color

In a RGB color space, hex #b48314 is composed of 70.6% red, 51.4% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 88.9% yellow and 29.4% black. It has a hue angle of 41.6 degrees, a saturation of 80% and a lightness of 39.2%. #b48314 color hex could be obtained by blending #ffff28 with #690700. Closest websafe color is: #cc9900.

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

● #b48314 color description : Strong orange.

The hexadecimal color #b48314 has RGB values of R:180, G:131, B:20 and CMYK values of C:0, M:0.27, Y:0.89, K:0.29. Its decimal value is 11830036.

Hex triplet	b48314	`#b48314`
RGB Decimal	180, 131, 20	`rgb(180,131,20)`
RGB Percent	70.6, 51.4, 7.8	`rgb(70.6%,51.4%,7.8%)`
CMYK	0, 27, 89, 29
HSL	41.6°, 80, 39.2	`hsl(41.6,80%,39.2%)`
HSV (or HSB)	41.6°, 88.9, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	58.026, 9.874, 59.774
XYZ	27.066, 25.988, 4.253
xyY	0.472, 0.453, 25.988
CIE-LCH	58.026, 60.584, 80.62
CIE-LUV	58.026, 40.841, 57.367
Hunter-Lab	50.978, 5.557, 30.739
Binary	10110100, 10000011, 00010100

#b48314
```
#b48314 rgb(180,131,20)
```
#1445b4
```
#1445b4 rgb(20,69,180)
```

Complementary Color

#b43314
```
#b43314 rgb(180,51,20)
```
#b48314
```
#b48314 rgb(180,131,20)
```
#95b414
```
#95b414 rgb(149,180,20)
```

Analogous Color

#3314b4
```
#3314b4 rgb(51,20,180)
```
#b48314
```
#b48314 rgb(180,131,20)
```
#1495b4
```
#1495b4 rgb(20,149,180)
```

Split Complementary Color

#8314b4
```
#8314b4 rgb(131,20,180)
```
#b48314
```
#b48314 rgb(180,131,20)
```
#14b483
```
#14b483 rgb(20,180,131)
```

Triadic Color

#b41445
```
#b41445 rgb(180,20,69)
```
#b48314
```
#b48314 rgb(180,131,20)
```
#14b483
```
#14b483 rgb(20,180,131)
```
#1445b4
```
#1445b4 rgb(20,69,180)
```

Tetradic Color

#6f510c
```
#6f510c rgb(111,81,12)
```
#86620f
```
#86620f rgb(134,98,15)
```
#9d7211
```
#9d7211 rgb(157,114,17)
```
#b48314
```
#b48314 rgb(180,131,20)
```
#cb9417
```
#cb9417 rgb(203,148,23)
```
#e2a419
```
#e2a419 rgb(226,164,25)
```
#e8ae2d
```
#e8ae2d rgb(232,174,45)
```

Monochromatic Color

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

#b45b14
```
#b45b14 rgb(180,91,20)
```
#b46814
```
#b46814 rgb(180,104,20)
```
#b47614
```
#b47614 rgb(180,118,20)
```
#b48314
```
#b48314 rgb(180,131,20)
```
#b49014
```
#b49014 rgb(180,144,20)
```
#b49e14
```
#b49e14 rgb(180,158,20)
```
#b4ab14
```
#b4ab14 rgb(180,171,20)
```

Similar Colors

Text with hexadecimal color #b48314

This text has a font color of #b48314.

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

#b48314 background color

This paragraph has a background color of #b48314.

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

#b48314 border color

This element has a border color of #b48314.

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

CSS codes

.text {color:#b48314;}

.background {background-color:#b48314;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#150f02
```
#150f02 rgb(21,15,2)
```
#271c04
```
#271c04 rgb(39,28,4)
```
#382906
```
#382906 rgb(56,41,6)
```
#4a3608
```
#4a3608 rgb(74,54,8)
```
#5c430a
```
#5c430a rgb(92,67,10)
```
#6d500c
```
#6d500c rgb(109,80,12)
```
#7f5c0e
```
#7f5c0e rgb(127,92,14)
```
#916910
```
#916910 rgb(145,105,16)
```
#a27612
```
#a27612 rgb(162,118,18)
```
#b48314
```
#b48314 rgb(180,131,20)
```
#c69016
```
#c69016 rgb(198,144,22)
```
#d79d18
```
#d79d18 rgb(215,157,24)
```

Shade Color Variation

#e6a81d
```
#e6a81d rgb(230,168,29)
```
#e8af2f
```
#e8af2f rgb(232,175,47)
```
#eab640
```
#eab640 rgb(234,182,64)
```
#ecbd52
```
#ecbd52 rgb(236,189,82)
```
#eec364
```
#eec364 rgb(238,195,100)
```
#f0ca75
```
#f0ca75 rgb(240,202,117)
```
#f2d187
```
#f2d187 rgb(242,209,135)
```
#f4d899
```
#f4d899 rgb(244,216,153)
```
#f6deaa
```
#f6deaa rgb(246,222,170)
```
#f8e5bc
```
#f8e5bc rgb(248,229,188)
```
#faecce
```
#faecce rgb(250,236,206)
```
#fbf3df
```
#fbf3df rgb(251,243,223)
```
#fdfaf1
```
#fdfaf1 rgb(253,250,241)
```

Tint Color Variation

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

#676561
```
#676561 rgb(103,101,97)
```
#6f6859
```
#6f6859 rgb(111,104,89)
```
#766b52
```
#766b52 rgb(118,107,82)
```
#7e6e4a
```
#7e6e4a rgb(126,110,74)
```
#867142
```
#867142 rgb(134,113,66)
```
#8e743a
```
#8e743a rgb(142,116,58)
```
#957733
```
#957733 rgb(149,119,51)
```
#9d7a2b
```
#9d7a2b rgb(157,122,43)
```
#a57d23
```
#a57d23 rgb(165,125,35)
```
#ac801c
```
#ac801c rgb(172,128,28)
```
#b48314
```
#b48314 rgb(180,131,20)
```
#bc860c
```
#bc860c rgb(188,134,12)
```
#c38905
```
#c38905 rgb(195,137,5)
```

Tone Color Variation

Below, you can see how #b48314 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
#8e856e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29122 Protanopia 1% of men
#b58a1f Deuteranopia 1% of men
#be8089 Tritanopia 0.001% of the population

Trichromacy

#a98c1d Protanomaly 1% of men, 0.01% of women
#b5871b Deuteranomaly 6% of men, 0.4% of women
#ba815e Tritanomaly 0.01% of the population

#b48314 hex color

#b48314 Color Information

#b48314 Color Conversion

Color Schemes with #b48314

Alternatives to #b48314

#b48314 Preview

Shades and Tints of #b48314

Tones of #b48314

Color Blindness Simulator