colorhexa.com

#503a3f hex color

In a RGB color space, hex #503a3f is composed of 31.4% red, 22.7% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.5% magenta, 21.3% yellow and 68.6% black. It has a hue angle of 346.4 degrees, a saturation of 15.9% and a lightness of 27.1%. #503a3f color hex could be obtained by blending #a0747e with #000000. Closest websafe color is: #663333.

- R 31
- G 23
- B 25
RGB color chart
- C 0
- M 28
- Y 21
- K 69
CMYK color chart

● #503a3f color description : Very dark grayish red.

The hexadecimal color #503a3f has RGB values of R:80, G:58, B:63 and CMYK values of C:0, M:0.28, Y:0.21, K:0.69. Its decimal value is 5257791.

Hex triplet	503a3f	`#503a3f`
RGB Decimal	80, 58, 63	`rgb(80,58,63)`
RGB Percent	31.4, 22.7, 24.7	`rgb(31.4%,22.7%,24.7%)`
CMYK	0, 28, 21, 69
HSL	346.4°, 15.9, 27.1	`hsl(346.4,15.9%,27.1%)`
HSV (or HSB)	346.4°, 27.5, 31.4
Web Safe	663333	`#663333`

CIE-LAB	26.992, 10.614, 0.716
XYZ	5.718, 5.091, 5.384
xyY	0.353, 0.314, 5.091
CIE-LCH	26.992, 10.638, 3.861
CIE-LUV	26.992, 12.288, -0.673
Hunter-Lab	22.563, 5.756, 1.646
Binary	01010000, 00111010, 00111111

#503a3f
```
#503a3f rgb(80,58,63)
```
#3a504b
```
#3a504b rgb(58,80,75)
```

Complementary Color

#503a4a
```
#503a4a rgb(80,58,74)
```
#503a3f
```
#503a3f rgb(80,58,63)
```
#50403a
```
#50403a rgb(80,64,58)
```

Analogous Color

#3a4a50
```
#3a4a50 rgb(58,74,80)
```
#503a3f
```
#503a3f rgb(80,58,63)
```
#3a5040
```
#3a5040 rgb(58,80,64)
```

Split Complementary Color

#241a1c
```
#241a1c rgb(36,26,28)
```
#322528
```
#322528 rgb(50,37,40)
```
#412f33
```
#412f33 rgb(65,47,51)
```
#503a3f
```
#503a3f rgb(80,58,63)
```
#5f454b
```
#5f454b rgb(95,69,75)
```
#6e4f56
```
#6e4f56 rgb(110,79,86)
```
#7c5a62
```
#7c5a62 rgb(124,90,98)
```

Monochromatic Color

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

#503a45
```
#503a45 rgb(80,58,69)
```
#503a43
```
#503a43 rgb(80,58,67)
```
#503a41
```
#503a41 rgb(80,58,65)
```
#503a3f
```
#503a3f rgb(80,58,63)
```
#503a3d
```
#503a3d rgb(80,58,61)
```
#503a3b
```
#503a3b rgb(80,58,59)
```
#503b3a
```
#503b3a rgb(80,59,58)
```

Similar Colors

Text with hexadecimal color #503a3f

This text has a font color of #503a3f.

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

#503a3f background color

This paragraph has a background color of #503a3f.

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

#503a3f border color

This element has a border color of #503a3f.

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

CSS codes

.text {color:#503a3f;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0909
```
#0c0909 rgb(12,9,9)
```
#171112
```
#171112 rgb(23,17,18)
```
#23191b
```
#23191b rgb(35,25,27)
```
#2e2124
```
#2e2124 rgb(46,33,36)
```
#392a2d
```
#392a2d rgb(57,42,45)
```
#453236
```
#453236 rgb(69,50,54)
```
#503a3f
```
#503a3f rgb(80,58,63)
```
#5b4248
```
#5b4248 rgb(91,66,72)
```
#674a51
```
#674a51 rgb(103,74,81)
```
#72535a
```
#72535a rgb(114,83,90)
```
#7d5b63
```
#7d5b63 rgb(125,91,99)
```
#89636c
```
#89636c rgb(137,99,108)
```

Shade Color Variation

#946c75
```
#946c75 rgb(148,108,117)
```
#9c777f
```
#9c777f rgb(156,119,127)
```
#a5828a
```
#a5828a rgb(165,130,138)
```
#ad8e95
```
#ad8e95 rgb(173,142,149)
```
#b5999f
```
#b5999f rgb(181,153,159)
```
#bda4aa
```
#bda4aa rgb(189,164,170)
```
#c6b0b5
```
#c6b0b5 rgb(198,176,181)
```
#cebbbf
```
#cebbbf rgb(206,187,191)
```
#d6c7ca
```
#d6c7ca rgb(214,199,202)
```
#ded2d5
```
#ded2d5 rgb(222,210,213)
```
#e7dddf
```
#e7dddf rgb(231,221,223)
```
#efe9ea
```
#efe9ea rgb(239,233,234)
```
#f7f4f5
```
#f7f4f5 rgb(247,244,245)
```

Tint Color Variation

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

#454545
```
#454545 rgb(69,69,69)
```
#4b3f42
```
#4b3f42 rgb(75,63,66)
```
#503a3f
```
#503a3f rgb(80,58,63)
```
#55353c
```
#55353c rgb(85,53,60)
```
#5b2f39
```
#5b2f39 rgb(91,47,57)
```
#602a36
```
#602a36 rgb(96,42,54)
```
#652533
```
#652533 rgb(101,37,51)
```
#6b1f31
```
#6b1f31 rgb(107,31,49)
```
#701a2e
```
#701a2e rgb(112,26,46)
```
#75152b
```
#75152b rgb(117,21,43)
```
#7a1028
```
#7a1028 rgb(122,16,40)
```
#800a25
```
#800a25 rgb(128,10,37)
```
#850522
```
#850522 rgb(133,5,34)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#444041 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a494b Protanopia 1% of men
#514748 Deuteranopia 1% of men
#594449 Tritanopia 0.001% of the population

Trichromacy

#4c4347 Protanomaly 1% of men, 0.01% of women
#504244 Deuteranomaly 6% of men, 0.4% of women
#554045 Tritanomaly 0.01% of the population