#502700 hex color

In a RGB color space, hex #502700 is composed of 31.4% red, 15.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.3% magenta, 100% yellow and 68.6% black. It has a hue angle of 29.3 degrees, a saturation of 100% and a lightness of 15.7%. #502700 color hex could be obtained by blending #a04e00 with #000000. Closest websafe color is: #663300.

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

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

The hexadecimal color #502700 has RGB values of R:80, G:39, B:0 and CMYK values of C:0, M:0.51, Y:1, K:0.69. Its decimal value is 5252864.

Hex triplet	502700	`#502700`
RGB Decimal	80, 39, 0	`rgb(80,39,0)`
RGB Percent	31.4, 15.3, 0	`rgb(31.4%,15.3%,0%)`
CMYK	0, 51, 100, 69
HSL	29.3°, 100, 15.7	`hsl(29.3,100%,15.7%)`
HSV (or HSB)	29.3°, 100, 31.4
Web Safe	663300	`#663300`

CIE-LAB	20.662, 16.384, 29.946
XYZ	4.034, 3.157, 0.397
xyY	0.532, 0.416, 3.157
CIE-LCH	20.662, 34.135, 61.316
CIE-LUV	20.662, 29.292, 19.35
Hunter-Lab	17.768, 9.433, 11.113
Binary	01010000, 00100111, 00000000

#502700
```
#502700 rgb(80,39,0)
```
#002950
```
#002950 rgb(0,41,80)
```

Complementary Color

#500001
```
#500001 rgb(80,0,1)
```
#502700
```
#502700 rgb(80,39,0)
```
#504f00
```
#504f00 rgb(80,79,0)
```

Analogous Color

#000150
```
#000150 rgb(0,1,80)
```
#502700
```
#502700 rgb(80,39,0)
```
#00504f
```
#00504f rgb(0,80,79)
```

Split Complementary Color

#270050
```
#270050 rgb(39,0,80)
```
#502700
```
#502700 rgb(80,39,0)
```
#005027
```
#005027 rgb(0,80,39)
```

Triadic Color

#500029
```
#500029 rgb(80,0,41)
```
#502700
```
#502700 rgb(80,39,0)
```
#005027
```
#005027 rgb(0,80,39)
```
#002950
```
#002950 rgb(0,41,80)
```

Tetradic Color

#040200
```
#040200 rgb(4,2,0)
```
#1d0e00
```
#1d0e00 rgb(29,14,0)
```
#371b00
```
#371b00 rgb(55,27,0)
```
#502700
```
#502700 rgb(80,39,0)
```
#6a3300
```
#6a3300 rgb(106,51,0)
```
#834000
```
#834000 rgb(131,64,0)
```
#9d4c00
```
#9d4c00 rgb(157,76,0)
```

Monochromatic Color

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

#501300
```
#501300 rgb(80,19,0)
```
#501a00
```
#501a00 rgb(80,26,0)
```
#502000
```
#502000 rgb(80,32,0)
```
#502700
```
#502700 rgb(80,39,0)
```
#502e00
```
#502e00 rgb(80,46,0)
```
#503400
```
#503400 rgb(80,52,0)
```
#503b00
```
#503b00 rgb(80,59,0)
```

Similar Colors

Text with hexadecimal color #502700

This text has a font color of #502700.

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

#502700 background color

This paragraph has a background color of #502700.

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

#502700 border color

This element has a border color of #502700.

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

CSS codes

.text {color:#502700;}

.background {background-color:#502700;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150a00
```
#150a00 rgb(21,10,0)
```
#291400
```
#291400 rgb(41,20,0)
```
#3c1d00
```
#3c1d00 rgb(60,29,0)
```
#502700
```
#502700 rgb(80,39,0)
```
#643100
```
#643100 rgb(100,49,0)
```
#773a00
```
#773a00 rgb(119,58,0)
```
#8b4400
```
#8b4400 rgb(139,68,0)
```
#9e4d00
```
#9e4d00 rgb(158,77,0)
```
#b25700
```
#b25700 rgb(178,87,0)
```
#c66000
```
#c66000 rgb(198,96,0)
```
#d96a00
```
#d96a00 rgb(217,106,0)
```
#ed7400
```
#ed7400 rgb(237,116,0)
```

Shade Color Variation

#ff7d02
```
#ff7d02 rgb(255,125,2)
```
#ff8715
```
#ff8715 rgb(255,135,21)
```
#ff9129
```
#ff9129 rgb(255,145,41)
```
#ff9b3c
```
#ff9b3c rgb(255,155,60)
```
#ffa550
```
#ffa550 rgb(255,165,80)
```
#ffaf64
```
#ffaf64 rgb(255,175,100)
```
#ffb977
```
#ffb977 rgb(255,185,119)
```
#ffc38b
```
#ffc38b rgb(255,195,139)
```
#ffce9e
```
#ffce9e rgb(255,206,158)
```
#ffd8b2
```
#ffd8b2 rgb(255,216,178)
```
#ffe2c6
```
#ffe2c6 rgb(255,226,198)
```
#ffecd9
```
#ffecd9 rgb(255,236,217)
```
#fff6ed
```
#fff6ed rgb(255,246,237)
```

Tint Color Variation

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

#2b2825
```
#2b2825 rgb(43,40,37)
```
#2e2822
```
#2e2822 rgb(46,40,34)
```
#31281f
```
#31281f rgb(49,40,31)
```
#34281c
```
#34281c rgb(52,40,28)
```
#372819
```
#372819 rgb(55,40,25)
```
#3a2816
```
#3a2816 rgb(58,40,22)
```
#3e2712
```
#3e2712 rgb(62,39,18)
```
#41270f
```
#41270f rgb(65,39,15)
```
#44270c
```
#44270c rgb(68,39,12)
```
#472709
```
#472709 rgb(71,39,9)
```
#4a2706
```
#4a2706 rgb(74,39,6)
```
#4d2703
```
#4d2703 rgb(77,39,3)
```
#502700
```
#502700 rgb(80,39,0)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#362d26 Atypical Achromatopsia 0.001% of the population

Dichromacy

#433c08 Protanopia 1% of men
#4b3900 Deuteranopia 1% of men
#5a2e31 Tritanopia 0.001% of the population

Trichromacy

#483405 Protanomaly 1% of men, 0.01% of women
#4d3200 Deuteranomaly 6% of men, 0.4% of women
#562c1f Tritanomaly 0.01% of the population

#502700 hex color

#502700 Color Information

#502700 Color Conversion

Color Schemes with #502700

Alternatives to #502700

#502700 Preview

Shades and Tints of #502700

Tones of #502700

Color Blindness Simulator