#5f57e7 hex color

In a RGB color space, hex #5f57e7 is composed of 37.3% red, 34.1% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 62.3% magenta, 0% yellow and 9.4% black. It has a hue angle of 243.3 degrees, a saturation of 75% and a lightness of 62.4%. #5f57e7 color hex could be obtained by blending #beaeff with #0000cf. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 34
- B 91
RGB color chart
- C 59
- M 62
- Y 0
- K 9
CMYK color chart

● #5f57e7 color description : Soft blue.

The hexadecimal color #5f57e7 has RGB values of R:95, G:87, B:231 and CMYK values of C:0.59, M:0.62, Y:0, K:0.09. Its decimal value is 6248423.

Hex triplet	5f57e7	`#5f57e7`
RGB Decimal	95, 87, 231	`rgb(95,87,231)`
RGB Percent	37.3, 34.1, 90.6	`rgb(37.3%,34.1%,90.6%)`
CMYK	59, 62, 0, 9
HSL	243.3°, 75, 62.4	`hsl(243.3,75%,62.4%)`
HSV (or HSB)	243.3°, 62.3, 90.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.659, 43.755, -72.115
XYZ	22.549, 15.018, 77.307
xyY	0.196, 0.131, 15.018
CIE-LCH	45.659, 84.351, 301.247
CIE-LUV	45.659, -5.837, -110.758
Hunter-Lab	38.753, 36.043, -91.149
Binary	01011111, 01010111, 11100111

#5f57e7
```
#5f57e7 rgb(95,87,231)
```
#dfe757
```
#dfe757 rgb(223,231,87)
```

Complementary Color

#5797e7
```
#5797e7 rgb(87,151,231)
```
#5f57e7
```
#5f57e7 rgb(95,87,231)
```
#a757e7
```
#a757e7 rgb(167,87,231)
```

Analogous Color

#97e757
```
#97e757 rgb(151,231,87)
```
#5f57e7
```
#5f57e7 rgb(95,87,231)
```
#e7a757
```
#e7a757 rgb(231,167,87)
```

Split Complementary Color

#57e75f
```
#57e75f rgb(87,231,95)
```
#5f57e7
```
#5f57e7 rgb(95,87,231)
```
#e75f57
```
#e75f57 rgb(231,95,87)
```

Triadic Color

#57dfe7
```
#57dfe7 rgb(87,223,231)
```
#5f57e7
```
#5f57e7 rgb(95,87,231)
```
#e75f57
```
#e75f57 rgb(231,95,87)
```
#dfe757
```
#dfe757 rgb(223,231,87)
```

Tetradic Color

#281ed3
```
#281ed3 rgb(40,30,211)
```
#352ae1
```
#352ae1 rgb(53,42,225)
```
#4a41e4
```
#4a41e4 rgb(74,65,228)
```
#5f57e7
```
#5f57e7 rgb(95,87,231)
```
#746dea
```
#746dea rgb(116,109,234)
```
#8a84ed
```
#8a84ed rgb(138,132,237)
```
#9f9af1
```
#9f9af1 rgb(159,154,241)
```

Monochromatic Color

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

#5773e7
```
#5773e7 rgb(87,115,231)
```
#5767e7
```
#5767e7 rgb(87,103,231)
```
#575be7
```
#575be7 rgb(87,91,231)
```
#5f57e7
```
#5f57e7 rgb(95,87,231)
```
#6b57e7
```
#6b57e7 rgb(107,87,231)
```
#7757e7
```
#7757e7 rgb(119,87,231)
```
#8357e7
```
#8357e7 rgb(131,87,231)
```

Similar Colors

Text with hexadecimal color #5f57e7

This text has a font color of #5f57e7.

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

#5f57e7 background color

This paragraph has a background color of #5f57e7.

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

#5f57e7 border color

This element has a border color of #5f57e7.

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

CSS codes

.text {color:#5f57e7;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040315
```
#040315 rgb(4,3,21)
```
#070526
```
#070526 rgb(7,5,38)
```
#0b0837
```
#0b0837 rgb(11,8,55)
```
#0e0a48
```
#0e0a48 rgb(14,10,72)
```
#110d59
```
#110d59 rgb(17,13,89)
```
#140f6b
```
#140f6b rgb(20,15,107)
```
#18127c
```
#18127c rgb(24,18,124)
```
#1b148d
```
#1b148d rgb(27,20,141)
```
#1e179e
```
#1e179e rgb(30,23,158)
```
#2119af
```
#2119af rgb(33,25,175)
```
#251bc0
```
#251bc0 rgb(37,27,192)
```
#281ed2
```
#281ed2 rgb(40,30,210)
```

Shade Color Variation

#2e24e0
```
#2e24e0 rgb(46,36,224)
```
#3e35e2
```
#3e35e2 rgb(62,53,226)
```
#4f46e5
```
#4f46e5 rgb(79,70,229)
```
#5f57e7
```
#5f57e7 rgb(95,87,231)
```
#6f68e9
```
#6f68e9 rgb(111,104,233)
```
#8079ec
```
#8079ec rgb(128,121,236)
```
#908aee
```
#908aee rgb(144,138,238)
```
#a09cf1
```
#a09cf1 rgb(160,156,241)
```
#b1adf3
```
#b1adf3 rgb(177,173,243)
```
#c1bef6
```
#c1bef6 rgb(193,190,246)
```
#d1cff8
```
#d1cff8 rgb(209,207,248)
```
#e2e0fb
```
#e2e0fb rgb(226,224,251)
```
#f2f1fd
```
#f2f1fd rgb(242,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a99a5 is the less saturated color, while #4b41fd is the most saturated one.

#9a99a5
```
#9a99a5 rgb(154,153,165)
```
#9492ac
```
#9492ac rgb(148,146,172)
```
#8d8bb3
```
#8d8bb3 rgb(141,139,179)
```
#8683bb
```
#8683bb rgb(134,131,187)
```
#807cc2
```
#807cc2 rgb(128,124,194)
```
#7975c9
```
#7975c9 rgb(121,117,201)
```
#736dd1
```
#736dd1 rgb(115,109,209)
```
#6c66d8
```
#6c66d8 rgb(108,102,216)
```
#665ee0
```
#665ee0 rgb(102,94,224)
```
#5f57e7
```
#5f57e7 rgb(95,87,231)
```
#5850ee
```
#5850ee rgb(88,80,238)
```
#5248f6
```
#5248f6 rgb(82,72,246)
```
#4b41fd
```
#4b41fd rgb(75,65,253)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#686683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076c0 Deuteranopia 1% of men
#287e87 Tritanopia 0.001% of the population

Trichromacy

#2267df Protanomaly 1% of men, 0.01% of women
#226bce Deuteranomaly 6% of men, 0.4% of women
#3c6faa Tritanomaly 0.01% of the population

#5f57e7 hex color

#5f57e7 Color Information

#5f57e7 Color Conversion

Color Schemes with #5f57e7

Alternatives to #5f57e7

#5f57e7 Preview

Shades and Tints of #5f57e7

Tones of #5f57e7

Color Blindness Simulator