#503a30 hex color

In a RGB color space, hex #503a30 is composed of 31.4% red, 22.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.5% magenta, 40% yellow and 68.6% black. It has a hue angle of 18.8 degrees, a saturation of 25% and a lightness of 25.1%. #503a30 color hex could be obtained by blending #a07460 with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #503a30 has RGB values of R:80, G:58, B:48 and CMYK values of C:0, M:0.28, Y:0.4, K:0.69. Its decimal value is 5257776.

Hex triplet	503a30	`#503a30`
RGB Decimal	80, 58, 48	`rgb(80,58,48)`
RGB Percent	31.4, 22.7, 18.8	`rgb(31.4%,22.7%,18.8%)`
CMYK	0, 28, 40, 69
HSL	18.8°, 25, 25.1	`hsl(18.8,25%,25.1%)`
HSV (or HSB)	18.8°, 40, 31.4
Web Safe	663333	`#663333`

CIE-LAB	26.578, 8.152, 10.01
XYZ	5.355, 4.945, 3.469
xyY	0.389, 0.359, 4.945
CIE-LCH	26.578, 12.909, 50.841
CIE-LUV	26.578, 13.929, 9.163
Hunter-Lab	22.238, 4.066, 6.319
Binary	01010000, 00111010, 00110000

#503a30
```
#503a30 rgb(80,58,48)
```
#304650
```
#304650 rgb(48,70,80)
```

Complementary Color

#503036
```
#503036 rgb(80,48,54)
```
#503a30
```
#503a30 rgb(80,58,48)
```
#504a30
```
#504a30 rgb(80,74,48)
```

Analogous Color

#303650
```
#303650 rgb(48,54,80)
```
#503a30
```
#503a30 rgb(80,58,48)
```
#30504a
```
#30504a rgb(48,80,74)
```

Split Complementary Color

#3a3050
```
#3a3050 rgb(58,48,80)
```
#503a30
```
#503a30 rgb(80,58,48)
```
#30503a
```
#30503a rgb(48,80,58)
```

Triadic Color

#503046
```
#503046 rgb(80,48,70)
```
#503a30
```
#503a30 rgb(80,58,48)
```
#30503a
```
#30503a rgb(48,80,58)
```
#304650
```
#304650 rgb(48,70,80)
```

Tetradic Color

#201713
```
#201713 rgb(32,23,19)
```
#30231d
```
#30231d rgb(48,35,29)
```
#402e26
```
#402e26 rgb(64,46,38)
```
#503a30
```
#503a30 rgb(80,58,48)
```
#60463a
```
#60463a rgb(96,70,58)
```
#705143
```
#705143 rgb(112,81,67)
```
#805d4d
```
#805d4d rgb(128,93,77)
```

Monochromatic Color

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

#503230
```
#503230 rgb(80,50,48)
```
#503530
```
#503530 rgb(80,53,48)
```
#503730
```
#503730 rgb(80,55,48)
```
#503a30
```
#503a30 rgb(80,58,48)
```
#503d30
```
#503d30 rgb(80,61,48)
```
#503f30
```
#503f30 rgb(80,63,48)
```
#504230
```
#504230 rgb(80,66,48)
```

Similar Colors

Text with hexadecimal color #503a30

This text has a font color of #503a30.

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

#503a30 background color

This paragraph has a background color of #503a30.

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

#503a30 border color

This element has a border color of #503a30.

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

CSS codes

.text {color:#503a30;}

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

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

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

#060504
```
#060504 rgb(6,5,4)
```
#130e0b
```
#130e0b rgb(19,14,11)
```
#1f1613
```
#1f1613 rgb(31,22,19)
```
#2b1f1a
```
#2b1f1a rgb(43,31,26)
```
#372821
```
#372821 rgb(55,40,33)
```
#443129
```
#443129 rgb(68,49,41)
```
#503a30
```
#503a30 rgb(80,58,48)
```
#5c4337
```
#5c4337 rgb(92,67,55)
```
#694c3f
```
#694c3f rgb(105,76,63)
```
#755546
```
#755546 rgb(117,85,70)
```
#815e4d
```
#815e4d rgb(129,94,77)
```
#8d6655
```
#8d6655 rgb(141,102,85)
```
#9a6f5c
```
#9a6f5c rgb(154,111,92)
```

Shade Color Variation

#a37966
```
#a37966 rgb(163,121,102)
```
#ab8472
```
#ab8472 rgb(171,132,114)
```
#b28f7f
```
#b28f7f rgb(178,143,127)
```
#b9998b
```
#b9998b rgb(185,153,139)
```
#c1a497
```
#c1a497 rgb(193,164,151)
```
#c8afa3
```
#c8afa3 rgb(200,175,163)
```
#cfbab0
```
#cfbab0 rgb(207,186,176)
```
#d7c4bc
```
#d7c4bc rgb(215,196,188)
```
#decfc8
```
#decfc8 rgb(222,207,200)
```
#e5dad4
```
#e5dad4 rgb(229,218,212)
```
#ede4e1
```
#ede4e1 rgb(237,228,225)
```
#f4efed
```
#f4efed rgb(244,239,237)
```
#fcfaf9
```
#fcfaf9 rgb(252,250,249)
```

Tint Color Variation

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

#41403f
```
#41403f rgb(65,64,63)
```
#463e3a
```
#463e3a rgb(70,62,58)
```
#4b3c35
```
#4b3c35 rgb(75,60,53)
```
#503a30
```
#503a30 rgb(80,58,48)
```
#55382b
```
#55382b rgb(85,56,43)
```
#5a3626
```
#5a3626 rgb(90,54,38)
```
#5f3421
```
#5f3421 rgb(95,52,33)
```
#64331c
```
#64331c rgb(100,51,28)
```
#693117
```
#693117 rgb(105,49,23)
```
#6e2f12
```
#6e2f12 rgb(110,47,18)
```
#722d0e
```
#722d0e rgb(114,45,14)
```
#772b09
```
#772b09 rgb(119,43,9)
```
#7c2904
```
#7c2904 rgb(124,41,4)
```

Tone Color Variation

Below, you can see how #503a30 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
#423e3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c483c Protanopia 1% of men
#54463a Deuteranopia 1% of men
#5a4247 Tritanopia 0.001% of the population

Trichromacy

#4e4338 Protanomaly 1% of men, 0.01% of women
#524136 Deuteranomaly 6% of men, 0.4% of women
#563f3e Tritanomaly 0.01% of the population

#503a30 hex color

#503a30 Color Information

#503a30 Color Conversion

Color Schemes with #503a30

Alternatives to #503a30

#503a30 Preview

Shades and Tints of #503a30

Tones of #503a30

Color Blindness Simulator