#5f57d6 hex color

In a RGB color space, hex #5f57d6 is composed of 37.3% red, 34.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 59.3% magenta, 0% yellow and 16.1% black. It has a hue angle of 243.8 degrees, a saturation of 60.8% and a lightness of 59%. #5f57d6 color hex could be obtained by blending #beaeff with #0000ad. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 34
- B 84
RGB color chart
- C 56
- M 59
- Y 0
- K 16
CMYK color chart

● #5f57d6 color description : Moderate blue.

The hexadecimal color #5f57d6 has RGB values of R:95, G:87, B:214 and CMYK values of C:0.56, M:0.59, Y:0, K:0.16. Its decimal value is 6248406.

Hex triplet	5f57d6	`#5f57d6`
RGB Decimal	95, 87, 214	`rgb(95,87,214)`
RGB Percent	37.3, 34.1, 83.9	`rgb(37.3%,34.1%,83.9%)`
CMYK	56, 59, 0, 16
HSL	243.8°, 60.8, 59	`hsl(243.8,60.8%,59%)`
HSV (or HSB)	243.8°, 59.3, 83.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.381, 38.428, -64.529
XYZ	20.263, 14.104, 65.269
xyY	0.203, 0.142, 14.104
CIE-LCH	44.381, 75.105, 300.775
CIE-LUV	44.381, -4.79, -98.95
Hunter-Lab	37.555, 30.589, -76.756
Binary	01011111, 01010111, 11010110

#5f57d6
```
#5f57d6 rgb(95,87,214)
```
#ced657
```
#ced657 rgb(206,214,87)
```

Complementary Color

#578fd6
```
#578fd6 rgb(87,143,214)
```
#5f57d6
```
#5f57d6 rgb(95,87,214)
```
#9f57d6
```
#9f57d6 rgb(159,87,214)
```

Analogous Color

#8fd657
```
#8fd657 rgb(143,214,87)
```
#5f57d6
```
#5f57d6 rgb(95,87,214)
```
#d69f57
```
#d69f57 rgb(214,159,87)
```

Split Complementary Color

#57d65f
```
#57d65f rgb(87,214,95)
```
#5f57d6
```
#5f57d6 rgb(95,87,214)
```
#d65f57
```
#d65f57 rgb(214,95,87)
```

Triadic Color

#57ced6
```
#57ced6 rgb(87,206,214)
```
#5f57d6
```
#5f57d6 rgb(95,87,214)
```
#d65f57
```
#d65f57 rgb(214,95,87)
```
#ced657
```
#ced657 rgb(206,214,87)
```

Tetradic Color

#352cb4
```
#352cb4 rgb(53,44,180)
```
#3b31c9
```
#3b31c9 rgb(59,49,201)
```
#4b43d1
```
#4b43d1 rgb(75,67,209)
```
#5f57d6
```
#5f57d6 rgb(95,87,214)
```
#736bdb
```
#736bdb rgb(115,107,219)
```
#8680e0
```
#8680e0 rgb(134,128,224)
```
#9a94e5
```
#9a94e5 rgb(154,148,229)
```

Monochromatic Color

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

#576fd6
```
#576fd6 rgb(87,111,214)
```
#5764d6
```
#5764d6 rgb(87,100,214)
```
#575ad6
```
#575ad6 rgb(87,90,214)
```
#5f57d6
```
#5f57d6 rgb(95,87,214)
```
#6a57d6
```
#6a57d6 rgb(106,87,214)
```
#7457d6
```
#7457d6 rgb(116,87,214)
```
#7f57d6
```
#7f57d6 rgb(127,87,214)
```

Similar Colors

Text with hexadecimal color #5f57d6

This text has a font color of #5f57d6.

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

#5f57d6 background color

This paragraph has a background color of #5f57d6.

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

#5f57d6 border color

This element has a border color of #5f57d6.

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

CSS codes

.text {color:#5f57d6;}

.background {background-color:#5f57d6;}

.border {border:1px solid #5f57d6;}

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

#020105
```
#020105 rgb(2,1,5)
```
#060515
```
#060515 rgb(6,5,21)
```
#0b0925
```
#0b0925 rgb(11,9,37)
```
#0f0d35
```
#0f0d35 rgb(15,13,53)
```
#141145
```
#141145 rgb(20,17,69)
```
#191554
```
#191554 rgb(25,21,84)
```
#1d1864
```
#1d1864 rgb(29,24,100)
```
#221c74
```
#221c74 rgb(34,28,116)
```
#262084
```
#262084 rgb(38,32,132)
```
#2b2493
```
#2b2493 rgb(43,36,147)
```
#3028a3
```
#3028a3 rgb(48,40,163)
```
#342cb3
```
#342cb3 rgb(52,44,179)
```
#3930c3
```
#3930c3 rgb(57,48,195)
```

Shade Color Variation

#4137ce
```
#4137ce rgb(65,55,206)
```
#5047d2
```
#5047d2 rgb(80,71,210)
```
#5f57d6
```
#5f57d6 rgb(95,87,214)
```
#6e67da
```
#6e67da rgb(110,103,218)
```
#7d77de
```
#7d77de rgb(125,119,222)
```
#8c86e2
```
#8c86e2 rgb(140,134,226)
```
#9b96e5
```
#9b96e5 rgb(155,150,229)
```
#aaa6e9
```
#aaa6e9 rgb(170,166,233)
```
#b9b6ed
```
#b9b6ed rgb(185,182,237)
```
#c8c5f1
```
#c8c5f1 rgb(200,197,241)
```
#d7d5f5
```
#d7d5f5 rgb(215,213,245)
```
#e6e5f9
```
#e6e5f9 rgb(230,229,249)
```
#f5f5fc
```
#f5f5fc rgb(245,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #908f9e is the less saturated color, while #3c2ffe is the most saturated one.

#908f9e
```
#908f9e rgb(144,143,158)
```
#8987a6
```
#8987a6 rgb(137,135,166)
```
#827fae
```
#827fae rgb(130,127,174)
```
#7b77b6
```
#7b77b6 rgb(123,119,182)
```
#746fbe
```
#746fbe rgb(116,111,190)
```
#6d67c6
```
#6d67c6 rgb(109,103,198)
```
#665fce
```
#665fce rgb(102,95,206)
```
#5f57d6
```
#5f57d6 rgb(95,87,214)
```
#584fde
```
#584fde rgb(88,79,222)
```
#5147e6
```
#5147e6 rgb(81,71,230)
```
#4a3fee
```
#4a3fee rgb(74,63,238)
```
#4337f6
```
#4337f6 rgb(67,55,246)
```
#3c2ffe
```
#3c2ffe rgb(60,47,254)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#66657e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bc Deuteranopia 1% of men
#3c7982 Tritanopia 0.001% of the population

Trichromacy

#2265d6 Protanomaly 1% of men, 0.01% of women
#2268c5 Deuteranomaly 6% of men, 0.4% of women
#486ca0 Tritanomaly 0.01% of the population

#5f57d6 hex color

#5f57d6 Color Information

#5f57d6 Color Conversion

Color Schemes with #5f57d6

Alternatives to #5f57d6

#5f57d6 Preview

Shades and Tints of #5f57d6

Tones of #5f57d6

Color Blindness Simulator