#b2502a hex color

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

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

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

The hexadecimal color #b2502a has RGB values of R:178, G:80, B:42 and CMYK values of C:0, M:0.55, Y:0.76, K:0.3. Its decimal value is 11685930.

Hex triplet	b2502a	`#b2502a`
RGB Decimal	178, 80, 42	`rgb(178,80,42)`
RGB Percent	69.8, 31.4, 16.5	`rgb(69.8%,31.4%,16.5%)`
CMYK	0, 55, 76, 30
HSL	16.8°, 61.8, 43.1	`hsl(16.8,61.8%,43.1%)`
HSV (or HSB)	16.8°, 76.4, 69.8
Web Safe	996633	`#996633`

CIE-LAB	46.139, 37.506, 40.554
XYZ	21.647, 15.372, 4.017
xyY	0.528, 0.375, 15.372
CIE-LCH	46.139, 55.239, 47.236
CIE-LUV	46.139, 77.863, 33.081
Hunter-Lab	39.207, 29.945, 21.369
Binary	10110010, 01010000, 00101010

#b2502a
```
#b2502a rgb(178,80,42)
```
#2a8cb2
```
#2a8cb2 rgb(42,140,178)
```

Complementary Color

#b22a48
```
#b22a48 rgb(178,42,72)
```
#b2502a
```
#b2502a rgb(178,80,42)
```
#b2942a
```
#b2942a rgb(178,148,42)
```

Analogous Color

#2a48b2
```
#2a48b2 rgb(42,72,178)
```
#b2502a
```
#b2502a rgb(178,80,42)
```
#2ab294
```
#2ab294 rgb(42,178,148)
```

Split Complementary Color

#502ab2
```
#502ab2 rgb(80,42,178)
```
#b2502a
```
#b2502a rgb(178,80,42)
```
#2ab250
```
#2ab250 rgb(42,178,80)
```

Triadic Color

#b22a8c
```
#b22a8c rgb(178,42,140)
```
#b2502a
```
#b2502a rgb(178,80,42)
```
#2ab250
```
#2ab250 rgb(42,178,80)
```
#2a8cb2
```
#2a8cb2 rgb(42,140,178)
```

Tetradic Color

#74341b
```
#74341b rgb(116,52,27)
```
#893d20
```
#893d20 rgb(137,61,32)
```
#9d4725
```
#9d4725 rgb(157,71,37)
```
#b2502a
```
#b2502a rgb(178,80,42)
```
#c7592f
```
#c7592f rgb(199,89,47)
```
#d1673e
```
#d1673e rgb(209,103,62)
```
#d67752
```
#d67752 rgb(214,119,82)
```

Monochromatic Color

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

#b22e2a
```
#b22e2a rgb(178,46,42)
```
#b2392a
```
#b2392a rgb(178,57,42)
```
#b2452a
```
#b2452a rgb(178,69,42)
```
#b2502a
```
#b2502a rgb(178,80,42)
```
#b25b2a
```
#b25b2a rgb(178,91,42)
```
#b2672a
```
#b2672a rgb(178,103,42)
```
#b2722a
```
#b2722a rgb(178,114,42)
```

Similar Colors

Text with hexadecimal color #b2502a

This text has a font color of #b2502a.

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

#b2502a background color

This paragraph has a background color of #b2502a.

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

#b2502a border color

This element has a border color of #b2502a.

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

CSS codes

.text {color:#b2502a;}

.background {background-color:#b2502a;}

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

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)
```
#33170c
```
#33170c rgb(51,23,12)
```
#431e10
```
#431e10 rgb(67,30,16)
```
#532514
```
#532514 rgb(83,37,20)
```
#632c17
```
#632c17 rgb(99,44,23)
```
#73331b
```
#73331b rgb(115,51,27)
```
#823b1f
```
#823b1f rgb(130,59,31)
```
#924223
```
#924223 rgb(146,66,35)
```
#a24926
```
#a24926 rgb(162,73,38)
```
#b2502a
```
#b2502a rgb(178,80,42)
```
#c2572e
```
#c2572e rgb(194,87,46)
```

Shade Color Variation

#cf5f34
```
#cf5f34 rgb(207,95,52)
```
#d36c44
```
#d36c44 rgb(211,108,68)
```
#d77854
```
#d77854 rgb(215,120,84)
```
#da8564
```
#da8564 rgb(218,133,100)
```
#de9174
```
#de9174 rgb(222,145,116)
```
#e29e83
```
#e29e83 rgb(226,158,131)
```
#e6aa93
```
#e6aa93 rgb(230,170,147)
```
#e9b7a3
```
#e9b7a3 rgb(233,183,163)
```
#edc3b3
```
#edc3b3 rgb(237,195,179)
```
#f1d0c3
```
#f1d0c3 rgb(241,208,195)
```
#f5dcd3
```
#f5dcd3 rgb(245,220,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 #d44108 is the most saturated one.

#6e6e6e
```
#6e6e6e rgb(110,110,110)
```
#776a65
```
#776a65 rgb(119,106,101)
```
#7f665d
```
#7f665d rgb(127,102,93)
```
#886354
```
#886354 rgb(136,99,84)
```
#905f4c
```
#905f4c rgb(144,95,76)
```
#995b43
```
#995b43 rgb(153,91,67)
```
#a1573b
```
#a1573b rgb(161,87,59)
```
#aa5432
```
#aa5432 rgb(170,84,50)
```
#b2502a
```
#b2502a rgb(178,80,42)
```
#ba4c22
```
#ba4c22 rgb(186,76,34)
```
#c34919
```
#c34919 rgb(195,73,25)
```
#cb4511
```
#cb4511 rgb(203,69,17)
```
#d44108
```
#d44108 rgb(212,65,8)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#78645c Atypical Achromatopsia 0.001% of the population

Dichromacy

#80743d Protanopia 1% of men
#906f2e Deuteranopia 1% of men
#b75459 Tritanopia 0.001% of the population

Trichromacy

#926736 Protanomaly 1% of men, 0.01% of women
#9c642c Deuteranomaly 6% of men, 0.4% of women
#b55348 Tritanomaly 0.01% of the population

#b2502a hex color

#b2502a Color Information

#b2502a Color Conversion

Color Schemes with #b2502a

Alternatives to #b2502a

#b2502a Preview

Shades and Tints of #b2502a

Tones of #b2502a

Color Blindness Simulator