#57307f hex color

In a RGB color space, hex #57307f is composed of 34.1% red, 18.8% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 31.5% cyan, 62.2% magenta, 0% yellow and 50.2% black. It has a hue angle of 269.6 degrees, a saturation of 45.1% and a lightness of 34.3%. #57307f color hex could be obtained by blending #ae60fe with #000000. Closest websafe color is: #663366.

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

● #57307f color description : Dark moderate violet.

The hexadecimal color #57307f has RGB values of R:87, G:48, B:127 and CMYK values of C:0.31, M:0.62, Y:0, K:0.5. Its decimal value is 5714047.

Hex triplet	57307f	`#57307f`
RGB Decimal	87, 48, 127	`rgb(87,48,127)`
RGB Percent	34.1, 18.8, 49.8	`rgb(34.1%,18.8%,49.8%)`
CMYK	31, 62, 0, 50
HSL	269.6°, 45.1, 34.3	`hsl(269.6,45.1%,34.3%)`
HSV (or HSB)	269.6°, 62.2, 49.8
Web Safe	663366	`#663366`

CIE-LAB	28.571, 34.231, -38.169
XYZ	8.818, 5.673, 20.708
xyY	0.251, 0.161, 5.673
CIE-LCH	28.571, 51.27, 311.887
CIE-LUV	28.571, 10.478, -52.421
Hunter-Lab	23.817, 24.405, -34.878
Binary	01010111, 00110000, 01111111

#57307f
```
#57307f rgb(87,48,127)
```
#587f30
```
#587f30 rgb(88,127,48)
```

Complementary Color

#30317f
```
#30317f rgb(48,49,127)
```
#57307f
```
#57307f rgb(87,48,127)
```
#7f307f
```
#7f307f rgb(127,48,127)
```

Analogous Color

#317f30
```
#317f30 rgb(49,127,48)
```
#57307f
```
#57307f rgb(87,48,127)
```
#7f7f30
```
#7f7f30 rgb(127,127,48)
```

Split Complementary Color

#307f57
```
#307f57 rgb(48,127,87)
```
#57307f
```
#57307f rgb(87,48,127)
```
#7f5730
```
#7f5730 rgb(127,87,48)
```

Triadic Color

#30587f
```
#30587f rgb(48,88,127)
```
#57307f
```
#57307f rgb(87,48,127)
```
#7f5730
```
#7f5730 rgb(127,87,48)
```
#587f30
```
#587f30 rgb(88,127,48)
```

Tetradic Color

#311b47
```
#311b47 rgb(49,27,71)
```
#3e225a
```
#3e225a rgb(62,34,90)
```
#4a296c
```
#4a296c rgb(74,41,108)
```
#57307f
```
#57307f rgb(87,48,127)
```
#643792
```
#643792 rgb(100,55,146)
```
#703ea4
```
#703ea4 rgb(112,62,164)
```
#7d45b7
```
#7d45b7 rgb(125,69,183)
```

Monochromatic Color

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

#43307f
```
#43307f rgb(67,48,127)
```
#4a307f
```
#4a307f rgb(74,48,127)
```
#50307f
```
#50307f rgb(80,48,127)
```
#57307f
```
#57307f rgb(87,48,127)
```
#5e307f
```
#5e307f rgb(94,48,127)
```
#64307f
```
#64307f rgb(100,48,127)
```
#6b307f
```
#6b307f rgb(107,48,127)
```

Similar Colors

Text with hexadecimal color #57307f

This text has a font color of #57307f.

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

#57307f background color

This paragraph has a background color of #57307f.

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

#57307f border color

This element has a border color of #57307f.

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

CSS codes

.text {color:#57307f;}

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

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

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, #09050d is the darkest color, while #fefeff is the lightest one.

#09050d
```
#09050d rgb(9,5,13)
```
#130a1b
```
#130a1b rgb(19,10,27)
```
#1c102a
```
#1c102a rgb(28,16,42)
```
#261538
```
#261538 rgb(38,21,56)
```
#301a46
```
#301a46 rgb(48,26,70)
```
#3a2054
```
#3a2054 rgb(58,32,84)
```
#432563
```
#432563 rgb(67,37,99)
```
#4d2b71
```
#4d2b71 rgb(77,43,113)
```
#57307f
```
#57307f rgb(87,48,127)
```
#61358d
```
#61358d rgb(97,53,141)
```
#6b3b9b
```
#6b3b9b rgb(107,59,155)
```
#7440aa
```
#7440aa rgb(116,64,170)
```
#7e46b8
```
#7e46b8 rgb(126,70,184)
```

Shade Color Variation

#8853be
```
#8853be rgb(136,83,190)
```
#9261c3
```
#9261c3 rgb(146,97,195)
```
#9c70c9
```
#9c70c9 rgb(156,112,201)
```
#a57ece
```
#a57ece rgb(165,126,206)
```
#af8cd4
```
#af8cd4 rgb(175,140,212)
```
#b99ad9
```
#b99ad9 rgb(185,154,217)
```
#c3a8de
```
#c3a8de rgb(195,168,222)
```
#cdb7e4
```
#cdb7e4 rgb(205,183,228)
```
#d7c5e9
```
#d7c5e9 rgb(215,197,233)
```
#e1d3ee
```
#e1d3ee rgb(225,211,238)
```
#eae1f4
```
#eae1f4 rgb(234,225,244)
```
#f4f0f9
```
#f4f0f9 rgb(244,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#57525d
```
#57525d rgb(87,82,93)
```
#574b64
```
#574b64 rgb(87,75,100)
```
#57446b
```
#57446b rgb(87,68,107)
```
#573d72
```
#573d72 rgb(87,61,114)
```
#573778
```
#573778 rgb(87,55,120)
```
#57307f
```
#57307f rgb(87,48,127)
```
#572986
```
#572986 rgb(87,41,134)
```
#57238c
```
#57238c rgb(87,35,140)
```
#571c93
```
#571c93 rgb(87,28,147)
```
#57159a
```
#57159a rgb(87,21,154)
```
#570ea1
```
#570ea1 rgb(87,14,161)
```
#5608a7
```
#5608a7 rgb(86,8,167)
```
#5601ae
```
#5601ae rgb(86,1,174)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#494151 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a92 Protanopia 1% of men
#204e7e Deuteranopia 1% of men
#534a50 Tritanopia 0.001% of the population

Trichromacy

#1f408b Protanomaly 1% of men, 0.01% of women
#34437e Deuteranomaly 6% of men, 0.4% of women
#544161 Tritanomaly 0.01% of the population

#57307f hex color

#57307f Color Information

#57307f Color Conversion

Color Schemes with #57307f

Alternatives to #57307f

#57307f Preview

Shades and Tints of #57307f

Tones of #57307f

Color Blindness Simulator