#b2502d hex color

In a RGB color space, hex #b2502d is composed of 69.8% red, 31.4% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.1% magenta, 74.7% yellow and 30.2% black. It has a hue angle of 15.8 degrees, a saturation of 59.6% and a lightness of 43.7%. #b2502d color hex could be obtained by blending #ffa05a with #650000. Closest websafe color is: #996633.

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

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

The hexadecimal color #b2502d has RGB values of R:178, G:80, B:45 and CMYK values of C:0, M:0.55, Y:0.75, K:0.3. Its decimal value is 11685933.

Hex triplet	b2502d	`#b2502d`
RGB Decimal	178, 80, 45	`rgb(178,80,45)`
RGB Percent	69.8, 31.4, 17.6	`rgb(69.8%,31.4%,17.6%)`
CMYK	0, 55, 75, 30
HSL	15.8°, 59.6, 43.7	`hsl(15.8,59.6%,43.7%)`
HSV (or HSB)	15.8°, 74.7, 69.8
Web Safe	996633	`#996633`

CIE-LAB	46.169, 37.638, 39.022
XYZ	21.703, 15.394, 4.311
xyY	0.524, 0.372, 15.394
CIE-LCH	46.169, 54.216, 46.034
CIE-LUV	46.169, 77.476, 32.053
Hunter-Lab	39.235, 30.078, 20.95
Binary	10110010, 01010000, 00101101

#b2502d
```
#b2502d rgb(178,80,45)
```
#2d8fb2
```
#2d8fb2 rgb(45,143,178)
```

Complementary Color

#b22d4d
```
#b22d4d rgb(178,45,77)
```
#b2502d
```
#b2502d rgb(178,80,45)
```
#b2932d
```
#b2932d rgb(178,147,45)
```

Analogous Color

#2d4db2
```
#2d4db2 rgb(45,77,178)
```
#b2502d
```
#b2502d rgb(178,80,45)
```
#2db293
```
#2db293 rgb(45,178,147)
```

Split Complementary Color

#502db2
```
#502db2 rgb(80,45,178)
```
#b2502d
```
#b2502d rgb(178,80,45)
```
#2db250
```
#2db250 rgb(45,178,80)
```

Triadic Color

#b22d8f
```
#b22d8f rgb(178,45,143)
```
#b2502d
```
#b2502d rgb(178,80,45)
```
#2db250
```
#2db250 rgb(45,178,80)
```
#2d8fb2
```
#2d8fb2 rgb(45,143,178)
```

Tetradic Color

#75351e
```
#75351e rgb(117,53,30)
```
#893e23
```
#893e23 rgb(137,62,35)
```
#9e4728
```
#9e4728 rgb(158,71,40)
```
#b2502d
```
#b2502d rgb(178,80,45)
```
#c65932
```
#c65932 rgb(198,89,50)
```
#cf6843
```
#cf6843 rgb(207,104,67)
```
#d57857
```
#d57857 rgb(213,120,87)
```

Monochromatic Color

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

#b22f2d
```
#b22f2d rgb(178,47,45)
```
#b23a2d
```
#b23a2d rgb(178,58,45)
```
#b2452d
```
#b2452d rgb(178,69,45)
```
#b2502d
```
#b2502d rgb(178,80,45)
```
#b25b2d
```
#b25b2d rgb(178,91,45)
```
#b2662d
```
#b2662d rgb(178,102,45)
```
#b2712d
```
#b2712d rgb(178,113,45)
```

Similar Colors

Text with hexadecimal color #b2502d

This text has a font color of #b2502d.

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

#b2502d background color

This paragraph has a background color of #b2502d.

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

#b2502d border color

This element has a border color of #b2502d.

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

CSS codes

.text {color:#b2502d;}

.background {background-color:#b2502d;}

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

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)
```
#150a05
```
#150a05 rgb(21,10,5)
```
#251109
```
#251109 rgb(37,17,9)
```
#35180d
```
#35180d rgb(53,24,13)
```
#441f11
```
#441f11 rgb(68,31,17)
```
#542615
```
#542615 rgb(84,38,21)
```
#642d19
```
#642d19 rgb(100,45,25)
```
#73341d
```
#73341d rgb(115,52,29)
```
#833b21
```
#833b21 rgb(131,59,33)
```
#934225
```
#934225 rgb(147,66,37)
```
#a24929
```
#a24929 rgb(162,73,41)
```
#b2502d
```
#b2502d rgb(178,80,45)
```
#c25731
```
#c25731 rgb(194,87,49)
```

Shade Color Variation

#cd6039
```
#cd6039 rgb(205,96,57)
```
#d16d49
```
#d16d49 rgb(209,109,73)
```
#d57959
```
#d57959 rgb(213,121,89)
```
#d98668
```
#d98668 rgb(217,134,104)
```
#dd9278
```
#dd9278 rgb(221,146,120)
```
#e19f88
```
#e19f88 rgb(225,159,136)
```
#e5ac97
```
#e5ac97 rgb(229,172,151)
```
#e9b8a7
```
#e9b8a7 rgb(233,184,167)
```
#edc5b6
```
#edc5b6 rgb(237,197,182)
```
#f1d1c6
```
#f1d1c6 rgb(241,209,198)
```
#f5ded6
```
#f5ded6 rgb(245,222,214)
```
#f9eae5
```
#f9eae5 rgb(249,234,229)
```
#fdf7f5
```
#fdf7f5 rgb(253,247,245)
```

Tint Color Variation

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

#766c69
```
#766c69 rgb(118,108,105)
```
#7f6860
```
#7f6860 rgb(127,104,96)
```
#876458
```
#876458 rgb(135,100,88)
```
#90604f
```
#90604f rgb(144,96,79)
```
#985c47
```
#985c47 rgb(152,92,71)
```
#a1583e
```
#a1583e rgb(161,88,62)
```
#a95436
```
#a95436 rgb(169,84,54)
```
#b2502d
```
#b2502d rgb(178,80,45)
```
#bb4c24
```
#bb4c24 rgb(187,76,36)
```
#c3481c
```
#c3481c rgb(195,72,28)
```
#cc4413
```
#cc4413 rgb(204,68,19)
```
#d4400b
```
#d4400b rgb(212,64,11)
```
#dd3c02
```
#dd3c02 rgb(221,60,2)
```

Tone Color Variation

Below, you can see how #b2502d 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
#78645d Atypical Achromatopsia 0.001% of the population

Dichromacy

#807540 Protanopia 1% of men
#906f31 Deuteranopia 1% of men
#b7555a Tritanopia 0.001% of the population

Trichromacy

#926739 Protanomaly 1% of men, 0.01% of women
#9c642f Deuteranomaly 6% of men, 0.4% of women
#b55349 Tritanomaly 0.01% of the population

#b2502d hex color

#b2502d Color Information

#b2502d Color Conversion

Color Schemes with #b2502d

Alternatives to #b2502d

#b2502d Preview

Shades and Tints of #b2502d

Tones of #b2502d

Color Blindness Simulator