#b2522a hex color

In a RGB color space, hex #b2522a is composed of 69.8% red, 32.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.9% magenta, 76.4% yellow and 30.2% black. It has a hue angle of 17.6 degrees, a saturation of 61.8% and a lightness of 43.1%. #b2522a color hex could be obtained by blending #ffa454 with #650000. Closest websafe color is: #996633.

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

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

The hexadecimal color #b2522a has RGB values of R:178, G:82, B:42 and CMYK values of C:0, M:0.54, Y:0.76, K:0.3. Its decimal value is 11686442.

Hex triplet	b2522a	`#b2522a`
RGB Decimal	178, 82, 42	`rgb(178,82,42)`
RGB Percent	69.8, 32.2, 16.5	`rgb(69.8%,32.2%,16.5%)`
CMYK	0, 54, 76, 30
HSL	17.6°, 61.8, 43.1	`hsl(17.6,61.8%,43.1%)`
HSV (or HSB)	17.6°, 76.4, 69.8
Web Safe	996633	`#996633`

CIE-LAB	46.537, 36.488, 40.967
XYZ	21.796, 15.669, 4.067
xyY	0.525, 0.377, 15.669
CIE-LCH	46.537, 54.861, 48.31
CIE-LUV	46.537, 76.367, 33.783
Hunter-Lab	39.584, 29.016, 21.617
Binary	10110010, 01010010, 00101010

#b2522a
```
#b2522a rgb(178,82,42)
```
#2a8ab2
```
#2a8ab2 rgb(42,138,178)
```

Complementary Color

#b22a46
```
#b22a46 rgb(178,42,70)
```
#b2522a
```
#b2522a rgb(178,82,42)
```
#b2962a
```
#b2962a rgb(178,150,42)
```

Analogous Color

#2a46b2
```
#2a46b2 rgb(42,70,178)
```
#b2522a
```
#b2522a rgb(178,82,42)
```
#2ab296
```
#2ab296 rgb(42,178,150)
```

Split Complementary Color

#522ab2
```
#522ab2 rgb(82,42,178)
```
#b2522a
```
#b2522a rgb(178,82,42)
```
#2ab252
```
#2ab252 rgb(42,178,82)
```

Triadic Color

#b22a8a
```
#b22a8a rgb(178,42,138)
```
#b2522a
```
#b2522a rgb(178,82,42)
```
#2ab252
```
#2ab252 rgb(42,178,82)
```
#2a8ab2
```
#2a8ab2 rgb(42,138,178)
```

Tetradic Color

#74351b
```
#74351b rgb(116,53,27)
```
#893f20
```
#893f20 rgb(137,63,32)
```
#9d4825
```
#9d4825 rgb(157,72,37)
```
#b2522a
```
#b2522a rgb(178,82,42)
```
#c75c2f
```
#c75c2f rgb(199,92,47)
```
#d1693e
```
#d1693e rgb(209,105,62)
```
#d67952
```
#d67952 rgb(214,121,82)
```

Monochromatic Color

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

#b2302a
```
#b2302a rgb(178,48,42)
```
#b23b2a
```
#b23b2a rgb(178,59,42)
```
#b2472a
```
#b2472a rgb(178,71,42)
```
#b2522a
```
#b2522a rgb(178,82,42)
```
#b25d2a
```
#b25d2a rgb(178,93,42)
```
#b2692a
```
#b2692a rgb(178,105,42)
```
#b2742a
```
#b2742a rgb(178,116,42)
```

Similar Colors

Text with hexadecimal color #b2522a

This text has a font color of #b2522a.

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

#b2522a background color

This paragraph has a background color of #b2522a.

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

#b2522a border color

This element has a border color of #b2522a.

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

CSS codes

.text {color:#b2522a;}

.background {background-color:#b2522a;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130905
```
#130905 rgb(19,9,5)
```
#231008
```
#231008 rgb(35,16,8)
```
#33180c
```
#33180c rgb(51,24,12)
```
#431f10
```
#431f10 rgb(67,31,16)
```
#532614
```
#532614 rgb(83,38,20)
```
#632d17
```
#632d17 rgb(99,45,23)
```
#73351b
```
#73351b rgb(115,53,27)
```
#823c1f
```
#823c1f rgb(130,60,31)
```
#924323
```
#924323 rgb(146,67,35)
```
#a24b26
```
#a24b26 rgb(162,75,38)
```
#b2522a
```
#b2522a rgb(178,82,42)
```
#c2592e
```
#c2592e rgb(194,89,46)
```

Shade Color Variation

#cf6234
```
#cf6234 rgb(207,98,52)
```
#d36e44
```
#d36e44 rgb(211,110,68)
```
#d77a54
```
#d77a54 rgb(215,122,84)
```
#da8764
```
#da8764 rgb(218,135,100)
```
#de9374
```
#de9374 rgb(222,147,116)
```
#e29f83
```
#e29f83 rgb(226,159,131)
```
#e6ac93
```
#e6ac93 rgb(230,172,147)
```
#e9b8a3
```
#e9b8a3 rgb(233,184,163)
```
#edc4b3
```
#edc4b3 rgb(237,196,179)
```
#f1d0c3
```
#f1d0c3 rgb(241,208,195)
```
#f5ddd3
```
#f5ddd3 rgb(245,221,211)
```
#f8e9e3
```
#f8e9e3 rgb(248,233,227)
```
#fcf5f3
```
#fcf5f3 rgb(252,245,243)
```

Tint Color Variation

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

#6e6e6e
```
#6e6e6e rgb(110,110,110)
```
#776a65
```
#776a65 rgb(119,106,101)
```
#7f675d
```
#7f675d rgb(127,103,93)
```
#886354
```
#886354 rgb(136,99,84)
```
#90604c
```
#90604c rgb(144,96,76)
```
#995c43
```
#995c43 rgb(153,92,67)
```
#a1593b
```
#a1593b rgb(161,89,59)
```
#aa5532
```
#aa5532 rgb(170,85,50)
```
#b2522a
```
#b2522a rgb(178,82,42)
```
#ba4f22
```
#ba4f22 rgb(186,79,34)
```
#c34b19
```
#c34b19 rgb(195,75,25)
```
#cb4811
```
#cb4811 rgb(203,72,17)
```
#d44408
```
#d44408 rgb(212,68,8)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#78655d Atypical Achromatopsia 0.001% of the population

Dichromacy

#81753c Protanopia 1% of men
#91702e Deuteranopia 1% of men
#b7565b Tritanopia 0.001% of the population

Trichromacy

#936836 Protanomaly 1% of men, 0.01% of women
#9d652c Deuteranomaly 6% of men, 0.4% of women
#b55449 Tritanomaly 0.01% of the population

#b2522a hex color

#b2522a Color Information

#b2522a Color Conversion

Color Schemes with #b2522a

Alternatives to #b2522a

#b2522a Preview

Shades and Tints of #b2522a

Tones of #b2522a

Color Blindness Simulator