#b68218 hex color

In a RGB color space, hex #b68218 is composed of 71.4% red, 51% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.6% magenta, 86.8% yellow and 28.6% black. It has a hue angle of 40.3 degrees, a saturation of 76.7% and a lightness of 40.4%. #b68218 color hex could be obtained by blending #ffff30 with #6d0500. Closest websafe color is: #cc9900.

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

● #b68218 color description : Strong orange.

The hexadecimal color #b68218 has RGB values of R:182, G:130, B:24 and CMYK values of C:0, M:0.29, Y:0.87, K:0.29. Its decimal value is 11960856.

Hex triplet	b68218	`#b68218`
RGB Decimal	182, 130, 24	`rgb(182,130,24)`
RGB Percent	71.4, 51, 9.4	`rgb(71.4%,51%,9.4%)`
CMYK	0, 29, 87, 29
HSL	40.3°, 76.7, 40.4	`hsl(40.3,76.7%,40.4%)`
HSV (or HSB)	40.3°, 86.8, 71.4
Web Safe	cc9900	`#cc9900`

CIE-LAB	58.016, 11.423, 58.81
XYZ	27.44, 25.978, 4.433
xyY	0.474, 0.449, 25.978
CIE-LCH	58.016, 59.909, 79.008
CIE-LUV	58.016, 43.118, 56.469
Hunter-Lab	50.969, 6.903, 30.521
Binary	10110110, 10000010, 00011000

#b68218
```
#b68218 rgb(182,130,24)
```
#184cb6
```
#184cb6 rgb(24,76,182)
```

Complementary Color

#b63318
```
#b63318 rgb(182,51,24)
```
#b68218
```
#b68218 rgb(182,130,24)
```
#9bb618
```
#9bb618 rgb(155,182,24)
```

Analogous Color

#3318b6
```
#3318b6 rgb(51,24,182)
```
#b68218
```
#b68218 rgb(182,130,24)
```
#189bb6
```
#189bb6 rgb(24,155,182)
```

Split Complementary Color

#8218b6
```
#8218b6 rgb(130,24,182)
```
#b68218
```
#b68218 rgb(182,130,24)
```
#18b682
```
#18b682 rgb(24,182,130)
```

Triadic Color

#b6184c
```
#b6184c rgb(182,24,76)
```
#b68218
```
#b68218 rgb(182,130,24)
```
#18b682
```
#18b682 rgb(24,182,130)
```
#184cb6
```
#184cb6 rgb(24,76,182)
```

Tetradic Color

#72520f
```
#72520f rgb(114,82,15)
```
#896212
```
#896212 rgb(137,98,18)
```
#9f7215
```
#9f7215 rgb(159,114,21)
```
#b68218
```
#b68218 rgb(182,130,24)
```
#cd921b
```
#cd921b rgb(205,146,27)
```
#e2a21f
```
#e2a21f rgb(226,162,31)
```
#e4ab36
```
#e4ab36 rgb(228,171,54)
```

Monochromatic Color

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

#b65b18
```
#b65b18 rgb(182,91,24)
```
#b66818
```
#b66818 rgb(182,104,24)
```
#b67518
```
#b67518 rgb(182,117,24)
```
#b68218
```
#b68218 rgb(182,130,24)
```
#b68f18
```
#b68f18 rgb(182,143,24)
```
#b69c18
```
#b69c18 rgb(182,156,24)
```
#b6aa18
```
#b6aa18 rgb(182,170,24)
```

Similar Colors

Text with hexadecimal color #b68218

This text has a font color of #b68218.

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

#b68218 background color

This paragraph has a background color of #b68218.

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

#b68218 border color

This element has a border color of #b68218.

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

CSS codes

.text {color:#b68218;}

.background {background-color:#b68218;}

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

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

#090601
```
#090601 rgb(9,6,1)
```
#1a1303
```
#1a1303 rgb(26,19,3)
```
#2b1f06
```
#2b1f06 rgb(43,31,6)
```
#3d2b08
```
#3d2b08 rgb(61,43,8)
```
#4e380a
```
#4e380a rgb(78,56,10)
```
#5f440d
```
#5f440d rgb(95,68,13)
```
#71500f
```
#71500f rgb(113,80,15)
```
#825d11
```
#825d11 rgb(130,93,17)
```
#936913
```
#936913 rgb(147,105,19)
```
#a57616
```
#a57616 rgb(165,118,22)
```
#b68218
```
#b68218 rgb(182,130,24)
```
#c78e1a
```
#c78e1a rgb(199,142,26)
```
#d99b1d
```
#d99b1d rgb(217,155,29)
```

Shade Color Variation

#e2a526
```
#e2a526 rgb(226,165,38)
```
#e5ac38
```
#e5ac38 rgb(229,172,56)
```
#e7b349
```
#e7b349 rgb(231,179,73)
```
#e9ba5a
```
#e9ba5a rgb(233,186,90)
```
#ecc26c
```
#ecc26c rgb(236,194,108)
```
#eec97d
```
#eec97d rgb(238,201,125)
```
#f0d08e
```
#f0d08e rgb(240,208,142)
```
#f2d7a0
```
#f2d7a0 rgb(242,215,160)
```
#f5deb1
```
#f5deb1 rgb(245,222,177)
```
#f7e6c2
```
#f7e6c2 rgb(247,230,194)
```
#f9edd4
```
#f9edd4 rgb(249,237,212)
```
#fcf4e5
```
#fcf4e5 rgb(252,244,229)
```
#fefbf6
```
#fefbf6 rgb(254,251,246)
```

Tint Color Variation

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

#6f6a5f
```
#6f6a5f rgb(111,106,95)
```
#776c57
```
#776c57 rgb(119,108,87)
```
#7f6f4f
```
#7f6f4f rgb(127,111,79)
```
#867248
```
#867248 rgb(134,114,72)
```
#8e7440
```
#8e7440 rgb(142,116,64)
```
#967738
```
#967738 rgb(150,119,56)
```
#9e7a30
```
#9e7a30 rgb(158,122,48)
```
#a67d28
```
#a67d28 rgb(166,125,40)
```
#ae7f20
```
#ae7f20 rgb(174,127,32)
```
#b68218
```
#b68218 rgb(182,130,24)
```
#be8510
```
#be8510 rgb(190,133,16)
```
#c68708
```
#c68708 rgb(198,135,8)
```
#ce8a00
```
#ce8a00 rgb(206,138,0)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8f846f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29126 Protanopia 1% of men
#b58a22 Deuteranopia 1% of men
#bf7f88 Tritanopia 0.001% of the population

Trichromacy

#a98c21 Protanomaly 1% of men, 0.01% of women
#b5871e Deuteranomaly 6% of men, 0.4% of women
#bc805f Tritanomaly 0.01% of the population

#b68218 hex color

#b68218 Color Information

#b68218 Color Conversion

Color Schemes with #b68218

Alternatives to #b68218

#b68218 Preview

Shades and Tints of #b68218

Tones of #b68218

Color Blindness Simulator