#57508f hex color

In a RGB color space, hex #57508f is composed of 34.1% red, 31.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 44.1% magenta, 0% yellow and 43.9% black. It has a hue angle of 246.7 degrees, a saturation of 28.3% and a lightness of 43.7%. #57508f color hex could be obtained by blending #aea0ff with #00001f. Closest websafe color is: #666699.

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

● #57508f color description : Mostly desaturated dark blue.

The hexadecimal color #57508f has RGB values of R:87, G:80, B:143 and CMYK values of C:0.39, M:0.44, Y:0, K:0.44. Its decimal value is 5722255.

Hex triplet	57508f	`#57508f`
RGB Decimal	87, 80, 143	`rgb(87,80,143)`
RGB Percent	34.1, 31.4, 56.1	`rgb(34.1%,31.4%,56.1%)`
CMYK	39, 44, 0, 44
HSL	246.7°, 28.3, 43.7	`hsl(246.7,28.3%,43.7%)`
HSV (or HSB)	246.7°, 44.1, 56.1
Web Safe	666699	`#666699`

CIE-LAB	37.384, 19.02, -33.992
XYZ	11.756, 9.747, 27.247
xyY	0.241, 0.2, 9.747
CIE-LCH	37.384, 38.951, 299.229
CIE-LUV	37.384, -0.804, -49.754
Hunter-Lab	31.219, 12.583, -29.892
Binary	01010111, 01010000, 10001111

#57508f
```
#57508f rgb(87,80,143)
```
#888f50
```
#888f50 rgb(136,143,80)
```

Complementary Color

#50698f
```
#50698f rgb(80,105,143)
```
#57508f
```
#57508f rgb(87,80,143)
```
#77508f
```
#77508f rgb(119,80,143)
```

Analogous Color

#698f50
```
#698f50 rgb(105,143,80)
```
#57508f
```
#57508f rgb(87,80,143)
```
#8f7750
```
#8f7750 rgb(143,119,80)
```

Split Complementary Color

#508f57
```
#508f57 rgb(80,143,87)
```
#57508f
```
#57508f rgb(87,80,143)
```
#8f5750
```
#8f5750 rgb(143,87,80)
```

Triadic Color

#50888f
```
#50888f rgb(80,136,143)
```
#57508f
```
#57508f rgb(87,80,143)
```
#8f5750
```
#8f5750 rgb(143,87,80)
```
#888f50
```
#888f50 rgb(136,143,80)
```

Tetradic Color

#39355e
```
#39355e rgb(57,53,94)
```
#433e6e
```
#433e6e rgb(67,62,110)
```
#4d477f
```
#4d477f rgb(77,71,127)
```
#57508f
```
#57508f rgb(87,80,143)
```
#61599f
```
#61599f rgb(97,89,159)
```
#6f68aa
```
#6f68aa rgb(111,104,170)
```
#7f78b3
```
#7f78b3 rgb(127,120,179)
```

Monochromatic Color

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

#50598f
```
#50598f rgb(80,89,143)
```
#50548f
```
#50548f rgb(80,84,143)
```
#52508f
```
#52508f rgb(82,80,143)
```
#57508f
```
#57508f rgb(87,80,143)
```
#5c508f
```
#5c508f rgb(92,80,143)
```
#62508f
```
#62508f rgb(98,80,143)
```
#67508f
```
#67508f rgb(103,80,143)
```

Similar Colors

Text with hexadecimal color #57508f

This text has a font color of #57508f.

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

#57508f background color

This paragraph has a background color of #57508f.

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

#57508f border color

This element has a border color of #57508f.

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

CSS codes

.text {color:#57508f;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0a0a11
```
#0a0a11 rgb(10,10,17)
```
#12111e
```
#12111e rgb(18,17,30)
```
#1a182a
```
#1a182a rgb(26,24,42)
```
#211f37
```
#211f37 rgb(33,31,55)
```
#292644
```
#292644 rgb(41,38,68)
```
#312d50
```
#312d50 rgb(49,45,80)
```
#38345d
```
#38345d rgb(56,52,93)
```
#403b69
```
#403b69 rgb(64,59,105)
```
#484276
```
#484276 rgb(72,66,118)
```
#4f4982
```
#4f4982 rgb(79,73,130)
```
#57508f
```
#57508f rgb(87,80,143)
```
#5f579c
```
#5f579c rgb(95,87,156)
```

Shade Color Variation

#6860a6
```
#6860a6 rgb(104,96,166)
```
#746dad
```
#746dad rgb(116,109,173)
```
#8079b4
```
#8079b4 rgb(128,121,180)
```
#8c86bb
```
#8c86bb rgb(140,134,187)
```
#9892c2
```
#9892c2 rgb(152,146,194)
```
#a49fc9
```
#a49fc9 rgb(164,159,201)
```
#b0acd0
```
#b0acd0 rgb(176,172,208)
```
#bcb8d7
```
#bcb8d7 rgb(188,184,215)
```
#c8c5de
```
#c8c5de rgb(200,197,222)
```
#d4d1e5
```
#d4d1e5 rgb(212,209,229)
```
#e0deec
```
#e0deec rgb(224,222,236)
```
#ebeaf4
```
#ebeaf4 rgb(235,234,244)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

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

#6b6a75
```
#6b6a75 rgb(107,106,117)
```
#64617e
```
#64617e rgb(100,97,126)
```
#5e5986
```
#5e5986 rgb(94,89,134)
```
#57508f
```
#57508f rgb(87,80,143)
```
#504798
```
#504798 rgb(80,71,152)
```
#4a3fa0
```
#4a3fa0 rgb(74,63,160)
```
#4336a9
```
#4336a9 rgb(67,54,169)
```
#3c2eb1
```
#3c2eb1 rgb(60,46,177)
```
#3625ba
```
#3625ba rgb(54,37,186)
```
#2f1dc2
```
#2f1dc2 rgb(47,29,194)
```
#2814cb
```
#2814cb rgb(40,20,203)
```
#220bd4
```
#220bd4 rgb(34,11,212)
```
#1b03dc
```
#1b03dc rgb(27,3,220)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#595764 Atypical Achromatopsia 0.001% of the population

Dichromacy

#465e99 Protanopia 1% of men
#436091 Deuteranopia 1% of men
#53636a Tritanopia 0.001% of the population

Trichromacy

#4c5995 Protanomaly 1% of men, 0.01% of women
#4a5a90 Deuteranomaly 6% of men, 0.4% of women
#545c77 Tritanomaly 0.01% of the population

#57508f hex color

#57508f Color Information

#57508f Color Conversion

Color Schemes with #57508f

Alternatives to #57508f

#57508f Preview

Shades and Tints of #57508f

Tones of #57508f

Color Blindness Simulator