colorhexa.com

#b3822f hex color

In a RGB color space, hex #b3822f is composed of 70.2% red, 51% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 73.7% yellow and 29.8% black. It has a hue angle of 37.7 degrees, a saturation of 58.4% and a lightness of 44.3%. #b3822f color hex could be obtained by blending #ffff5e with #670500. Closest websafe color is: #cc9933.

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

● #b3822f color description : Moderate orange.

The hexadecimal color #b3822f has RGB values of R:179, G:130, B:47 and CMYK values of C:0, M:0.27, Y:0.74, K:0.3. Its decimal value is 11764271.

Hex triplet	b3822f	`#b3822f`
RGB Decimal	179, 130, 47	`rgb(179,130,47)`
RGB Percent	70.2, 51, 18.4	`rgb(70.2%,51%,18.4%)`
CMYK	0, 27, 74, 30
HSL	37.7°, 58.4, 44.3	`hsl(37.7,58.4%,44.3%)`
HSV (or HSB)	37.7°, 73.7, 70.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	57.804, 10.912, 50.165
XYZ	27.087, 25.756, 6.234
xyY	0.459, 0.436, 25.756
CIE-LCH	57.804, 51.338, 77.728
CIE-LUV	57.804, 39.745, 51.165
Hunter-Lab	50.75, 6.457, 28.242
Binary	10110011, 10000010, 00101111

#b3822f
```
#b3822f rgb(179,130,47)
```
#2f60b3
```
#2f60b3 rgb(47,96,179)
```

Complementary Color

#b3402f
```
#b3402f rgb(179,64,47)
```
#b3822f
```
#b3822f rgb(179,130,47)
```
#a2b32f
```
#a2b32f rgb(162,179,47)
```

Analogous Color

#402fb3
```
#402fb3 rgb(64,47,179)
```
#b3822f
```
#b3822f rgb(179,130,47)
```
#2fa2b3
```
#2fa2b3 rgb(47,162,179)
```

Split Complementary Color

#822fb3
```
#822fb3 rgb(130,47,179)
```
#b3822f
```
#b3822f rgb(179,130,47)
```
#2fb382
```
#2fb382 rgb(47,179,130)
```

Triadic Color

#b32f60
```
#b32f60 rgb(179,47,96)
```
#b3822f
```
#b3822f rgb(179,130,47)
```
#2fb382
```
#2fb382 rgb(47,179,130)
```
#2f60b3
```
#2f60b3 rgb(47,96,179)
```

Tetradic Color

#76561f
```
#76561f rgb(118,86,31)
```
#8b6524
```
#8b6524 rgb(139,101,36)
```
#9f732a
```
#9f732a rgb(159,115,42)
```
#b3822f
```
#b3822f rgb(179,130,47)
```
#c79134
```
#c79134 rgb(199,145,52)
```
#cf9c46
```
#cf9c46 rgb(207,156,70)
```
#d4a75b
```
#d4a75b rgb(212,167,91)
```

Monochromatic Color

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

#b3612f
```
#b3612f rgb(179,97,47)
```
#b36c2f
```
#b36c2f rgb(179,108,47)
```
#b3772f
```
#b3772f rgb(179,119,47)
```
#b3822f
```
#b3822f rgb(179,130,47)
```
#b38d2f
```
#b38d2f rgb(179,141,47)
```
#b3982f
```
#b3982f rgb(179,152,47)
```
#b3a32f
```
#b3a32f rgb(179,163,47)
```

Similar Colors

Text with hexadecimal color #b3822f

This text has a font color of #b3822f.

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

#b3822f background color

This paragraph has a background color of #b3822f.

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

#b3822f border color

This element has a border color of #b3822f.

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

CSS codes

.text {color:#b3822f;}

.background {background-color:#b3822f;}

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

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

#080602
```
#080602 rgb(8,6,2)
```
#181106
```
#181106 rgb(24,17,6)
```
#271c0a
```
#271c0a rgb(39,28,10)
```
#37280e
```
#37280e rgb(55,40,14)
```
#463312
```
#463312 rgb(70,51,18)
```
#563e17
```
#563e17 rgb(86,62,23)
```
#654a1b
```
#654a1b rgb(101,74,27)
```
#75551f
```
#75551f rgb(117,85,31)
```
#846023
```
#846023 rgb(132,96,35)
```
#946b27
```
#946b27 rgb(148,107,39)
```
#a3772b
```
#a3772b rgb(163,119,43)
```
#b3822f
```
#b3822f rgb(179,130,47)
```
#c38d33
```
#c38d33 rgb(195,141,51)
```

Shade Color Variation

#cc973d
```
#cc973d rgb(204,151,61)
```
#d09f4d
```
#d09f4d rgb(208,159,77)
```
#d4a85c
```
#d4a85c rgb(212,168,92)
```
#d8b06c
```
#d8b06c rgb(216,176,108)
```
#dcb87b
```
#dcb87b rgb(220,184,123)
```
#e0c18b
```
#e0c18b rgb(224,193,139)
```
#e5c99a
```
#e5c99a rgb(229,201,154)
```
#e9d1aa
```
#e9d1aa rgb(233,209,170)
```
#eddab9
```
#eddab9 rgb(237,218,185)
```
#f1e2c9
```
#f1e2c9 rgb(241,226,201)
```
#f5ead8
```
#f5ead8 rgb(245,234,216)
```
#f9f3e8
```
#f9f3e8 rgb(249,243,232)
```
#fdfbf8
```
#fdfbf8 rgb(253,251,248)
```

Tint Color Variation

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

#76726c
```
#76726c rgb(118,114,108)
```
#7f7563
```
#7f7563 rgb(127,117,99)
```
#88775a
```
#88775a rgb(136,119,90)
```
#907952
```
#907952 rgb(144,121,82)
```
#997b49
```
#997b49 rgb(153,123,73)
```
#a27e40
```
#a27e40 rgb(162,126,64)
```
#aa8038
```
#aa8038 rgb(170,128,56)
```
#b3822f
```
#b3822f rgb(179,130,47)
```
#bc8426
```
#bc8426 rgb(188,132,38)
```
#c4861e
```
#c4861e rgb(196,134,30)
```
#cd8915
```
#cd8915 rgb(205,137,21)
```
#d68b0c
```
#d68b0c rgb(214,139,12)
```
#de8d04
```
#de8d04 rgb(222,141,4)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#908675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0913c Protanopia 1% of men
#b38a39 Deuteranopia 1% of men
#bc8089 Tritanopia 0.001% of the population

Trichromacy

#a78b37 Protanomaly 1% of men, 0.01% of women
#b38735 Deuteranomaly 6% of men, 0.4% of women
#b98168 Tritanomaly 0.01% of the population