#504422 hex color

In a RGB color space, hex #504422 is composed of 31.4% red, 26.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15% magenta, 57.5% yellow and 68.6% black. It has a hue angle of 44.3 degrees, a saturation of 40.4% and a lightness of 22.4%. #504422 color hex could be obtained by blending #a08844 with #000000. Closest websafe color is: #663333.

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

● #504422 color description : Very dark desaturated orange.

The hexadecimal color #504422 has RGB values of R:80, G:68, B:34 and CMYK values of C:0, M:0.15, Y:0.58, K:0.69. Its decimal value is 5260322.

Hex triplet	504422	`#504422`
RGB Decimal	80, 68, 34	`rgb(80,68,34)`
RGB Percent	31.4, 26.7, 13.3	`rgb(31.4%,26.7%,13.3%)`
CMYK	0, 15, 58, 69
HSL	44.3°, 40.4, 22.4	`hsl(44.3,40.4%,22.4%)`
HSV (or HSB)	44.3°, 57.5, 31.4
Web Safe	663333	`#663333`

CIE-LAB	29.3, 0.043, 22.305
XYZ	5.664, 5.955, 2.364
xyY	0.405, 0.426, 5.955
CIE-LCH	29.3, 22.305, 89.89
CIE-LUV	29.3, 9.176, 21.591
Hunter-Lab	24.404, -1.276, 11.338
Binary	01010000, 01000100, 00100010

#504422
```
#504422 rgb(80,68,34)
```
#222e50
```
#222e50 rgb(34,46,80)
```

Complementary Color

#502d22
```
#502d22 rgb(80,45,34)
```
#504422
```
#504422 rgb(80,68,34)
```
#455022
```
#455022 rgb(69,80,34)
```

Analogous Color

#2d2250
```
#2d2250 rgb(45,34,80)
```
#504422
```
#504422 rgb(80,68,34)
```
#224550
```
#224550 rgb(34,69,80)
```

Split Complementary Color

#442250
```
#442250 rgb(68,34,80)
```
#504422
```
#504422 rgb(80,68,34)
```
#225044
```
#225044 rgb(34,80,68)
```

Triadic Color

#50222e
```
#50222e rgb(80,34,46)
```
#504422
```
#504422 rgb(80,68,34)
```
#225044
```
#225044 rgb(34,80,68)
```
#222e50
```
#222e50 rgb(34,46,80)
```

Tetradic Color

#1a160b
```
#1a160b rgb(26,22,11)
```
#2c2613
```
#2c2613 rgb(44,38,19)
```
#3e351a
```
#3e351a rgb(62,53,26)
```
#504422
```
#504422 rgb(80,68,34)
```
#62532a
```
#62532a rgb(98,83,42)
```
#746231
```
#746231 rgb(116,98,49)
```
#867239
```
#867239 rgb(134,114,57)
```

Monochromatic Color

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

#503922
```
#503922 rgb(80,57,34)
```
#503c22
```
#503c22 rgb(80,60,34)
```
#504022
```
#504022 rgb(80,64,34)
```
#504422
```
#504422 rgb(80,68,34)
```
#504822
```
#504822 rgb(80,72,34)
```
#504c22
```
#504c22 rgb(80,76,34)
```
#505022
```
#505022 rgb(80,80,34)
```

Similar Colors

Text with hexadecimal color #504422

This text has a font color of #504422.

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

#504422 background color

This paragraph has a background color of #504422.

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

#504422 border color

This element has a border color of #504422.

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

CSS codes

.text {color:#504422;}

.background {background-color:#504422;}

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

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

#0b0905
```
#0b0905 rgb(11,9,5)
```
#19150b
```
#19150b rgb(25,21,11)
```
#272110
```
#272110 rgb(39,33,16)
```
#342d16
```
#342d16 rgb(52,45,22)
```
#42381c
```
#42381c rgb(66,56,28)
```
#504422
```
#504422 rgb(80,68,34)
```
#5e5028
```
#5e5028 rgb(94,80,40)
```
#6c5b2e
```
#6c5b2e rgb(108,91,46)
```
#796734
```
#796734 rgb(121,103,52)
```
#877339
```
#877339 rgb(135,115,57)
```
#957f3f
```
#957f3f rgb(149,127,63)
```
#a38a45
```
#a38a45 rgb(163,138,69)
```
#b0964b
```
#b0964b rgb(176,150,75)
```

Shade Color Variation

#b89f57
```
#b89f57 rgb(184,159,87)
```
#bea665
```
#bea665 rgb(190,166,101)
```
#c3ae73
```
#c3ae73 rgb(195,174,115)
```
#c9b681
```
#c9b681 rgb(201,182,129)
```
#cfbe8e
```
#cfbe8e rgb(207,190,142)
```
#d5c69c
```
#d5c69c rgb(213,198,156)
```
#dbceaa
```
#dbceaa rgb(219,206,170)
```
#e1d6b8
```
#e1d6b8 rgb(225,214,184)
```
#e6dec5
```
#e6dec5 rgb(230,222,197)
```
#ece6d3
```
#ece6d3 rgb(236,230,211)
```
#f2eee1
```
#f2eee1 rgb(242,238,225)
```
#f8f6ef
```
#f8f6ef rgb(248,246,239)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#3a3a38
```
#3a3a38 rgb(58,58,56)
```
#3e3c34
```
#3e3c34 rgb(62,60,52)
```
#433e2f
```
#433e2f rgb(67,62,47)
```
#47402b
```
#47402b rgb(71,64,43)
```
#4c4226
```
#4c4226 rgb(76,66,38)
```
#504422
```
#504422 rgb(80,68,34)
```
#54461e
```
#54461e rgb(84,70,30)
```
#594819
```
#594819 rgb(89,72,25)
```
#5d4a15
```
#5d4a15 rgb(93,74,21)
```
#624c10
```
#624c10 rgb(98,76,16)
```
#664e0c
```
#664e0c rgb(102,78,12)
```
#6a5108
```
#6a5108 rgb(106,81,8)
```
#6f5303
```
#6f5303 rgb(111,83,3)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#46443d Atypical Achromatopsia 0.001% of the population

Dichromacy

#564e2d Protanopia 1% of men
#5f4b2e Deuteranopia 1% of men
#5c494e Tritanopia 0.001% of the population

Trichromacy

#534a29 Protanomaly 1% of men, 0.01% of women
#594829 Deuteranomaly 6% of men, 0.4% of women
#58473e Tritanomaly 0.01% of the population

#504422 hex color

#504422 Color Information

#504422 Color Conversion

Color Schemes with #504422

Alternatives to #504422

#504422 Preview

Shades and Tints of #504422

Tones of #504422

Color Blindness Simulator