#57509c hex color

In a RGB color space, hex #57509c is composed of 34.1% red, 31.4% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 44.2% cyan, 48.7% magenta, 0% yellow and 38.8% black. It has a hue angle of 245.5 degrees, a saturation of 32.2% and a lightness of 46.3%. #57509c color hex could be obtained by blending #aea0ff with #000039. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 31
- B 61
RGB color chart
- C 44
- M 49
- Y 0
- K 39
CMYK color chart

● #57509c color description : Dark moderate blue.

The hexadecimal color #57509c has RGB values of R:87, G:80, B:156 and CMYK values of C:0.44, M:0.49, Y:0, K:0.39. Its decimal value is 5722268.

Hex triplet	57509c	`#57509c`
RGB Decimal	87, 80, 156	`rgb(87,80,156)`
RGB Percent	34.1, 31.4, 61.2	`rgb(34.1%,31.4%,61.2%)`
CMYK	44, 49, 0, 39
HSL	245.5°, 32.2, 46.3	`hsl(245.5,32.2%,46.3%)`
HSV (or HSB)	245.5°, 48.7, 61.2
Web Safe	666699	`#666699`

CIE-LAB	38.134, 22.941, -40.651
XYZ	12.799, 10.164, 32.738
xyY	0.23, 0.182, 10.164
CIE-LCH	38.134, 46.678, 299.438
CIE-LUV	38.134, -1.748, -60.059
Hunter-Lab	31.88, 15.87, -38.569
Binary	01010111, 01010000, 10011100

#57509c
```
#57509c rgb(87,80,156)
```
#959c50
```
#959c50 rgb(149,156,80)
```

Complementary Color

#506f9c
```
#506f9c rgb(80,111,156)
```
#57509c
```
#57509c rgb(87,80,156)
```
#7d509c
```
#7d509c rgb(125,80,156)
```

Analogous Color

#6f9c50
```
#6f9c50 rgb(111,156,80)
```
#57509c
```
#57509c rgb(87,80,156)
```
#9c7d50
```
#9c7d50 rgb(156,125,80)
```

Split Complementary Color

#509c57
```
#509c57 rgb(80,156,87)
```
#57509c
```
#57509c rgb(87,80,156)
```
#9c5750
```
#9c5750 rgb(156,87,80)
```

Triadic Color

#50959c
```
#50959c rgb(80,149,156)
```
#57509c
```
#57509c rgb(87,80,156)
```
#9c5750
```
#9c5750 rgb(156,87,80)
```
#959c50
```
#959c50 rgb(149,156,80)
```

Tetradic Color

#3b3669
```
#3b3669 rgb(59,54,105)
```
#443f7a
```
#443f7a rgb(68,63,122)
```
#4e478b
```
#4e478b rgb(78,71,139)
```
#57509c
```
#57509c rgb(87,80,156)
```
#625bab
```
#625bab rgb(98,91,171)
```
#726cb3
```
#726cb3 rgb(114,108,179)
```
#827cbc
```
#827cbc rgb(130,124,188)
```

Monochromatic Color

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

#505c9c
```
#505c9c rgb(80,92,156)
```
#50569c
```
#50569c rgb(80,86,156)
```
#51509c
```
#51509c rgb(81,80,156)
```
#57509c
```
#57509c rgb(87,80,156)
```
#5d509c
```
#5d509c rgb(93,80,156)
```
#64509c
```
#64509c rgb(100,80,156)
```
#6a509c
```
#6a509c rgb(106,80,156)
```

Similar Colors

Text with hexadecimal color #57509c

This text has a font color of #57509c.

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

#57509c background color

This paragraph has a background color of #57509c.

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

#57509c border color

This element has a border color of #57509c.

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

CSS codes

.text {color:#57509c;}

.background {background-color:#57509c;}

.border {border:1px solid #57509c;}

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 #f3f2f9 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#07070d
```
#07070d rgb(7,7,13)
```
#0f0e1a
```
#0f0e1a rgb(15,14,26)
```
#161427
```
#161427 rgb(22,20,39)
```
#1d1b34
```
#1d1b34 rgb(29,27,52)
```
#242141
```
#242141 rgb(36,33,65)
```
#2c284e
```
#2c284e rgb(44,40,78)
```
#332f5b
```
#332f5b rgb(51,47,91)
```
#3a3568
```
#3a3568 rgb(58,53,104)
```
#413c75
```
#413c75 rgb(65,60,117)
```
#494382
```
#494382 rgb(73,67,130)
```
#50498f
```
#50498f rgb(80,73,143)
```
#57509c
```
#57509c rgb(87,80,156)
```

Shade Color Variation

#5e57a9
```
#5e57a9 rgb(94,87,169)
```
#6b64af
```
#6b64af rgb(107,100,175)
```
#7771b6
```
#7771b6 rgb(119,113,182)
```
#847ebd
```
#847ebd rgb(132,126,189)
```
#908bc3
```
#908bc3 rgb(144,139,195)
```
#9c98ca
```
#9c98ca rgb(156,152,202)
```
#a9a5d1
```
#a9a5d1 rgb(169,165,209)
```
#b5b2d7
```
#b5b2d7 rgb(181,178,215)
```
#c1bfde
```
#c1bfde rgb(193,191,222)
```
#cecce5
```
#cecce5 rgb(206,204,229)
```
#dad9eb
```
#dad9eb rgb(218,217,235)
```
#e7e5f2
```
#e7e5f2 rgb(231,229,242)
```
#f3f2f9
```
#f3f2f9 rgb(243,242,249)
```

Tint Color Variation

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

#757478
```
#757478 rgb(117,116,120)
```
#6d6b81
```
#6d6b81 rgb(109,107,129)
```
#66628a
```
#66628a rgb(102,98,138)
```
#5e5993
```
#5e5993 rgb(94,89,147)
```
#57509c
```
#57509c rgb(87,80,156)
```
#5047a5
```
#5047a5 rgb(80,71,165)
```
#483eae
```
#483eae rgb(72,62,174)
```
#4135b7
```
#4135b7 rgb(65,53,183)
```
#392cc0
```
#392cc0 rgb(57,44,192)
```
#3223c9
```
#3223c9 rgb(50,35,201)
```
#2b1ad2
```
#2b1ad2 rgb(43,26,210)
```
#2310dc
```
#2310dc rgb(35,16,220)
```
#1c07e5
```
#1c07e5 rgb(28,7,229)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5a5968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c60a6 Protanopia 1% of men
#35639d Deuteranopia 1% of men
#4e666d Tritanopia 0.001% of the population

Trichromacy

#465aa2 Protanomaly 1% of men, 0.01% of women
#415c9c Deuteranomaly 6% of men, 0.4% of women
#515e7e Tritanomaly 0.01% of the population

#57509c hex color

#57509c Color Information

#57509c Color Conversion

Color Schemes with #57509c

Alternatives to #57509c

#57509c Preview

Shades and Tints of #57509c

Tones of #57509c

Color Blindness Simulator