#5f5ed2 hex color

In a RGB color space, hex #5f5ed2 is composed of 37.3% red, 36.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 55.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 240.5 degrees, a saturation of 56.3% and a lightness of 59.6%. #5f5ed2 color hex could be obtained by blending #bebcff with #0000a5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 37
- B 82
RGB color chart
- C 55
- M 55
- Y 0
- K 18
CMYK color chart

● #5f5ed2 color description : Moderate blue.

The hexadecimal color #5f5ed2 has RGB values of R:95, G:94, B:210 and CMYK values of C:0.55, M:0.55, Y:0, K:0.18. Its decimal value is 6250194.

Hex triplet	5f5ed2	`#5f5ed2`
RGB Decimal	95, 94, 210	`rgb(95,94,210)`
RGB Percent	37.3, 36.9, 82.4	`rgb(37.3%,36.9%,82.4%)`
CMYK	55, 55, 0, 18
HSL	240.5°, 56.3, 59.6	`hsl(240.5,56.3%,59.6%)`
HSV (or HSB)	240.5°, 55.2, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.758, 32.934, -60.009
XYZ	20.353, 15.091, 62.81
xyY	0.207, 0.154, 15.091
CIE-LCH	45.758, 68.452, 298.758
CIE-LUV	45.758, -6.395, -92.927
Hunter-Lab	38.847, 25.538, -68.671
Binary	01011111, 01011110, 11010010

#5f5ed2
```
#5f5ed2 rgb(95,94,210)
```
#d1d25e
```
#d1d25e rgb(209,210,94)
```

Complementary Color

#5e97d2
```
#5e97d2 rgb(94,151,210)
```
#5f5ed2
```
#5f5ed2 rgb(95,94,210)
```
#995ed2
```
#995ed2 rgb(153,94,210)
```

Analogous Color

#97d25e
```
#97d25e rgb(151,210,94)
```
#5f5ed2
```
#5f5ed2 rgb(95,94,210)
```
#d2995e
```
#d2995e rgb(210,153,94)
```

Split Complementary Color

#5ed25f
```
#5ed25f rgb(94,210,95)
```
#5f5ed2
```
#5f5ed2 rgb(95,94,210)
```
#d25f5e
```
#d25f5e rgb(210,95,94)
```

Triadic Color

#5ed1d2
```
#5ed1d2 rgb(94,209,210)
```
#5f5ed2
```
#5f5ed2 rgb(95,94,210)
```
#d25f5e
```
#d25f5e rgb(210,95,94)
```
#d1d25e
```
#d1d25e rgb(209,210,94)
```

Tetradic Color

#3332b2
```
#3332b2 rgb(51,50,178)
```
#3837c6
```
#3837c6 rgb(56,55,198)
```
#4b4acc
```
#4b4acc rgb(75,74,204)
```
#5f5ed2
```
#5f5ed2 rgb(95,94,210)
```
#7372d8
```
#7372d8 rgb(115,114,216)
```
#8786dd
```
#8786dd rgb(135,134,221)
```
#9a9ae3
```
#9a9ae3 rgb(154,154,227)
```

Monochromatic Color

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

#5e7ad2
```
#5e7ad2 rgb(94,122,210)
```
#5e70d2
```
#5e70d2 rgb(94,112,210)
```
#5e67d2
```
#5e67d2 rgb(94,103,210)
```
#5f5ed2
```
#5f5ed2 rgb(95,94,210)
```
#695ed2
```
#695ed2 rgb(105,94,210)
```
#725ed2
```
#725ed2 rgb(114,94,210)
```
#7c5ed2
```
#7c5ed2 rgb(124,94,210)
```

Similar Colors

Text with hexadecimal color #5f5ed2

This text has a font color of #5f5ed2.

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

#5f5ed2 background color

This paragraph has a background color of #5f5ed2.

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

#5f5ed2 border color

This element has a border color of #5f5ed2.

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

CSS codes

.text {color:#5f5ed2;}

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

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

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

#020208
```
#020208 rgb(2,2,8)
```
#070617
```
#070617 rgb(7,6,23)
```
#0b0b26
```
#0b0b26 rgb(11,11,38)
```
#0f0f36
```
#0f0f36 rgb(15,15,54)
```
#141345
```
#141345 rgb(20,19,69)
```
#181854
```
#181854 rgb(24,24,84)
```
#1c1c64
```
#1c1c64 rgb(28,28,100)
```
#212073
```
#212073 rgb(33,32,115)
```
#252482
```
#252482 rgb(37,36,130)
```
#2a2992
```
#2a2992 rgb(42,41,146)
```
#2e2da1
```
#2e2da1 rgb(46,45,161)
```
#3231b0
```
#3231b0 rgb(50,49,176)
```
#3736c0
```
#3736c0 rgb(55,54,192)
```

Shade Color Variation

#413fc9
```
#413fc9 rgb(65,63,201)
```
#504fce
```
#504fce rgb(80,79,206)
```
#5f5ed2
```
#5f5ed2 rgb(95,94,210)
```
#6e6dd6
```
#6e6dd6 rgb(110,109,214)
```
#7d7ddb
```
#7d7ddb rgb(125,125,219)
```
#8d8cdf
```
#8d8cdf rgb(141,140,223)
```
#9c9be3
```
#9c9be3 rgb(156,155,227)
```
#ababe7
```
#ababe7 rgb(171,171,231)
```
#babaec
```
#babaec rgb(186,186,236)
```
#cac9f0
```
#cac9f0 rgb(202,201,240)
```
#d9d9f4
```
#d9d9f4 rgb(217,217,244)
```
#e8e8f9
```
#e8e8f9 rgb(232,232,249)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96959b is the less saturated color, while #3836fa is the most saturated one.

#96959b
```
#96959b rgb(150,149,155)
```
#8e8ea2
```
#8e8ea2 rgb(142,142,162)
```
#8686aa
```
#8686aa rgb(134,134,170)
```
#7e7eb2
```
#7e7eb2 rgb(126,126,178)
```
#7676ba
```
#7676ba rgb(118,118,186)
```
#6f6ec2
```
#6f6ec2 rgb(111,110,194)
```
#6766ca
```
#6766ca rgb(103,102,202)
```
#5f5ed2
```
#5f5ed2 rgb(95,94,210)
```
#5756da
```
#5756da rgb(87,86,218)
```
#4f4ee2
```
#4f4ee2 rgb(79,78,226)
```
#4846ea
```
#4846ea rgb(72,70,234)
```
#403ef2
```
#403ef2 rgb(64,62,242)
```
#3836fa
```
#3836fa rgb(56,54,250)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#696980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#417c85 Tritanopia 0.001% of the population

Trichromacy

#2269d8 Protanomaly 1% of men, 0.01% of women
#226dc8 Deuteranomaly 6% of men, 0.4% of women
#4c71a1 Tritanomaly 0.01% of the population

#5f5ed2 hex color

#5f5ed2 Color Information

#5f5ed2 Color Conversion

Color Schemes with #5f5ed2

Alternatives to #5f5ed2

#5f5ed2 Preview

Shades and Tints of #5f5ed2

Tones of #5f5ed2

Color Blindness Simulator