#b28a18 hex color

In a RGB color space, hex #b28a18 is composed of 69.8% red, 54.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.5% magenta, 86.5% yellow and 30.2% black. It has a hue angle of 44.4 degrees, a saturation of 76.2% and a lightness of 39.6%. #b28a18 color hex could be obtained by blending #ffff30 with #651500. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 70
- G 54
- B 9
RGB color chart
- C 0
- M 22
- Y 87
- K 30
CMYK color chart

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

The hexadecimal color #b28a18 has RGB values of R:178, G:138, B:24 and CMYK values of C:0, M:0.22, Y:0.87, K:0.3. Its decimal value is 11700760.

Hex triplet	b28a18	`#b28a18`
RGB Decimal	178, 138, 24	`rgb(178,138,24)`
RGB Percent	69.8, 54.1, 9.4	`rgb(69.8%,54.1%,9.4%)`
CMYK	0, 22, 87, 30
HSL	44.4°, 76.2, 39.6	`hsl(44.4,76.2%,39.6%)`
HSV (or HSB)	44.4°, 86.5, 69.8
Web Safe	999900	`#999900`

CIE-LAB	59.625, 5.186, 59.942
XYZ	27.614, 27.709, 4.758
xyY	0.46, 0.461, 27.709
CIE-LCH	59.625, 60.166, 85.055
CIE-LUV	59.625, 33.779, 59.477
Hunter-Lab	52.64, 1.519, 31.488
Binary	10110010, 10001010, 00011000

#b28a18
```
#b28a18 rgb(178,138,24)
```
#1840b2
```
#1840b2 rgb(24,64,178)
```

Complementary Color

#b23d18
```
#b23d18 rgb(178,61,24)
```
#b28a18
```
#b28a18 rgb(178,138,24)
```
#8db218
```
#8db218 rgb(141,178,24)
```

Analogous Color

#3d18b2
```
#3d18b2 rgb(61,24,178)
```
#b28a18
```
#b28a18 rgb(178,138,24)
```
#188db2
```
#188db2 rgb(24,141,178)
```

Split Complementary Color

#8a18b2
```
#8a18b2 rgb(138,24,178)
```
#b28a18
```
#b28a18 rgb(178,138,24)
```
#18b28a
```
#18b28a rgb(24,178,138)
```

Triadic Color

#b21840
```
#b21840 rgb(178,24,64)
```
#b28a18
```
#b28a18 rgb(178,138,24)
```
#18b28a
```
#18b28a rgb(24,178,138)
```
#1840b2
```
#1840b2 rgb(24,64,178)
```

Tetradic Color

#6f560f
```
#6f560f rgb(111,86,15)
```
#856712
```
#856712 rgb(133,103,18)
```
#9c7915
```
#9c7915 rgb(156,121,21)
```
#b28a18
```
#b28a18 rgb(178,138,24)
```
#c89b1b
```
#c89b1b rgb(200,155,27)
```
#dfad1e
```
#dfad1e rgb(223,173,30)
```
#e3b633
```
#e3b633 rgb(227,182,51)
```

Monochromatic Color

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

#b26418
```
#b26418 rgb(178,100,24)
```
#b27018
```
#b27018 rgb(178,112,24)
```
#b27d18
```
#b27d18 rgb(178,125,24)
```
#b28a18
```
#b28a18 rgb(178,138,24)
```
#b29718
```
#b29718 rgb(178,151,24)
```
#b2a418
```
#b2a418 rgb(178,164,24)
```
#b2b118
```
#b2b118 rgb(178,177,24)
```

Similar Colors

Text with hexadecimal color #b28a18

This text has a font color of #b28a18.

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

#b28a18 background color

This paragraph has a background color of #b28a18.

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

#b28a18 border color

This element has a border color of #b28a18.

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

CSS codes

.text {color:#b28a18;}

.background {background-color:#b28a18;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#161103
```
#161103 rgb(22,17,3)
```
#281f05
```
#281f05 rgb(40,31,5)
```
#392c08
```
#392c08 rgb(57,44,8)
```
#4a3a0a
```
#4a3a0a rgb(74,58,10)
```
#5c470c
```
#5c470c rgb(92,71,12)
```
#6d540f
```
#6d540f rgb(109,84,15)
```
#7e6211
```
#7e6211 rgb(126,98,17)
```
#8f6f13
```
#8f6f13 rgb(143,111,19)
```
#a17d16
```
#a17d16 rgb(161,125,22)
```
#b28a18
```
#b28a18 rgb(178,138,24)
```
#c3971a
```
#c3971a rgb(195,151,26)
```
#d5a51d
```
#d5a51d rgb(213,165,29)
```

Shade Color Variation

#e1b023
```
#e1b023 rgb(225,176,35)
```
#e4b635
```
#e4b635 rgb(228,182,53)
```
#e6bc46
```
#e6bc46 rgb(230,188,70)
```
#e8c357
```
#e8c357 rgb(232,195,87)
```
#ebc969
```
#ebc969 rgb(235,201,105)
```
#edcf7a
```
#edcf7a rgb(237,207,122)
```
#efd58b
```
#efd58b rgb(239,213,139)
```
#f2dc9c
```
#f2dc9c rgb(242,220,156)
```
#f4e2ae
```
#f4e2ae rgb(244,226,174)
```
#f6e8bf
```
#f6e8bf rgb(246,232,191)
```
#f9eed0
```
#f9eed0 rgb(249,238,208)
```
#fbf4e2
```
#fbf4e2 rgb(251,244,226)
```
#fdfbf3
```
#fdfbf3 rgb(253,251,243)
```

Tint Color Variation

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

#6c685e
```
#6c685e rgb(108,104,94)
```
#746c56
```
#746c56 rgb(116,108,86)
```
#7c704e
```
#7c704e rgb(124,112,78)
```
#837447
```
#837447 rgb(131,116,71)
```
#8b773f
```
#8b773f rgb(139,119,63)
```
#937b37
```
#937b37 rgb(147,123,55)
```
#9b7f2f
```
#9b7f2f rgb(155,127,47)
```
#a28328
```
#a28328 rgb(162,131,40)
```
#aa8620
```
#aa8620 rgb(170,134,32)
```
#b28a18
```
#b28a18 rgb(178,138,24)
```
#ba8e10
```
#ba8e10 rgb(186,142,16)
```
#c29108
```
#c29108 rgb(194,145,8)
```
#c99501
```
#c99501 rgb(201,149,1)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#918972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79525 Protanopia 1% of men
#ba8e25 Deuteranopia 1% of men
#bd8690 Tritanopia 0.001% of the population

Trichromacy

#ab9120 Protanomaly 1% of men, 0.01% of women
#b78c20 Deuteranomaly 6% of men, 0.4% of women
#b98764 Tritanomaly 0.01% of the population

#b28a18 hex color

#b28a18 Color Information

#b28a18 Color Conversion

Color Schemes with #b28a18

Alternatives to #b28a18

#b28a18 Preview

Shades and Tints of #b28a18

Tones of #b28a18

Color Blindness Simulator