#b3522c hex color

In a RGB color space, hex #b3522c is composed of 70.2% red, 32.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.2% magenta, 75.4% yellow and 29.8% black. It has a hue angle of 16.9 degrees, a saturation of 60.5% and a lightness of 43.7%. #b3522c color hex could be obtained by blending #ffa458 with #670000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 70
- G 32
- B 17
RGB color chart
- C 0
- M 54
- Y 75
- K 30
CMYK color chart

● #b3522c color description : Strong orange.

The hexadecimal color #b3522c has RGB values of R:179, G:82, B:44 and CMYK values of C:0, M:0.54, Y:0.75, K:0.3. Its decimal value is 11751980.

Hex triplet	b3522c	`#b3522c`
RGB Decimal	179, 82, 44	`rgb(179,82,44)`
RGB Percent	70.2, 32.2, 17.3	`rgb(70.2%,32.2%,17.3%)`
CMYK	0, 54, 75, 30
HSL	16.9°, 60.5, 43.7	`hsl(16.9,60.5%,43.7%)`
HSV (or HSB)	16.9°, 75.4, 70.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	46.714, 36.969, 40.173
XYZ	22.063, 15.802, 4.271
xyY	0.524, 0.375, 15.802
CIE-LCH	46.714, 54.595, 47.378
CIE-LUV	46.714, 76.958, 33.222
Hunter-Lab	39.752, 29.505, 21.456
Binary	10110011, 01010010, 00101100

#b3522c
```
#b3522c rgb(179,82,44)
```
#2c8db3
```
#2c8db3 rgb(44,141,179)
```

Complementary Color

#b32c4a
```
#b32c4a rgb(179,44,74)
```
#b3522c
```
#b3522c rgb(179,82,44)
```
#b3962c
```
#b3962c rgb(179,150,44)
```

Analogous Color

#2c4ab3
```
#2c4ab3 rgb(44,74,179)
```
#b3522c
```
#b3522c rgb(179,82,44)
```
#2cb396
```
#2cb396 rgb(44,179,150)
```

Split Complementary Color

#522cb3
```
#522cb3 rgb(82,44,179)
```
#b3522c
```
#b3522c rgb(179,82,44)
```
#2cb352
```
#2cb352 rgb(44,179,82)
```

Triadic Color

#b32c8d
```
#b32c8d rgb(179,44,141)
```
#b3522c
```
#b3522c rgb(179,82,44)
```
#2cb352
```
#2cb352 rgb(44,179,82)
```
#2c8db3
```
#2c8db3 rgb(44,141,179)
```

Tetradic Color

#76361d
```
#76361d rgb(118,54,29)
```
#8a3f22
```
#8a3f22 rgb(138,63,34)
```
#9f4927
```
#9f4927 rgb(159,73,39)
```
#b3522c
```
#b3522c rgb(179,82,44)
```
#c75b31
```
#c75b31 rgb(199,91,49)
```
#d06a42
```
#d06a42 rgb(208,106,66)
```
#d57a56
```
#d57a56 rgb(213,122,86)
```

Monochromatic Color

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

#b3302c
```
#b3302c rgb(179,48,44)
```
#b33c2c
```
#b33c2c rgb(179,60,44)
```
#b3472c
```
#b3472c rgb(179,71,44)
```
#b3522c
```
#b3522c rgb(179,82,44)
```
#b35d2c
```
#b35d2c rgb(179,93,44)
```
#b3692c
```
#b3692c rgb(179,105,44)
```
#b3742c
```
#b3742c rgb(179,116,44)
```

Similar Colors

Text with hexadecimal color #b3522c

This text has a font color of #b3522c.

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

#b3522c background color

This paragraph has a background color of #b3522c.

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

#b3522c border color

This element has a border color of #b3522c.

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

CSS codes

.text {color:#b3522c;}

.background {background-color:#b3522c;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#160a05
```
#160a05 rgb(22,10,5)
```
#251109
```
#251109 rgb(37,17,9)
```
#35180d
```
#35180d rgb(53,24,13)
```
#452011
```
#452011 rgb(69,32,17)
```
#552715
```
#552715 rgb(85,39,21)
```
#642e19
```
#642e19 rgb(100,46,25)
```
#74351d
```
#74351d rgb(116,53,29)
```
#843c20
```
#843c20 rgb(132,60,32)
```
#944424
```
#944424 rgb(148,68,36)
```
#a34b28
```
#a34b28 rgb(163,75,40)
```
#b3522c
```
#b3522c rgb(179,82,44)
```
#c35930
```
#c35930 rgb(195,89,48)
```

Shade Color Variation

#ce6238
```
#ce6238 rgb(206,98,56)
```
#d26f48
```
#d26f48 rgb(210,111,72)
```
#d67b58
```
#d67b58 rgb(214,123,88)
```
#da8867
```
#da8867 rgb(218,136,103)
```
#de9477
```
#de9477 rgb(222,148,119)
```
#e1a087
```
#e1a087 rgb(225,160,135)
```
#e5ad97
```
#e5ad97 rgb(229,173,151)
```
#e9b9a6
```
#e9b9a6 rgb(233,185,166)
```
#edc6b6
```
#edc6b6 rgb(237,198,182)
```
#f1d2c6
```
#f1d2c6 rgb(241,210,198)
```
#f5ded6
```
#f5ded6 rgb(245,222,214)
```
#f9ebe5
```
#f9ebe5 rgb(249,235,229)
```
#fdf7f5
```
#fdf7f5 rgb(253,247,245)
```

Tint Color Variation

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

#776c68
```
#776c68 rgb(119,108,104)
```
#80685f
```
#80685f rgb(128,104,95)
```
#886557
```
#886557 rgb(136,101,87)
```
#91614e
```
#91614e rgb(145,97,78)
```
#995d46
```
#995d46 rgb(153,93,70)
```
#a2593d
```
#a2593d rgb(162,89,61)
```
#aa5635
```
#aa5635 rgb(170,86,53)
```
#b3522c
```
#b3522c rgb(179,82,44)
```
#bc4e23
```
#bc4e23 rgb(188,78,35)
```
#c44b1b
```
#c44b1b rgb(196,75,27)
```
#cd4712
```
#cd4712 rgb(205,71,18)
```
#d5430a
```
#d5430a rgb(213,67,10)
```
#de3f01
```
#de3f01 rgb(222,63,1)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#79665e Atypical Achromatopsia 0.001% of the population

Dichromacy

#82763f Protanopia 1% of men
#917030 Deuteranopia 1% of men
#b8565b Tritanopia 0.001% of the population

Trichromacy

#936938 Protanomaly 1% of men, 0.01% of women
#9d652e Deuteranomaly 6% of men, 0.4% of women
#b6544a Tritanomaly 0.01% of the population

#b3522c hex color

#b3522c Color Information

#b3522c Color Conversion

Color Schemes with #b3522c

Alternatives to #b3522c

#b3522c Preview

Shades and Tints of #b3522c

Tones of #b3522c

Color Blindness Simulator