#b48214 hex color

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

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

● #b48214 color description : Strong orange.

The hexadecimal color #b48214 has RGB values of R:180, G:130, B:20 and CMYK values of C:0, M:0.28, Y:0.89, K:0.29. Its decimal value is 11829780.

Hex triplet	b48214	`#b48214`
RGB Decimal	180, 130, 20	`rgb(180,130,20)`
RGB Percent	70.6, 51, 7.8	`rgb(70.6%,51%,7.8%)`
CMYK	0, 28, 89, 29
HSL	41.3°, 80, 39.2	`hsl(41.3,80%,39.2%)`
HSV (or HSB)	41.3°, 88.9, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	57.771, 10.429, 59.573
XYZ	26.932, 25.721, 4.208
xyY	0.474, 0.452, 25.721
CIE-LCH	57.771, 60.479, 80.07
CIE-LUV	57.771, 41.621, 56.979
Hunter-Lab	50.716, 6.038, 30.582
Binary	10110100, 10000010, 00010100

#b48214
```
#b48214 rgb(180,130,20)
```
#1446b4
```
#1446b4 rgb(20,70,180)
```

Complementary Color

#b43214
```
#b43214 rgb(180,50,20)
```
#b48214
```
#b48214 rgb(180,130,20)
```
#96b414
```
#96b414 rgb(150,180,20)
```

Analogous Color

#3214b4
```
#3214b4 rgb(50,20,180)
```
#b48214
```
#b48214 rgb(180,130,20)
```
#1496b4
```
#1496b4 rgb(20,150,180)
```

Split Complementary Color

#8214b4
```
#8214b4 rgb(130,20,180)
```
#b48214
```
#b48214 rgb(180,130,20)
```
#14b482
```
#14b482 rgb(20,180,130)
```

Triadic Color

#b41446
```
#b41446 rgb(180,20,70)
```
#b48214
```
#b48214 rgb(180,130,20)
```
#14b482
```
#14b482 rgb(20,180,130)
```
#1446b4
```
#1446b4 rgb(20,70,180)
```

Tetradic Color

#6f500c
```
#6f500c rgb(111,80,12)
```
#86610f
```
#86610f rgb(134,97,15)
```
#9d7111
```
#9d7111 rgb(157,113,17)
```
#b48214
```
#b48214 rgb(180,130,20)
```
#cb9317
```
#cb9317 rgb(203,147,23)
```
#e2a319
```
#e2a319 rgb(226,163,25)
```
#e8ad2d
```
#e8ad2d rgb(232,173,45)
```

Monochromatic Color

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

#b45a14
```
#b45a14 rgb(180,90,20)
```
#b46714
```
#b46714 rgb(180,103,20)
```
#b47514
```
#b47514 rgb(180,117,20)
```
#b48214
```
#b48214 rgb(180,130,20)
```
#b48f14
```
#b48f14 rgb(180,143,20)
```
#b49d14
```
#b49d14 rgb(180,157,20)
```
#b4aa14
```
#b4aa14 rgb(180,170,20)
```

Similar Colors

Text with hexadecimal color #b48214

This text has a font color of #b48214.

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

#b48214 background color

This paragraph has a background color of #b48214.

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

#b48214 border color

This element has a border color of #b48214.

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

CSS codes

.text {color:#b48214;}

.background {background-color:#b48214;}

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

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

#030200
```
#030200 rgb(3,2,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)
```
#5c420a
```
#5c420a rgb(92,66,10)
```
#6d4f0c
```
#6d4f0c rgb(109,79,12)
```
#7f5c0e
```
#7f5c0e rgb(127,92,14)
```
#916910
```
#916910 rgb(145,105,16)
```
#a27512
```
#a27512 rgb(162,117,18)
```
#b48214
```
#b48214 rgb(180,130,20)
```
#c68f16
```
#c68f16 rgb(198,143,22)
```
#d79c18
```
#d79c18 rgb(215,156,24)
```

Shade Color Variation

#e6a71d
```
#e6a71d rgb(230,167,29)
```
#e8ae2f
```
#e8ae2f rgb(232,174,47)
```
#eab540
```
#eab540 rgb(234,181,64)
```
#ecbc52
```
#ecbc52 rgb(236,188,82)
```
#eec364
```
#eec364 rgb(238,195,100)
```
#f0c975
```
#f0c975 rgb(240,201,117)
```
#f2d087
```
#f2d087 rgb(242,208,135)
```
#f4d799
```
#f4d799 rgb(244,215,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)
```
#fdf9f1
```
#fdf9f1 rgb(253,249,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 #c38805 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)
```
#957633
```
#957633 rgb(149,118,51)
```
#9d792b
```
#9d792b rgb(157,121,43)
```
#a57c23
```
#a57c23 rgb(165,124,35)
```
#ac7f1c
```
#ac7f1c rgb(172,127,28)
```
#b48214
```
#b48214 rgb(180,130,20)
```
#bc850c
```
#bc850c rgb(188,133,12)
```
#c38805
```
#c38805 rgb(195,136,5)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8e846e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29122 Protanopia 1% of men
#b4891f Deuteranopia 1% of men
#be7f88 Tritanopia 0.001% of the population

Trichromacy

#a88b1d Protanomaly 1% of men, 0.01% of women
#b4871b Deuteranomaly 6% of men, 0.4% of women
#ba805e Tritanomaly 0.01% of the population

#b48214 hex color

#b48214 Color Information

#b48214 Color Conversion

Color Schemes with #b48214

Alternatives to #b48214

#b48214 Preview

Shades and Tints of #b48214

Tones of #b48214

Color Blindness Simulator