#503458 hex color

In a RGB color space, hex #503458 is composed of 31.4% red, 20.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 9.1% cyan, 40.9% magenta, 0% yellow and 65.5% black. It has a hue angle of 286.7 degrees, a saturation of 25.7% and a lightness of 27.5%. #503458 color hex could be obtained by blending #a068b0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 20
- B 35
RGB color chart
- C 9
- M 41
- Y 0
- K 65
CMYK color chart

● #503458 color description : Very dark desaturated magenta.

The hexadecimal color #503458 has RGB values of R:80, G:52, B:88 and CMYK values of C:0.09, M:0.41, Y:0, K:0.65. Its decimal value is 5256280.

Hex triplet	503458	`#503458`
RGB Decimal	80, 52, 88	`rgb(80,52,88)`
RGB Percent	31.4, 20.4, 34.5	`rgb(31.4%,20.4%,34.5%)`
CMYK	9, 41, 0, 65
HSL	286.7°, 25.7, 27.5	`hsl(286.7,25.7%,27.5%)`
HSV (or HSB)	286.7°, 40.9, 34.5
Web Safe	663366	`#663366`

CIE-LAB	26.35, 19.78, -16.733
XYZ	6.297, 4.866, 9.84
xyY	0.3, 0.232, 4.866
CIE-LCH	26.35, 25.908, 319.771
CIE-LUV	26.35, 11.532, -22.552
Hunter-Lab	22.059, 12.354, -11.004
Binary	01010000, 00110100, 01011000

#503458
```
#503458 rgb(80,52,88)
```
#3c5834
```
#3c5834 rgb(60,88,52)
```

Complementary Color

#3e3458
```
#3e3458 rgb(62,52,88)
```
#503458
```
#503458 rgb(80,52,88)
```
#58344e
```
#58344e rgb(88,52,78)
```

Analogous Color

#34583e
```
#34583e rgb(52,88,62)
```
#503458
```
#503458 rgb(80,52,88)
```
#4e5834
```
#4e5834 rgb(78,88,52)
```

Split Complementary Color

#345850
```
#345850 rgb(52,88,80)
```
#503458
```
#503458 rgb(80,52,88)
```
#585034
```
#585034 rgb(88,80,52)
```

Triadic Color

#343c58
```
#343c58 rgb(52,60,88)
```
#503458
```
#503458 rgb(80,52,88)
```
#585034
```
#585034 rgb(88,80,52)
```
#3c5834
```
#3c5834 rgb(60,88,52)
```

Tetradic Color

#241828
```
#241828 rgb(36,24,40)
```
#332138
```
#332138 rgb(51,33,56)
```
#412b48
```
#412b48 rgb(65,43,72)
```
#503458
```
#503458 rgb(80,52,88)
```
#5f3d68
```
#5f3d68 rgb(95,61,104)
```
#6d4778
```
#6d4778 rgb(109,71,120)
```
#7c5088
```
#7c5088 rgb(124,80,136)
```

Monochromatic Color

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

#473458
```
#473458 rgb(71,52,88)
```
#4a3458
```
#4a3458 rgb(74,52,88)
```
#4d3458
```
#4d3458 rgb(77,52,88)
```
#503458
```
#503458 rgb(80,52,88)
```
#533458
```
#533458 rgb(83,52,88)
```
#563458
```
#563458 rgb(86,52,88)
```
#583457
```
#583457 rgb(88,52,87)
```

Similar Colors

Text with hexadecimal color #503458

This text has a font color of #503458.

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

#503458 background color

This paragraph has a background color of #503458.

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

#503458 border color

This element has a border color of #503458.

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

CSS codes

.text {color:#503458;}

.background {background-color:#503458;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0d080e
```
#0d080e rgb(13,8,14)
```
#18101a
```
#18101a rgb(24,16,26)
```
#231727
```
#231727 rgb(35,23,39)
```
#2e1e33
```
#2e1e33 rgb(46,30,51)
```
#3a253f
```
#3a253f rgb(58,37,63)
```
#452d4c
```
#452d4c rgb(69,45,76)
```
#503458
```
#503458 rgb(80,52,88)
```
#5b3b64
```
#5b3b64 rgb(91,59,100)
```
#664371
```
#664371 rgb(102,67,113)
```
#724a7d
```
#724a7d rgb(114,74,125)
```
#7d5189
```
#7d5189 rgb(125,81,137)
```
#885896
```
#885896 rgb(136,88,150)
```

Shade Color Variation

#9360a1
```
#9360a1 rgb(147,96,161)
```
#9b6da9
```
#9b6da9 rgb(155,109,169)
```
#a479b0
```
#a479b0 rgb(164,121,176)
```
#ac85b7
```
#ac85b7 rgb(172,133,183)
```
#b492be
```
#b492be rgb(180,146,190)
```
#bd9ec6
```
#bd9ec6 rgb(189,158,198)
```
#c5aacd
```
#c5aacd rgb(197,170,205)
```
#ceb7d4
```
#ceb7d4 rgb(206,183,212)
```
#d6c3dc
```
#d6c3dc rgb(214,195,220)
```
#dfcfe3
```
#dfcfe3 rgb(223,207,227)
```
#e7dcea
```
#e7dcea rgb(231,220,234)
```
#efe8f1
```
#efe8f1 rgb(239,232,241)
```
#f8f4f9
```
#f8f4f9 rgb(248,244,249)
```

Tint Color Variation

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

#474448
```
#474448 rgb(71,68,72)
```
#4a3f4d
```
#4a3f4d rgb(74,63,77)
```
#4d3953
```
#4d3953 rgb(77,57,83)
```
#503458
```
#503458 rgb(80,52,88)
```
#532f5d
```
#532f5d rgb(83,47,93)
```
#562963
```
#562963 rgb(86,41,99)
```
#592468
```
#592468 rgb(89,36,104)
```
#5c1e6e
```
#5c1e6e rgb(92,30,110)
```
#5f1973
```
#5f1973 rgb(95,25,115)
```
#621478
```
#621478 rgb(98,20,120)
```
#650e7e
```
#650e7e rgb(101,14,126)
```
#680983
```
#680983 rgb(104,9,131)
```
#6b0488
```
#6b0488 rgb(107,4,136)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#433e45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d4766 Protanopia 1% of men
#42475d Deuteranopia 1% of men
#554348 Tritanopia 0.001% of the population

Trichromacy

#434061 Protanomaly 1% of men, 0.01% of women
#47405b Deuteranomaly 6% of men, 0.4% of women
#533e4e Tritanomaly 0.01% of the population

#503458 hex color

#503458 Color Information

#503458 Color Conversion

Color Schemes with #503458

Alternatives to #503458

#503458 Preview

Shades and Tints of #503458

Tones of #503458

Color Blindness Simulator