#b28227 hex color

In a RGB color space, hex #b28227 is composed of 69.8% red, 51% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 78.1% yellow and 30.2% black. It has a hue angle of 39.3 degrees, a saturation of 64.1% and a lightness of 42.5%. #b28227 color hex could be obtained by blending #ffff4e with #650500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 51
- B 15
RGB color chart
- C 0
- M 27
- Y 78
- K 30
CMYK color chart

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

The hexadecimal color #b28227 has RGB values of R:178, G:130, B:39 and CMYK values of C:0, M:0.27, Y:0.78, K:0.3. Its decimal value is 11698727.

Hex triplet	b28227	`#b28227`
RGB Decimal	178, 130, 39	`rgb(178,130,39)`
RGB Percent	69.8, 51, 15.3	`rgb(69.8%,51%,15.3%)`
CMYK	0, 27, 78, 30
HSL	39.3°, 64.1, 42.5	`hsl(39.3,64.1%,42.5%)`
HSV (or HSB)	39.3°, 78.1, 69.8
Web Safe	999933	`#999933`

CIE-LAB	57.635, 10.11, 53.25
XYZ	26.709, 25.578, 5.45
xyY	0.463, 0.443, 25.578
CIE-LCH	57.635, 54.202, 79.249
CIE-LUV	57.635, 39.353, 53.288
Hunter-Lab	50.575, 5.763, 29.014
Binary	10110010, 10000010, 00100111

#b28227
```
#b28227 rgb(178,130,39)
```
#2757b2
```
#2757b2 rgb(39,87,178)
```

Complementary Color

#b23d27
```
#b23d27 rgb(178,61,39)
```
#b28227
```
#b28227 rgb(178,130,39)
```
#9db227
```
#9db227 rgb(157,178,39)
```

Analogous Color

#3d27b2
```
#3d27b2 rgb(61,39,178)
```
#b28227
```
#b28227 rgb(178,130,39)
```
#279db2
```
#279db2 rgb(39,157,178)
```

Split Complementary Color

#8227b2
```
#8227b2 rgb(130,39,178)
```
#b28227
```
#b28227 rgb(178,130,39)
```
#27b282
```
#27b282 rgb(39,178,130)
```

Triadic Color

#b22757
```
#b22757 rgb(178,39,87)
```
#b28227
```
#b28227 rgb(178,130,39)
```
#27b282
```
#27b282 rgb(39,178,130)
```
#2757b2
```
#2757b2 rgb(39,87,178)
```

Tetradic Color

#735419
```
#735419 rgb(115,84,25)
```
#88631e
```
#88631e rgb(136,99,30)
```
#9d7322
```
#9d7322 rgb(157,115,34)
```
#b28227
```
#b28227 rgb(178,130,39)
```
#c7912c
```
#c7912c rgb(199,145,44)
```
#d49e38
```
#d49e38 rgb(212,158,56)
```
#d8a84d
```
#d8a84d rgb(216,168,77)
```

Monochromatic Color

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

#b25f27
```
#b25f27 rgb(178,95,39)
```
#b26b27
```
#b26b27 rgb(178,107,39)
```
#b27627
```
#b27627 rgb(178,118,39)
```
#b28227
```
#b28227 rgb(178,130,39)
```
#b28e27
```
#b28e27 rgb(178,142,39)
```
#b29927
```
#b29927 rgb(178,153,39)
```
#b2a527
```
#b2a527 rgb(178,165,39)
```

Similar Colors

Text with hexadecimal color #b28227

This text has a font color of #b28227.

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

#b28227 background color

This paragraph has a background color of #b28227.

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

#b28227 border color

This element has a border color of #b28227.

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

CSS codes

.text {color:#b28227;}

.background {background-color:#b28227;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110c04
```
#110c04 rgb(17,12,4)
```
#211807
```
#211807 rgb(33,24,7)
```
#31240b
```
#31240b rgb(49,36,11)
```
#41300e
```
#41300e rgb(65,48,14)
```
#513b12
```
#513b12 rgb(81,59,18)
```
#624715
```
#624715 rgb(98,71,21)
```
#725319
```
#725319 rgb(114,83,25)
```
#825f1c
```
#825f1c rgb(130,95,28)
```
#926a20
```
#926a20 rgb(146,106,32)
```
#a27623
```
#a27623 rgb(162,118,35)
```
#b28227
```
#b28227 rgb(178,130,39)
```
#c28e2b
```
#c28e2b rgb(194,142,43)
```

Shade Color Variation

#d1992f
```
#d1992f rgb(209,153,47)
```
#d5a13f
```
#d5a13f rgb(213,161,63)
```
#d8a94f
```
#d8a94f rgb(216,169,79)
```
#dcb15f
```
#dcb15f rgb(220,177,95)
```
#dfb96f
```
#dfb96f rgb(223,185,111)
```
#e3c17f
```
#e3c17f rgb(227,193,127)
```
#e7c88f
```
#e7c88f rgb(231,200,143)
```
#ead09f
```
#ead09f rgb(234,208,159)
```
#eed8b0
```
#eed8b0 rgb(238,216,176)
```
#f1e0c0
```
#f1e0c0 rgb(241,224,192)
```
#f5e8d0
```
#f5e8d0 rgb(245,232,208)
```
#f8f0e0
```
#f8f0e0 rgb(248,240,224)
```
#fcf8f0
```
#fcf8f0 rgb(252,248,240)
```

Tint Color Variation

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

#6f6d6a
```
#6f6d6a rgb(111,109,106)
```
#787061
```
#787061 rgb(120,112,97)
```
#807359
```
#807359 rgb(128,115,89)
```
#887551
```
#887551 rgb(136,117,81)
```
#917848
```
#917848 rgb(145,120,72)
```
#997a40
```
#997a40 rgb(153,122,64)
```
#a17d38
```
#a17d38 rgb(161,125,56)
```
#aa7f2f
```
#aa7f2f rgb(170,127,47)
```
#b28227
```
#b28227 rgb(178,130,39)
```
#ba851f
```
#ba851f rgb(186,133,31)
```
#c38716
```
#c38716 rgb(195,135,22)
```
#cb8a0e
```
#cb8a0e rgb(203,138,14)
```
#d38c06
```
#d38c06 rgb(211,140,6)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8f8573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09034 Protanopia 1% of men
#b38931 Deuteranopia 1% of men
#bc8088 Tritanopia 0.001% of the population

Trichromacy

#a78b2f Protanomaly 1% of men, 0.01% of women
#b2862d Deuteranomaly 6% of men, 0.4% of women
#b88065 Tritanomaly 0.01% of the population

#b28227 hex color

#b28227 Color Information

#b28227 Color Conversion

Color Schemes with #b28227

Alternatives to #b28227

#b28227 Preview

Shades and Tints of #b28227

Tones of #b28227

Color Blindness Simulator