#b04018 hex color

In a RGB color space, hex #b04018 is composed of 69% red, 25.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.6% magenta, 86.4% yellow and 31% black. It has a hue angle of 15.8 degrees, a saturation of 76% and a lightness of 39.2%. #b04018 color hex could be obtained by blending #ff8030 with #610000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 69
- G 25
- B 9
RGB color chart
- C 0
- M 64
- Y 86
- K 31
CMYK color chart

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

The hexadecimal color #b04018 has RGB values of R:176, G:64, B:24 and CMYK values of C:0, M:0.64, Y:0.86, K:0.31. Its decimal value is 11550744.

Hex triplet	b04018	`#b04018`
RGB Decimal	176, 64, 24	`rgb(176,64,24)`
RGB Percent	69, 25.1, 9.4	`rgb(69%,25.1%,9.4%)`
CMYK	0, 64, 86, 31
HSL	15.8°, 76, 39.2	`hsl(15.8,76%,39.2%)`
HSV (or HSB)	15.8°, 86.4, 69
Web Safe	993300	`#993300`

CIE-LAB	42.711, 43.854, 45.79
XYZ	19.904, 12.965, 2.319
xyY	0.566, 0.368, 12.965
CIE-LCH	42.711, 63.403, 46.237
CIE-LUV	42.711, 89.872, 32.677
Hunter-Lab	36.007, 35.658, 21.387
Binary	10110000, 01000000, 00011000

#b04018
```
#b04018 rgb(176,64,24)
```
#1888b0
```
#1888b0 rgb(24,136,176)
```

Complementary Color

#b0183c
```
#b0183c rgb(176,24,60)
```
#b04018
```
#b04018 rgb(176,64,24)
```
#b08c18
```
#b08c18 rgb(176,140,24)
```

Analogous Color

#183cb0
```
#183cb0 rgb(24,60,176)
```
#b04018
```
#b04018 rgb(176,64,24)
```
#18b08c
```
#18b08c rgb(24,176,140)
```

Split Complementary Color

#4018b0
```
#4018b0 rgb(64,24,176)
```
#b04018
```
#b04018 rgb(176,64,24)
```
#18b040
```
#18b040 rgb(24,176,64)
```

Triadic Color

#b01888
```
#b01888 rgb(176,24,136)
```
#b04018
```
#b04018 rgb(176,64,24)
```
#18b040
```
#18b040 rgb(24,176,64)
```
#1888b0
```
#1888b0 rgb(24,136,176)
```

Tetradic Color

#6d280f
```
#6d280f rgb(109,40,15)
```
#833012
```
#833012 rgb(131,48,18)
```
#9a3815
```
#9a3815 rgb(154,56,21)
```
#b04018
```
#b04018 rgb(176,64,24)
```
#c6481b
```
#c6481b rgb(198,72,27)
```
#dd501e
```
#dd501e rgb(221,80,30)
```
#e36032
```
#e36032 rgb(227,96,50)
```

Monochromatic Color

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

#b01a18
```
#b01a18 rgb(176,26,24)
```
#b02718
```
#b02718 rgb(176,39,24)
```
#b03318
```
#b03318 rgb(176,51,24)
```
#b04018
```
#b04018 rgb(176,64,24)
```
#b04d18
```
#b04d18 rgb(176,77,24)
```
#b05918
```
#b05918 rgb(176,89,24)
```
#b06618
```
#b06618 rgb(176,102,24)
```

Similar Colors

Text with hexadecimal color #b04018

This text has a font color of #b04018.

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

#b04018 background color

This paragraph has a background color of #b04018.

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

#b04018 border color

This element has a border color of #b04018.

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

CSS codes

.text {color:#b04018;}

.background {background-color:#b04018;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#150803
```
#150803 rgb(21,8,3)
```
#260e05
```
#260e05 rgb(38,14,5)
```
#371408
```
#371408 rgb(55,20,8)
```
#481a0a
```
#481a0a rgb(72,26,10)
```
#5a210c
```
#5a210c rgb(90,33,12)
```
#6b270f
```
#6b270f rgb(107,39,15)
```
#7c2d11
```
#7c2d11 rgb(124,45,17)
```
#8d3313
```
#8d3313 rgb(141,51,19)
```
#9f3a16
```
#9f3a16 rgb(159,58,22)
```
#b04018
```
#b04018 rgb(176,64,24)
```
#c1461a
```
#c1461a rgb(193,70,26)
```
#d34d1d
```
#d34d1d rgb(211,77,29)
```

Shade Color Variation

#e15422
```
#e15422 rgb(225,84,34)
```
#e36233
```
#e36233 rgb(227,98,51)
```
#e66f45
```
#e66f45 rgb(230,111,69)
```
#e87c56
```
#e87c56 rgb(232,124,86)
```
#ea8a67
```
#ea8a67 rgb(234,138,103)
```
#ed9778
```
#ed9778 rgb(237,151,120)
```
#efa48a
```
#efa48a rgb(239,164,138)
```
#f1b29b
```
#f1b29b rgb(241,178,155)
```
#f4bfac
```
#f4bfac rgb(244,191,172)
```
#f6ccbd
```
#f6ccbd rgb(246,204,189)
```
#f8dacf
```
#f8dacf rgb(248,218,207)
```
#fbe7e0
```
#fbe7e0 rgb(251,231,224)
```
#fdf4f1
```
#fdf4f1 rgb(253,244,241)
```

Tint Color Variation

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

#6b615d
```
#6b615d rgb(107,97,93)
```
#725d56
```
#725d56 rgb(114,93,86)
```
#7a5a4e
```
#7a5a4e rgb(122,90,78)
```
#825646
```
#825646 rgb(130,86,70)
```
#8a523e
```
#8a523e rgb(138,82,62)
```
#914f37
```
#914f37 rgb(145,79,55)
```
#994b2f
```
#994b2f rgb(153,75,47)
```
#a14727
```
#a14727 rgb(161,71,39)
```
#a84420
```
#a84420 rgb(168,68,32)
```
#b04018
```
#b04018 rgb(176,64,24)
```
#b83c10
```
#b83c10 rgb(184,60,16)
```
#bf3909
```
#bf3909 rgb(191,57,9)
```
#c73501
```
#c73501 rgb(199,53,1)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6e574f Atypical Achromatopsia 0.001% of the population

Dichromacy

#786d2c Protanopia 1% of men
#876716 Deuteranopia 1% of men
#b54549 Tritanopia 0.001% of the population

Trichromacy

#8c5c25 Protanomaly 1% of men, 0.01% of women
#965917 Deuteranomaly 6% of men, 0.4% of women
#b34337 Tritanomaly 0.01% of the population

#b04018 hex color

#b04018 Color Information

#b04018 Color Conversion

Color Schemes with #b04018

Alternatives to #b04018

#b04018 Preview

Shades and Tints of #b04018

Tones of #b04018

Color Blindness Simulator