colorhexa.com

#502f04 hex color

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

- R 31
- G 18
- B 2
RGB color chart
- C 0
- M 41
- Y 95
- K 69
CMYK color chart

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

The hexadecimal color #502f04 has RGB values of R:80, G:47, B:4 and CMYK values of C:0, M:0.41, Y:0.95, K:0.69. Its decimal value is 5254916.

Hex triplet	502f04	`#502f04`
RGB Decimal	80, 47, 4	`rgb(80,47,4)`
RGB Percent	31.4, 18.4, 1.6	`rgb(31.4%,18.4%,1.6%)`
CMYK	0, 41, 95, 69
HSL	33.9°, 90.5, 16.5	`hsl(33.9,90.5%,16.5%)`
HSV (or HSB)	33.9°, 95, 31.4
Web Safe	663300	`#663300`

CIE-LAB	22.819, 11.483, 30.628
XYZ	4.347, 3.748, 0.609
xyY	0.499, 0.431, 3.748
CIE-LCH	22.819, 32.71, 69.448
CIE-LUV	22.819, 23.985, 21.442
Hunter-Lab	19.359, 6.203, 11.685
Binary	01010000, 00101111, 00000100

#502f04
```
#502f04 rgb(80,47,4)
```
#042550
```
#042550 rgb(4,37,80)
```

Complementary Color

#090450
```
#090450 rgb(9,4,80)
```
#502f04
```
#502f04 rgb(80,47,4)
```
#044b50
```
#044b50 rgb(4,75,80)
```

Split Complementary Color

#070400
```
#070400 rgb(7,4,0)
```
#1f1202
```
#1f1202 rgb(31,18,2)
```
#382103
```
#382103 rgb(56,33,3)
```
#502f04
```
#502f04 rgb(80,47,4)
```
#683d05
```
#683d05 rgb(104,61,5)
```
#814c06
```
#814c06 rgb(129,76,6)
```
#995a08
```
#995a08 rgb(153,90,8)
```

Monochromatic Color

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

#501c04
```
#501c04 rgb(80,28,4)
```
#502204
```
#502204 rgb(80,34,4)
```
#502904
```
#502904 rgb(80,41,4)
```
#502f04
```
#502f04 rgb(80,47,4)
```
#503504
```
#503504 rgb(80,53,4)
```
#503c04
```
#503c04 rgb(80,60,4)
```
#504204
```
#504204 rgb(80,66,4)
```

Similar Colors

Text with hexadecimal color #502f04

This text has a font color of #502f04.

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

#502f04 background color

This paragraph has a background color of #502f04.

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

#502f04 border color

This element has a border color of #502f04.

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

CSS codes

.text {color:#502f04;}

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

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

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

#050300
```
#050300 rgb(5,3,0)
```
#180e01
```
#180e01 rgb(24,14,1)
```
#2b1902
```
#2b1902 rgb(43,25,2)
```
#3d2403
```
#3d2403 rgb(61,36,3)
```
#502f04
```
#502f04 rgb(80,47,4)
```
#633a05
```
#633a05 rgb(99,58,5)
```
#754506
```
#754506 rgb(117,69,6)
```
#885007
```
#885007 rgb(136,80,7)
```
#9b5b08
```
#9b5b08 rgb(155,91,8)
```
#ad6609
```
#ad6609 rgb(173,102,9)
```
#c0710a
```
#c0710a rgb(192,113,10)
```
#d37c0b
```
#d37c0b rgb(211,124,11)
```
#e5870b
```
#e5870b rgb(229,135,11)
```

Shade Color Variation

#f39111
```
#f39111 rgb(243,145,17)
```
#f49a24
```
#f49a24 rgb(244,154,36)
```
#f5a237
```
#f5a237 rgb(245,162,55)
```
#f6ab49
```
#f6ab49 rgb(246,171,73)
```
#f7b45c
```
#f7b45c rgb(247,180,92)
```
#f8bc6f
```
#f8bc6f rgb(248,188,111)
```
#f9c582
```
#f9c582 rgb(249,197,130)
```
#face94
```
#face94 rgb(250,206,148)
```
#fbd6a7
```
#fbd6a7 rgb(251,214,167)
```
#fcdfba
```
#fcdfba rgb(252,223,186)
```
#fce8cc
```
#fce8cc rgb(252,232,204)
```
#fdf0df
```
#fdf0df rgb(253,240,223)
```
#fef9f2
```
#fef9f2 rgb(254,249,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 #532f01 is the most saturated one.

#2c2a28
```
#2c2a28 rgb(44,42,40)
```
#302b24
```
#302b24 rgb(48,43,36)
```
#332b21
```
#332b21 rgb(51,43,33)
```
#362c1e
```
#362c1e rgb(54,44,30)
```
#392c1b
```
#392c1b rgb(57,44,27)
```
#3d2c17
```
#3d2c17 rgb(61,44,23)
```
#402d14
```
#402d14 rgb(64,45,20)
```
#432d11
```
#432d11 rgb(67,45,17)
```
#462e0e
```
#462e0e rgb(70,46,14)
```
#4a2e0a
```
#4a2e0a rgb(74,46,10)
```
#4d2f07
```
#4d2f07 rgb(77,47,7)
```
#502f04
```
#502f04 rgb(80,47,4)
```
#532f01
```
#532f01 rgb(83,47,1)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#3a332a Atypical Achromatopsia 0.001% of the population

Dichromacy

#484111 Protanopia 1% of men
#513d0c Deuteranopia 1% of men
#5b3639 Tritanopia 0.001% of the population

Trichromacy

#4b3a0c Protanomaly 1% of men, 0.01% of women
#503809 Deuteranomaly 6% of men, 0.4% of women
#573326 Tritanomaly 0.01% of the population