#503a2c hex color

In a RGB color space, hex #503a2c is composed of 31.4% red, 22.7% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.5% magenta, 45% yellow and 68.6% black. It has a hue angle of 23.3 degrees, a saturation of 29% and a lightness of 24.3%. #503a2c color hex could be obtained by blending #a07458 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 31
- G 23
- B 17
RGB color chart
- C 0
- M 28
- Y 45
- K 69
CMYK color chart

● #503a2c color description : Very dark desaturated orange.

The hexadecimal color #503a2c has RGB values of R:80, G:58, B:44 and CMYK values of C:0, M:0.28, Y:0.45, K:0.69. Its decimal value is 5257772.

Hex triplet	503a2c	`#503a2c`
RGB Decimal	80, 58, 44	`rgb(80,58,44)`
RGB Percent	31.4, 22.7, 17.3	`rgb(31.4%,22.7%,17.3%)`
CMYK	0, 28, 45, 69
HSL	23.3°, 29, 24.3	`hsl(23.3,29%,24.3%)`
HSV (or HSB)	23.3°, 45, 31.4
Web Safe	663333	`#663333`

CIE-LAB	26.487, 7.597, 12.492
XYZ	5.276, 4.914, 3.053
xyY	0.398, 0.371, 4.914
CIE-LCH	26.487, 14.621, 58.694
CIE-LUV	26.487, 14.322, 11.499
Hunter-Lab	22.167, 3.693, 7.35
Binary	01010000, 00111010, 00101100

#503a2c
```
#503a2c rgb(80,58,44)
```
#2c4250
```
#2c4250 rgb(44,66,80)
```

Complementary Color

#502c30
```
#502c30 rgb(80,44,48)
```
#503a2c
```
#503a2c rgb(80,58,44)
```
#504c2c
```
#504c2c rgb(80,76,44)
```

Analogous Color

#2c3050
```
#2c3050 rgb(44,48,80)
```
#503a2c
```
#503a2c rgb(80,58,44)
```
#2c504c
```
#2c504c rgb(44,80,76)
```

Split Complementary Color

#3a2c50
```
#3a2c50 rgb(58,44,80)
```
#503a2c
```
#503a2c rgb(80,58,44)
```
#2c503a
```
#2c503a rgb(44,80,58)
```

Triadic Color

#502c42
```
#502c42 rgb(80,44,66)
```
#503a2c
```
#503a2c rgb(80,58,44)
```
#2c503a
```
#2c503a rgb(44,80,58)
```
#2c4250
```
#2c4250 rgb(44,66,80)
```

Tetradic Color

#1f1611
```
#1f1611 rgb(31,22,17)
```
#2f221a
```
#2f221a rgb(47,34,26)
```
#402e23
```
#402e23 rgb(64,46,35)
```
#503a2c
```
#503a2c rgb(80,58,44)
```
#604635
```
#604635 rgb(96,70,53)
```
#71523e
```
#71523e rgb(113,82,62)
```
#815e47
```
#815e47 rgb(129,94,71)
```

Monochromatic Color

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

#50312c
```
#50312c rgb(80,49,44)
```
#50342c
```
#50342c rgb(80,52,44)
```
#50372c
```
#50372c rgb(80,55,44)
```
#503a2c
```
#503a2c rgb(80,58,44)
```
#503d2c
```
#503d2c rgb(80,61,44)
```
#50402c
```
#50402c rgb(80,64,44)
```
#50432c
```
#50432c rgb(80,67,44)
```

Similar Colors

Text with hexadecimal color #503a2c

This text has a font color of #503a2c.

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

#503a2c background color

This paragraph has a background color of #503a2c.

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

#503a2c border color

This element has a border color of #503a2c.

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

CSS codes

.text {color:#503a2c;}

.background {background-color:#503a2c;}

.border {border:1px solid #503a2c;}

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

#040302
```
#040302 rgb(4,3,2)
```
#110c09
```
#110c09 rgb(17,12,9)
```
#1d1510
```
#1d1510 rgb(29,21,16)
```
#2a1e17
```
#2a1e17 rgb(42,30,23)
```
#37281e
```
#37281e rgb(55,40,30)
```
#433125
```
#433125 rgb(67,49,37)
```
#503a2c
```
#503a2c rgb(80,58,44)
```
#5d4333
```
#5d4333 rgb(93,67,51)
```
#694c3a
```
#694c3a rgb(105,76,58)
```
#765641
```
#765641 rgb(118,86,65)
```
#835f48
```
#835f48 rgb(131,95,72)
```
#8f684f
```
#8f684f rgb(143,104,79)
```
#9c7156
```
#9c7156 rgb(156,113,86)
```

Shade Color Variation

#a77b5f
```
#a77b5f rgb(167,123,95)
```
#ae856b
```
#ae856b rgb(174,133,107)
```
#b59078
```
#b59078 rgb(181,144,120)
```
#bc9a85
```
#bc9a85 rgb(188,154,133)
```
#c3a491
```
#c3a491 rgb(195,164,145)
```
#caaf9e
```
#caaf9e rgb(202,175,158)
```
#d1b9aa
```
#d1b9aa rgb(209,185,170)
```
#d7c4b7
```
#d7c4b7 rgb(215,196,183)
```
#decec4
```
#decec4 rgb(222,206,196)
```
#e5d9d0
```
#e5d9d0 rgb(229,217,208)
```
#ece3dd
```
#ece3dd rgb(236,227,221)
```
#f3edea
```
#f3edea rgb(243,237,234)
```
#faf8f6
```
#faf8f6 rgb(250,248,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #423d3a is the less saturated color, while #7b3001 is the most saturated one.

#423d3a
```
#423d3a rgb(66,61,58)
```
#463c36
```
#463c36 rgb(70,60,54)
```
#4b3b31
```
#4b3b31 rgb(75,59,49)
```
#503a2c
```
#503a2c rgb(80,58,44)
```
#553927
```
#553927 rgb(85,57,39)
```
#5a3822
```
#5a3822 rgb(90,56,34)
```
#5e371e
```
#5e371e rgb(94,55,30)
```
#633619
```
#633619 rgb(99,54,25)
```
#683514
```
#683514 rgb(104,53,20)
```
#6d340f
```
#6d340f rgb(109,52,15)
```
#71330b
```
#71330b rgb(113,51,11)
```
#763206
```
#763206 rgb(118,50,6)
```
#7b3001
```
#7b3001 rgb(123,48,1)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#423e3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4838 Protanopia 1% of men
#554536 Deuteranopia 1% of men
#5a4246 Tritanopia 0.001% of the population

Trichromacy

#4e4334 Protanomaly 1% of men, 0.01% of women
#534132 Deuteranomaly 6% of men, 0.4% of women
#563f3c Tritanomaly 0.01% of the population

#503a2c hex color

#503a2c Color Information

#503a2c Color Conversion

Color Schemes with #503a2c

Alternatives to #503a2c

#503a2c Preview

Shades and Tints of #503a2c

Tones of #503a2c

Color Blindness Simulator