#502504 hex color

In a RGB color space, hex #502504 is composed of 31.4% red, 14.5% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.8% magenta, 95% yellow and 68.6% black. It has a hue angle of 26.1 degrees, a saturation of 90.5% and a lightness of 16.5%. #502504 color hex could be obtained by blending #a04a08 with #000000. Closest websafe color is: #663300.

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

● #502504 color description : Very dark orange [Brown tone].

The hexadecimal color #502504 has RGB values of R:80, G:37, B:4 and CMYK values of C:0, M:0.54, Y:0.95, K:0.69. Its decimal value is 5252356.

Hex triplet	502504	`#502504`
RGB Decimal	80, 37, 4	`rgb(80,37,4)`
RGB Percent	31.4, 14.5, 1.6	`rgb(31.4%,14.5%,1.6%)`
CMYK	0, 54, 95, 69
HSL	26.1°, 90.5, 16.5	`hsl(26.1,90.5%,16.5%)`
HSV (or HSB)	26.1°, 95, 31.4
Web Safe	663300	`#663300`

CIE-LAB	20.194, 17.79, 27.795
XYZ	3.992, 3.038, 0.491
xyY	0.531, 0.404, 3.038
CIE-LCH	20.194, 33.001, 57.38
CIE-LUV	20.194, 30.206, 17.697
Hunter-Lab	17.429, 10.382, 10.53
Binary	01010000, 00100101, 00000100

#502504
```
#502504 rgb(80,37,4)
```
#042f50
```
#042f50 rgb(4,47,80)
```

Complementary Color

#500409
```
#500409 rgb(80,4,9)
```
#502504
```
#502504 rgb(80,37,4)
```
#504b04
```
#504b04 rgb(80,75,4)
```

Analogous Color

#040950
```
#040950 rgb(4,9,80)
```
#502504
```
#502504 rgb(80,37,4)
```
#04504b
```
#04504b rgb(4,80,75)
```

Split Complementary Color

#250450
```
#250450 rgb(37,4,80)
```
#502504
```
#502504 rgb(80,37,4)
```
#045025
```
#045025 rgb(4,80,37)
```

Triadic Color

#50042f
```
#50042f rgb(80,4,47)
```
#502504
```
#502504 rgb(80,37,4)
```
#045025
```
#045025 rgb(4,80,37)
```
#042f50
```
#042f50 rgb(4,47,80)
```

Tetradic Color

#070300
```
#070300 rgb(7,3,0)
```
#1f0f02
```
#1f0f02 rgb(31,15,2)
```
#381a03
```
#381a03 rgb(56,26,3)
```
#502504
```
#502504 rgb(80,37,4)
```
#683005
```
#683005 rgb(104,48,5)
```
#813b06
```
#813b06 rgb(129,59,6)
```
#994708
```
#994708 rgb(153,71,8)
```

Monochromatic Color

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

#501204
```
#501204 rgb(80,18,4)
```
#501804
```
#501804 rgb(80,24,4)
```
#501f04
```
#501f04 rgb(80,31,4)
```
#502504
```
#502504 rgb(80,37,4)
```
#502b04
```
#502b04 rgb(80,43,4)
```
#503204
```
#503204 rgb(80,50,4)
```
#503804
```
#503804 rgb(80,56,4)
```

Similar Colors

Text with hexadecimal color #502504

This text has a font color of #502504.

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

#502504 background color

This paragraph has a background color of #502504.

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

#502504 border color

This element has a border color of #502504.

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

CSS codes

.text {color:#502504;}

.background {background-color:#502504;}

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

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

#050200
```
#050200 rgb(5,2,0)
```
#180b01
```
#180b01 rgb(24,11,1)
```
#2b1402
```
#2b1402 rgb(43,20,2)
```
#3d1c03
```
#3d1c03 rgb(61,28,3)
```
#502504
```
#502504 rgb(80,37,4)
```
#632e05
```
#632e05 rgb(99,46,5)
```
#753606
```
#753606 rgb(117,54,6)
```
#883f07
```
#883f07 rgb(136,63,7)
```
#9b4808
```
#9b4808 rgb(155,72,8)
```
#ad5009
```
#ad5009 rgb(173,80,9)
```
#c0590a
```
#c0590a rgb(192,89,10)
```
#d3610b
```
#d3610b rgb(211,97,11)
```
#e56a0b
```
#e56a0b rgb(229,106,11)
```

Shade Color Variation

#f37311
```
#f37311 rgb(243,115,17)
```
#f47e24
```
#f47e24 rgb(244,126,36)
```
#f58937
```
#f58937 rgb(245,137,55)
```
#f69449
```
#f69449 rgb(246,148,73)
```
#f79f5c
```
#f79f5c rgb(247,159,92)
```
#f8aa6f
```
#f8aa6f rgb(248,170,111)
```
#f9b582
```
#f9b582 rgb(249,181,130)
```
#fac094
```
#fac094 rgb(250,192,148)
```
#fbcba7
```
#fbcba7 rgb(251,203,167)
```
#fcd6ba
```
#fcd6ba rgb(252,214,186)
```
#fce1cc
```
#fce1cc rgb(252,225,204)
```
#fdecdf
```
#fdecdf rgb(253,236,223)
```
#fef7f2
```
#fef7f2 rgb(254,247,242)
```

Tint Color Variation

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

#2c2a28
```
#2c2a28 rgb(44,42,40)
```
#302924
```
#302924 rgb(48,41,36)
```
#332921
```
#332921 rgb(51,41,33)
```
#36281e
```
#36281e rgb(54,40,30)
```
#39281b
```
#39281b rgb(57,40,27)
```
#3d2817
```
#3d2817 rgb(61,40,23)
```
#402714
```
#402714 rgb(64,39,20)
```
#432711
```
#432711 rgb(67,39,17)
```
#46260e
```
#46260e rgb(70,38,14)
```
#4a260a
```
#4a260a rgb(74,38,10)
```
#4d2507
```
#4d2507 rgb(77,37,7)
```
#502504
```
#502504 rgb(80,37,4)
```
#532501
```
#532501 rgb(83,37,1)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#352c26 Atypical Achromatopsia 0.001% of the population

Dichromacy

#423b12 Protanopia 1% of men
#4a3809 Deuteranopia 1% of men
#5a2d30 Tritanopia 0.001% of the population

Trichromacy

#47330d Protanomaly 1% of men, 0.01% of women
#4c3107 Deuteranomaly 6% of men, 0.4% of women
#562a20 Tritanomaly 0.01% of the population

#502504 hex color

#502504 Color Information

#502504 Color Conversion

Color Schemes with #502504

Alternatives to #502504

#502504 Preview

Shades and Tints of #502504

Tones of #502504

Color Blindness Simulator