#5f4dd2 hex color

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

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

● #5f4dd2 color description : Moderate blue.

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

Hex triplet	5f4dd2	`#5f4dd2`
RGB Decimal	95, 77, 210	`rgb(95,77,210)`
RGB Percent	37.3, 30.2, 82.4	`rgb(37.3%,30.2%,82.4%)`
CMYK	55, 63, 0, 18
HSL	248.1°, 59.6, 56.3	`hsl(248.1,59.6%,56.3%)`
HSV (or HSB)	248.1°, 63.3, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.834, 43.087, -66.376
XYZ	19.004, 12.393, 62.36
xyY	0.203, 0.132, 12.393
CIE-LCH	41.834, 79.135, 302.989
CIE-LUV	41.834, -2.129, -99.951
Hunter-Lab	35.204, 34.751, -80.383
Binary	01011111, 01001101, 11010010

#5f4dd2
```
#5f4dd2 rgb(95,77,210)
```
#c0d24d
```
#c0d24d rgb(192,210,77)
```

Complementary Color

#4d7ed2
```
#4d7ed2 rgb(77,126,210)
```
#5f4dd2
```
#5f4dd2 rgb(95,77,210)
```
#a24dd2
```
#a24dd2 rgb(162,77,210)
```

Analogous Color

#7ed24d
```
#7ed24d rgb(126,210,77)
```
#5f4dd2
```
#5f4dd2 rgb(95,77,210)
```
#d2a24d
```
#d2a24d rgb(210,162,77)
```

Split Complementary Color

#4dd25f
```
#4dd25f rgb(77,210,95)
```
#5f4dd2
```
#5f4dd2 rgb(95,77,210)
```
#d25f4d
```
#d25f4d rgb(210,95,77)
```

Triadic Color

#4dc0d2
```
#4dc0d2 rgb(77,192,210)
```
#5f4dd2
```
#5f4dd2 rgb(95,77,210)
```
#d25f4d
```
#d25f4d rgb(210,95,77)
```
#c0d24d
```
#c0d24d rgb(192,210,77)
```

Tetradic Color

#3b2aa8
```
#3b2aa8 rgb(59,42,168)
```
#4330bc
```
#4330bc rgb(67,48,188)
```
#4d39cd
```
#4d39cd rgb(77,57,205)
```
#5f4dd2
```
#5f4dd2 rgb(95,77,210)
```
#7161d7
```
#7161d7 rgb(113,97,215)
```
#8476dc
```
#8476dc rgb(132,118,220)
```
#968ae1
```
#968ae1 rgb(150,138,225)
```

Monochromatic Color

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

#4d5cd2
```
#4d5cd2 rgb(77,92,210)
```
#4d51d2
```
#4d51d2 rgb(77,81,210)
```
#544dd2
```
#544dd2 rgb(84,77,210)
```
#5f4dd2
```
#5f4dd2 rgb(95,77,210)
```
#6a4dd2
```
#6a4dd2 rgb(106,77,210)
```
#754dd2
```
#754dd2 rgb(117,77,210)
```
#804dd2
```
#804dd2 rgb(128,77,210)
```

Similar Colors

Text with hexadecimal color #5f4dd2

This text has a font color of #5f4dd2.

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

#5f4dd2 background color

This paragraph has a background color of #5f4dd2.

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

#5f4dd2 border color

This element has a border color of #5f4dd2.

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

CSS codes

.text {color:#5f4dd2;}

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

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

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, #03020a is the darkest color, while #faf9fe is the lightest one.

#03020a
```
#03020a rgb(3,2,10)
```
#09061a
```
#09061a rgb(9,6,26)
```
#0f0a29
```
#0f0a29 rgb(15,10,41)
```
#140e39
```
#140e39 rgb(20,14,57)
```
#1a1249
```
#1a1249 rgb(26,18,73)
```
#1f1658
```
#1f1658 rgb(31,22,88)
```
#251a68
```
#251a68 rgb(37,26,104)
```
#2a1e77
```
#2a1e77 rgb(42,30,119)
```
#302287
```
#302287 rgb(48,34,135)
```
#352697
```
#352697 rgb(53,38,151)
```
#3b2aa6
```
#3b2aa6 rgb(59,42,166)
```
#402eb6
```
#402eb6 rgb(64,46,182)
```
#4632c6
```
#4632c6 rgb(70,50,198)
```

Shade Color Variation

#513dce
```
#513dce rgb(81,61,206)
```
#5f4dd2
```
#5f4dd2 rgb(95,77,210)
```
#6d5dd6
```
#6d5dd6 rgb(109,93,214)
```
#7b6cda
```
#7b6cda rgb(123,108,218)
```
#897cde
```
#897cde rgb(137,124,222)
```
#978ce2
```
#978ce2 rgb(151,140,226)
```
#a59be6
```
#a59be6 rgb(165,155,230)
```
#b3abea
```
#b3abea rgb(179,171,234)
```
#c2bbee
```
#c2bbee rgb(194,187,238)
```
#d0caf2
```
#d0caf2 rgb(208,202,242)
```
#dedaf6
```
#dedaf6 rgb(222,218,246)
```
#eceafa
```
#eceafa rgb(236,234,250)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8996 is the less saturated color, while #4022fd is the most saturated one.

#8b8996
```
#8b8996 rgb(139,137,150)
```
#85809f
```
#85809f rgb(133,128,159)
```
#7e78a7
```
#7e78a7 rgb(126,120,167)
```
#786fb0
```
#786fb0 rgb(120,111,176)
```
#7267b8
```
#7267b8 rgb(114,103,184)
```
#6c5ec1
```
#6c5ec1 rgb(108,94,193)
```
#6556c9
```
#6556c9 rgb(101,86,201)
```
#5f4dd2
```
#5f4dd2 rgb(95,77,210)
```
#5944db
```
#5944db rgb(89,68,219)
```
#523ce3
```
#523ce3 rgb(82,60,227)
```
#4c33ec
```
#4c33ec rgb(76,51,236)
```
#462bf4
```
#462bf4 rgb(70,43,244)
```
#4022fd
```
#4022fd rgb(64,34,253)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#615e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db1 Deuteranopia 1% of men
#3c727a Tritanopia 0.001% of the population

Trichromacy

#225dcd Protanomaly 1% of men, 0.01% of women
#2261bd Deuteranomaly 6% of men, 0.4% of women
#49649a Tritanomaly 0.01% of the population

#5f4dd2 hex color

#5f4dd2 Color Information

#5f4dd2 Color Conversion

Color Schemes with #5f4dd2

Alternatives to #5f4dd2

#5f4dd2 Preview

Shades and Tints of #5f4dd2

Tones of #5f4dd2

Color Blindness Simulator