#57509f hex color

In a RGB color space, hex #57509f is composed of 34.1% red, 31.4% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 49.7% magenta, 0% yellow and 37.6% black. It has a hue angle of 245.3 degrees, a saturation of 33.1% and a lightness of 46.9%. #57509f color hex could be obtained by blending #aea0ff with #00003f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 31
- B 62
RGB color chart
- C 45
- M 50
- Y 0
- K 38
CMYK color chart

● #57509f color description : Dark moderate blue.

The hexadecimal color #57509f has RGB values of R:87, G:80, B:159 and CMYK values of C:0.45, M:0.5, Y:0, K:0.38. Its decimal value is 5722271.

Hex triplet	57509f	`#57509f`
RGB Decimal	87, 80, 159	`rgb(87,80,159)`
RGB Percent	34.1, 31.4, 62.4	`rgb(34.1%,31.4%,62.4%)`
CMYK	45, 50, 0, 38
HSL	245.3°, 33.1, 46.9	`hsl(245.3,33.1%,46.9%)`
HSV (or HSB)	245.3°, 49.7, 62.4
Web Safe	666699	`#666699`

CIE-LAB	38.316, 23.862, -42.16
XYZ	13.056, 10.266, 34.093
xyY	0.227, 0.179, 10.266
CIE-LCH	38.316, 48.445, 299.509
CIE-LUV	38.316, -1.961, -62.399
Hunter-Lab	32.041, 16.662, -40.657
Binary	01010111, 01010000, 10011111

#57509f
```
#57509f rgb(87,80,159)
```
#989f50
```
#989f50 rgb(152,159,80)
```

Complementary Color

#50719f
```
#50719f rgb(80,113,159)
```
#57509f
```
#57509f rgb(87,80,159)
```
#7f509f
```
#7f509f rgb(127,80,159)
```

Analogous Color

#719f50
```
#719f50 rgb(113,159,80)
```
#57509f
```
#57509f rgb(87,80,159)
```
#9f7f50
```
#9f7f50 rgb(159,127,80)
```

Split Complementary Color

#509f57
```
#509f57 rgb(80,159,87)
```
#57509f
```
#57509f rgb(87,80,159)
```
#9f5750
```
#9f5750 rgb(159,87,80)
```

Triadic Color

#50989f
```
#50989f rgb(80,152,159)
```
#57509f
```
#57509f rgb(87,80,159)
```
#9f5750
```
#9f5750 rgb(159,87,80)
```
#989f50
```
#989f50 rgb(152,159,80)
```

Tetradic Color

#3b366c
```
#3b366c rgb(59,54,108)
```
#443f7d
```
#443f7d rgb(68,63,125)
```
#4e478e
```
#4e478e rgb(78,71,142)
```
#57509f
```
#57509f rgb(87,80,159)
```
#635cad
```
#635cad rgb(99,92,173)
```
#736db5
```
#736db5 rgb(115,109,181)
```
#837ebe
```
#837ebe rgb(131,126,190)
```

Monochromatic Color

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

#505d9f
```
#505d9f rgb(80,93,159)
```
#50569f
```
#50569f rgb(80,86,159)
```
#50509f
```
#50509f rgb(80,80,159)
```
#57509f
```
#57509f rgb(87,80,159)
```
#5e509f
```
#5e509f rgb(94,80,159)
```
#64509f
```
#64509f rgb(100,80,159)
```
#6b509f
```
#6b509f rgb(107,80,159)
```

Similar Colors

Text with hexadecimal color #57509f

This text has a font color of #57509f.

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

#57509f background color

This paragraph has a background color of #57509f.

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

#57509f border color

This element has a border color of #57509f.

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

CSS codes

.text {color:#57509f;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#08080f
```
#08080f rgb(8,8,15)
```
#100e1d
```
#100e1d rgb(16,14,29)
```
#17152a
```
#17152a rgb(23,21,42)
```
#1e1b37
```
#1e1b37 rgb(30,27,55)
```
#252244
```
#252244 rgb(37,34,68)
```
#2c2951
```
#2c2951 rgb(44,41,81)
```
#332f5e
```
#332f5e rgb(51,47,94)
```
#3a366b
```
#3a366b rgb(58,54,107)
```
#423c78
```
#423c78 rgb(66,60,120)
```
#494385
```
#494385 rgb(73,67,133)
```
#504992
```
#504992 rgb(80,73,146)
```
#57509f
```
#57509f rgb(87,80,159)
```

Shade Color Variation

#5f58ab
```
#5f58ab rgb(95,88,171)
```
#6c65b1
```
#6c65b1 rgb(108,101,177)
```
#7872b8
```
#7872b8 rgb(120,114,184)
```
#857fbf
```
#857fbf rgb(133,127,191)
```
#918cc5
```
#918cc5 rgb(145,140,197)
```
#9d99cc
```
#9d99cc rgb(157,153,204)
```
#aaa6d2
```
#aaa6d2 rgb(170,166,210)
```
#b6b3d9
```
#b6b3d9 rgb(182,179,217)
```
#c3c0df
```
#c3c0df rgb(195,192,223)
```
#cfcde6
```
#cfcde6 rgb(207,205,230)
```
#dcdaed
```
#dcdaed rgb(220,218,237)
```
#e8e7f3
```
#e8e7f3 rgb(232,231,243)
```
#f5f4fa
```
#f5f4fa rgb(245,244,250)
```

Tint Color Variation

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

#75757a
```
#75757a rgb(117,117,122)
```
#6e6c83
```
#6e6c83 rgb(110,108,131)
```
#66628d
```
#66628d rgb(102,98,141)
```
#5f5996
```
#5f5996 rgb(95,89,150)
```
#57509f
```
#57509f rgb(87,80,159)
```
#4f47a8
```
#4f47a8 rgb(79,71,168)
```
#483eb1
```
#483eb1 rgb(72,62,177)
```
#4034bb
```
#4034bb rgb(64,52,187)
```
#392bc4
```
#392bc4 rgb(57,43,196)
```
#3122cd
```
#3122cd rgb(49,34,205)
```
#2a19d6
```
#2a19d6 rgb(42,25,214)
```
#2210df
```
#2210df rgb(34,16,223)
```
#1a06e9
```
#1a06e9 rgb(26,6,233)
```

Tone Color Variation

Below, you can see how #57509f 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
#5a5969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a60aa Protanopia 1% of men
#30639f Deuteranopia 1% of men
#4d666e Tritanopia 0.001% of the population

Trichromacy

#445aa6 Protanomaly 1% of men, 0.01% of women
#3e5c9f Deuteranomaly 6% of men, 0.4% of women
#515e7f Tritanomaly 0.01% of the population

#57509f hex color

#57509f Color Information

#57509f Color Conversion

Color Schemes with #57509f

Alternatives to #57509f

#57509f Preview

Shades and Tints of #57509f

Tones of #57509f

Color Blindness Simulator