#5f56e6 hex color

In a RGB color space, hex #5f56e6 is composed of 37.3% red, 33.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 62.6% magenta, 0% yellow and 9.8% black. It has a hue angle of 243.8 degrees, a saturation of 74.2% and a lightness of 62%. #5f56e6 color hex could be obtained by blending #beacff with #0000cd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 34
- B 90
RGB color chart
- C 59
- M 63
- Y 0
- K 10
CMYK color chart

● #5f56e6 color description : Soft blue.

The hexadecimal color #5f56e6 has RGB values of R:95, G:86, B:230 and CMYK values of C:0.59, M:0.63, Y:0, K:0.1. Its decimal value is 6248166.

Hex triplet	5f56e6	`#5f56e6`
RGB Decimal	95, 86, 230	`rgb(95,86,230)`
RGB Percent	37.3, 33.7, 90.2	`rgb(37.3%,33.7%,90.2%)`
CMYK	59, 63, 0, 10
HSL	243.8°, 74.2, 62	`hsl(243.8,74.2%,62%)`
HSV (or HSB)	243.8°, 62.6, 90.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.36, 44.027, -72.036
XYZ	22.327, 14.801, 76.539
xyY	0.196, 0.13, 14.801
CIE-LCH	45.36, 84.425, 301.432
CIE-LUV	45.36, -5.547, -110.437
Hunter-Lab	38.472, 36.268, -91.026
Binary	01011111, 01010110, 11100110

#5f56e6
```
#5f56e6 rgb(95,86,230)
```
#dde656
```
#dde656 rgb(221,230,86)
```

Complementary Color

#5695e6
```
#5695e6 rgb(86,149,230)
```
#5f56e6
```
#5f56e6 rgb(95,86,230)
```
#a756e6
```
#a756e6 rgb(167,86,230)
```

Analogous Color

#95e656
```
#95e656 rgb(149,230,86)
```
#5f56e6
```
#5f56e6 rgb(95,86,230)
```
#e6a756
```
#e6a756 rgb(230,167,86)
```

Split Complementary Color

#56e65f
```
#56e65f rgb(86,230,95)
```
#5f56e6
```
#5f56e6 rgb(95,86,230)
```
#e65f56
```
#e65f56 rgb(230,95,86)
```

Triadic Color

#56dde6
```
#56dde6 rgb(86,221,230)
```
#5f56e6
```
#5f56e6 rgb(95,86,230)
```
#e65f56
```
#e65f56 rgb(230,95,86)
```
#dde656
```
#dde656 rgb(221,230,86)
```

Tetradic Color

#2a1fd1
```
#2a1fd1 rgb(42,31,209)
```
#352adf
```
#352adf rgb(53,42,223)
```
#4a40e3
```
#4a40e3 rgb(74,64,227)
```
#5f56e6
```
#5f56e6 rgb(95,86,230)
```
#746ce9
```
#746ce9 rgb(116,108,233)
```
#8982ed
```
#8982ed rgb(137,130,237)
```
#9e99f0
```
#9e99f0 rgb(158,153,240)
```

Monochromatic Color

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

#5671e6
```
#5671e6 rgb(86,113,230)
```
#5665e6
```
#5665e6 rgb(86,101,230)
```
#5659e6
```
#5659e6 rgb(86,89,230)
```
#5f56e6
```
#5f56e6 rgb(95,86,230)
```
#6b56e6
```
#6b56e6 rgb(107,86,230)
```
#7756e6
```
#7756e6 rgb(119,86,230)
```
#8356e6
```
#8356e6 rgb(131,86,230)
```

Similar Colors

Text with hexadecimal color #5f56e6

This text has a font color of #5f56e6.

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

#5f56e6 background color

This paragraph has a background color of #5f56e6.

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

#5f56e6 border color

This element has a border color of #5f56e6.

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

CSS codes

.text {color:#5f56e6;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040313
```
#040313 rgb(4,3,19)
```
#070524
```
#070524 rgb(7,5,36)
```
#0b0835
```
#0b0835 rgb(11,8,53)
```
#0e0a46
```
#0e0a46 rgb(14,10,70)
```
#120d57
```
#120d57 rgb(18,13,87)
```
#150f68
```
#150f68 rgb(21,15,104)
```
#181279
```
#181279 rgb(24,18,121)
```
#1c148b
```
#1c148b rgb(28,20,139)
```
#1f179c
```
#1f179c rgb(31,23,156)
```
#231aad
```
#231aad rgb(35,26,173)
```
#261cbe
```
#261cbe rgb(38,28,190)
```
#2a1fcf
```
#2a1fcf rgb(42,31,207)
```

Shade Color Variation

#2e23de
```
#2e23de rgb(46,35,222)
```
#3f34e1
```
#3f34e1 rgb(63,52,225)
```
#4f45e3
```
#4f45e3 rgb(79,69,227)
```
#5f56e6
```
#5f56e6 rgb(95,86,230)
```
#6f67e9
```
#6f67e9 rgb(111,103,233)
```
#7f78eb
```
#7f78eb rgb(127,120,235)
```
#9089ee
```
#9089ee rgb(144,137,238)
```
#a09af0
```
#a09af0 rgb(160,154,240)
```
#b0abf3
```
#b0abf3 rgb(176,171,243)
```
#c0bdf5
```
#c0bdf5 rgb(192,189,245)
```
#d0cef8
```
#d0cef8 rgb(208,206,248)
```
#e0dffa
```
#e0dffa rgb(224,223,250)
```
#f1f0fd
```
#f1f0fd rgb(241,240,253)
```

Tint Color Variation

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

#9a99a3
```
#9a99a3 rgb(154,153,163)
```
#9392aa
```
#9392aa rgb(147,146,170)
```
#8d8ab2
```
#8d8ab2 rgb(141,138,178)
```
#8683b9
```
#8683b9 rgb(134,131,185)
```
#807bc1
```
#807bc1 rgb(128,123,193)
```
#7974c8
```
#7974c8 rgb(121,116,200)
```
#736cd0
```
#736cd0 rgb(115,108,208)
```
#6c65d7
```
#6c65d7 rgb(108,101,215)
```
#665ddf
```
#665ddf rgb(102,93,223)
```
#5f56e6
```
#5f56e6 rgb(95,86,230)
```
#584fed
```
#584fed rgb(88,79,237)
```
#5247f5
```
#5247f5 rgb(82,71,245)
```
#4b40fc
```
#4b40fc rgb(75,64,252)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#676582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0075bf Deuteranopia 1% of men
#297d86 Tritanopia 0.001% of the population

Trichromacy

#2266de Protanomaly 1% of men, 0.01% of women
#226acd Deuteranomaly 6% of men, 0.4% of women
#3d6ea9 Tritanomaly 0.01% of the population

#5f56e6 hex color

#5f56e6 Color Information

#5f56e6 Color Conversion

Color Schemes with #5f56e6

Alternatives to #5f56e6

#5f56e6 Preview

Shades and Tints of #5f56e6

Tones of #5f56e6

Color Blindness Simulator