#502a25 hex color

In a RGB color space, hex #502a25 is composed of 31.4% red, 16.5% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.5% magenta, 53.8% yellow and 68.6% black. It has a hue angle of 7 degrees, a saturation of 36.8% and a lightness of 22.9%. #502a25 color hex could be obtained by blending #a0544a with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 31
- G 16
- B 15
RGB color chart
- C 0
- M 48
- Y 54
- K 69
CMYK color chart

● #502a25 color description : Very dark desaturated red.

The hexadecimal color #502a25 has RGB values of R:80, G:42, B:37 and CMYK values of C:0, M:0.48, Y:0.54, K:0.69. Its decimal value is 5253669.

Hex triplet	502a25	`#502a25`
RGB Decimal	80, 42, 37	`rgb(80,42,37)`
RGB Percent	31.4, 16.5, 14.5	`rgb(31.4%,16.5%,14.5%)`
CMYK	0, 48, 54, 69
HSL	7°, 36.8, 22.9	`hsl(7,36.8%,22.9%)`
HSV (or HSB)	7°, 53.8, 31.4
Web Safe	663333	`#663333`

CIE-LAB	21.927, 17.002, 11.006
XYZ	4.47, 3.495, 2.189
xyY	0.44, 0.344, 3.495
CIE-LCH	21.927, 20.254, 32.917
CIE-LUV	21.927, 23.914, 7.785
Hunter-Lab	18.696, 9.963, 6.144
Binary	01010000, 00101010, 00100101

#502a25
```
#502a25 rgb(80,42,37)
```
#254b50
```
#254b50 rgb(37,75,80)
```

Complementary Color

#502536
```
#502536 rgb(80,37,54)
```
#502a25
```
#502a25 rgb(80,42,37)
```
#504025
```
#504025 rgb(80,64,37)
```

Analogous Color

#253650
```
#253650 rgb(37,54,80)
```
#502a25
```
#502a25 rgb(80,42,37)
```
#255040
```
#255040 rgb(37,80,64)
```

Split Complementary Color

#2a2550
```
#2a2550 rgb(42,37,80)
```
#502a25
```
#502a25 rgb(80,42,37)
```
#25502a
```
#25502a rgb(37,80,42)
```

Triadic Color

#50254b
```
#50254b rgb(80,37,75)
```
#502a25
```
#502a25 rgb(80,42,37)
```
#25502a
```
#25502a rgb(37,80,42)
```
#254b50
```
#254b50 rgb(37,75,80)
```

Tetradic Color

#1c0f0d
```
#1c0f0d rgb(28,15,13)
```
#2d1815
```
#2d1815 rgb(45,24,21)
```
#3f211d
```
#3f211d rgb(63,33,29)
```
#502a25
```
#502a25 rgb(80,42,37)
```
#61332d
```
#61332d rgb(97,51,45)
```
#733c35
```
#733c35 rgb(115,60,53)
```
#84453d
```
#84453d rgb(132,69,61)
```

Monochromatic Color

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

#50252b
```
#50252b rgb(80,37,43)
```
#502527
```
#502527 rgb(80,37,39)
```
#502625
```
#502625 rgb(80,38,37)
```
#502a25
```
#502a25 rgb(80,42,37)
```
#502e25
```
#502e25 rgb(80,46,37)
```
#503125
```
#503125 rgb(80,49,37)
```
#503525
```
#503525 rgb(80,53,37)
```

Similar Colors

Text with hexadecimal color #502a25

This text has a font color of #502a25.

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

#502a25 background color

This paragraph has a background color of #502a25.

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

#502a25 border color

This element has a border color of #502a25.

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

CSS codes

.text {color:#502a25;}

.background {background-color:#502a25;}

.border {border:1px solid #502a25;}

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, #0d0706 is the darkest color, while #ffffff is the lightest one.

#0d0706
```
#0d0706 rgb(13,7,6)
```
#1a0e0c
```
#1a0e0c rgb(26,14,12)
```
#281512
```
#281512 rgb(40,21,18)
```
#351c19
```
#351c19 rgb(53,28,25)
```
#43231f
```
#43231f rgb(67,35,31)
```
#502a25
```
#502a25 rgb(80,42,37)
```
#5d312b
```
#5d312b rgb(93,49,43)
```
#6b3831
```
#6b3831 rgb(107,56,49)
```
#783f38
```
#783f38 rgb(120,63,56)
```
#86463e
```
#86463e rgb(134,70,62)
```
#934d44
```
#934d44 rgb(147,77,68)
```
#a0544a
```
#a0544a rgb(160,84,74)
```
#ae5b50
```
#ae5b50 rgb(174,91,80)
```

Shade Color Variation

#b4685e
```
#b4685e rgb(180,104,94)
```
#bb746b
```
#bb746b rgb(187,116,107)
```
#c18178
```
#c18178 rgb(193,129,120)
```
#c78d86
```
#c78d86 rgb(199,141,134)
```
#cd9a93
```
#cd9a93 rgb(205,154,147)
```
#d3a7a1
```
#d3a7a1 rgb(211,167,161)
```
#dab3ae
```
#dab3ae rgb(218,179,174)
```
#e0c0bb
```
#e0c0bb rgb(224,192,187)
```
#e6ccc9
```
#e6ccc9 rgb(230,204,201)
```
#ecd9d6
```
#ecd9d6 rgb(236,217,214)
```
#f2e5e4
```
#f2e5e4 rgb(242,229,228)
```
#f9f2f1
```
#f9f2f1 rgb(249,242,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3e3837 is the less saturated color, while #740e01 is the most saturated one.

#3e3837
```
#3e3837 rgb(62,56,55)
```
#433433
```
#433433 rgb(67,52,51)
```
#47312e
```
#47312e rgb(71,49,46)
```
#4c2d2a
```
#4c2d2a rgb(76,45,42)
```
#502a25
```
#502a25 rgb(80,42,37)
```
#552721
```
#552721 rgb(85,39,33)
```
#59231c
```
#59231c rgb(89,35,28)
```
#5e2018
```
#5e2018 rgb(94,32,24)
```
#621c13
```
#621c13 rgb(98,28,19)
```
#67190f
```
#67190f rgb(103,25,15)
```
#6b150a
```
#6b150a rgb(107,21,10)
```
#701206
```
#701206 rgb(112,18,6)
```
#740e01
```
#740e01 rgb(116,14,1)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#3a3332 Atypical Achromatopsia 0.001% of the population

Dichromacy

#423e34 Protanopia 1% of men
#4a3c2e Deuteranopia 1% of men
#593437 Tritanopia 0.001% of the population

Trichromacy

#47372e Protanomaly 1% of men, 0.01% of women
#4c352a Deuteranomaly 6% of men, 0.4% of women
#563030 Tritanomaly 0.01% of the population

#502a25 hex color

#502a25 Color Information

#502a25 Color Conversion

Color Schemes with #502a25

Alternatives to #502a25

#502a25 Preview

Shades and Tints of #502a25

Tones of #502a25

Color Blindness Simulator