colorhexa.com

#b28214 hex color

In a RGB color space, hex #b28214 is composed of 69.8% red, 51% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 88.8% yellow and 30.2% black. It has a hue angle of 41.8 degrees, a saturation of 79.8% and a lightness of 38.8%. #b28214 color hex could be obtained by blending #ffff28 with #650500. Closest websafe color is: #999900.

- R 70
- G 51
- B 8
RGB color chart
- C 0
- M 27
- Y 89
- K 30
CMYK color chart

● #b28214 color description : Dark orange [Brown tone].

The hexadecimal color #b28214 has RGB values of R:178, G:130, B:20 and CMYK values of C:0, M:0.27, Y:0.89, K:0.3. Its decimal value is 11698708.

Hex triplet	b28214	`#b28214`
RGB Decimal	178, 130, 20	`rgb(178,130,20)`
RGB Percent	69.8, 51, 7.8	`rgb(69.8%,51%,7.8%)`
CMYK	0, 27, 89, 30
HSL	41.8°, 79.8, 38.8	`hsl(41.8,79.8%,38.8%)`
HSV (or HSB)	41.8°, 88.8, 69.8
Web Safe	999900	`#999900`

CIE-LAB	57.542, 9.524, 59.295
XYZ	26.47, 25.482, 4.186
xyY	0.472, 0.454, 25.482
CIE-LCH	57.542, 60.055, 80.875
CIE-LUV	57.542, 40.017, 56.909
Hunter-Lab	50.48, 5.258, 30.419
Binary	10110010, 10000010, 00010100

#b28214
```
#b28214 rgb(178,130,20)
```
#1444b2
```
#1444b2 rgb(20,68,178)
```

Complementary Color

#b23314
```
#b23314 rgb(178,51,20)
```
#b28214
```
#b28214 rgb(178,130,20)
```
#93b214
```
#93b214 rgb(147,178,20)
```

Analogous Color

#3314b2
```
#3314b2 rgb(51,20,178)
```
#b28214
```
#b28214 rgb(178,130,20)
```
#1493b2
```
#1493b2 rgb(20,147,178)
```

Split Complementary Color

#8214b2
```
#8214b2 rgb(130,20,178)
```
#b28214
```
#b28214 rgb(178,130,20)
```
#14b282
```
#14b282 rgb(20,178,130)
```

Triadic Color

#b21444
```
#b21444 rgb(178,20,68)
```
#b28214
```
#b28214 rgb(178,130,20)
```
#14b282
```
#14b282 rgb(20,178,130)
```
#1444b2
```
#1444b2 rgb(20,68,178)
```

Tetradic Color

#6d500c
```
#6d500c rgb(109,80,12)
```
#84610f
```
#84610f rgb(132,97,15)
```
#9b7111
```
#9b7111 rgb(155,113,17)
```
#b28214
```
#b28214 rgb(178,130,20)
```
#c99317
```
#c99317 rgb(201,147,23)
```
#e0a319
```
#e0a319 rgb(224,163,25)
```
#e7ae2b
```
#e7ae2b rgb(231,174,43)
```

Monochromatic Color

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

#b25b14
```
#b25b14 rgb(178,91,20)
```
#b26814
```
#b26814 rgb(178,104,20)
```
#b27514
```
#b27514 rgb(178,117,20)
```
#b28214
```
#b28214 rgb(178,130,20)
```
#b28f14
```
#b28f14 rgb(178,143,20)
```
#b29c14
```
#b29c14 rgb(178,156,20)
```
#b2aa14
```
#b2aa14 rgb(178,170,20)
```

Similar Colors

Text with hexadecimal color #b28214

This text has a font color of #b28214.

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

#b28214 background color

This paragraph has a background color of #b28214.

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

#b28214 border color

This element has a border color of #b28214.

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

CSS codes

.text {color:#b28214;}

.background {background-color:#b28214;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130e02
```
#130e02 rgb(19,14,2)
```
#251b04
```
#251b04 rgb(37,27,4)
```
#372806
```
#372806 rgb(55,40,6)
```
#483508
```
#483508 rgb(72,53,8)
```
#5a420a
```
#5a420a rgb(90,66,10)
```
#6b4e0c
```
#6b4e0c rgb(107,78,12)
```
#7d5b0e
```
#7d5b0e rgb(125,91,14)
```
#8f6810
```
#8f6810 rgb(143,104,16)
```
#a07512
```
#a07512 rgb(160,117,18)
```
#b28214
```
#b28214 rgb(178,130,20)
```
#c48f16
```
#c48f16 rgb(196,143,22)
```
#d59c18
```
#d59c18 rgb(213,156,24)
```

Shade Color Variation

#e5a81b
```
#e5a81b rgb(229,168,27)
```
#e7af2d
```
#e7af2d rgb(231,175,45)
```
#e9b63f
```
#e9b63f rgb(233,182,63)
```
#ebbc50
```
#ebbc50 rgb(235,188,80)
```
#edc362
```
#edc362 rgb(237,195,98)
```
#efca74
```
#efca74 rgb(239,202,116)
```
#f1d085
```
#f1d085 rgb(241,208,133)
```
#f3d797
```
#f3d797 rgb(243,215,151)
```
#f5dea8
```
#f5dea8 rgb(245,222,168)
```
#f7e5ba
```
#f7e5ba rgb(247,229,186)
```
#f9ebcc
```
#f9ebcc rgb(249,235,204)
```
#fbf2dd
```
#fbf2dd rgb(251,242,221)
```
#fdf9ef
```
#fdf9ef rgb(253,249,239)
```

Tint Color Variation

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

#666460
```
#666460 rgb(102,100,96)
```
#6d6759
```
#6d6759 rgb(109,103,89)
```
#756a51
```
#756a51 rgb(117,106,81)
```
#7d6d49
```
#7d6d49 rgb(125,109,73)
```
#847042
```
#847042 rgb(132,112,66)
```
#8c733a
```
#8c733a rgb(140,115,58)
```
#947632
```
#947632 rgb(148,118,50)
```
#9b792b
```
#9b792b rgb(155,121,43)
```
#a37c23
```
#a37c23 rgb(163,124,35)
```
#aa7f1c
```
#aa7f1c rgb(170,127,28)
```
#b28214
```
#b28214 rgb(178,130,20)
```
#ba850c
```
#ba850c rgb(186,133,12)
```
#c18805
```
#c18805 rgb(193,136,5)
```

Tone Color Variation

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

Dichromacy

#a19022 Protanopia 1% of men
#b4891f Deuteranopia 1% of men
#bc7f88 Tritanopia 0.001% of the population

Trichromacy

#a78b1d Protanomaly 1% of men, 0.01% of women
#b3861b Deuteranomaly 6% of men, 0.4% of women
#b8805e Tritanomaly 0.01% of the population