#5f56ec hex color

In a RGB color space, hex #5f56ec is composed of 37.3% red, 33.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 63.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 243.6 degrees, a saturation of 79.8% and a lightness of 63.1%. #5f56ec color hex could be obtained by blending #beacff with #0000d9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 34
- B 93
RGB color chart
- C 60
- M 64
- Y 0
- K 7
CMYK color chart

● #5f56ec color description : Soft blue.

The hexadecimal color #5f56ec has RGB values of R:95, G:86, B:236 and CMYK values of C:0.6, M:0.64, Y:0, K:0.07. Its decimal value is 6248172.

Hex triplet	5f56ec	`#5f56ec`
RGB Decimal	95, 86, 236	`rgb(95,86,236)`
RGB Percent	37.3, 33.7, 92.5	`rgb(37.3%,33.7%,92.5%)`
CMYK	60, 64, 0, 7
HSL	243.6°, 79.8, 63.1	`hsl(243.6,79.8%,63.1%)`
HSV (or HSB)	243.6°, 63.6, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.83, 45.899, -74.655
XYZ	23.184, 15.144, 81.054
xyY	0.194, 0.127, 15.144
CIE-LCH	45.83, 87.636, 301.583
CIE-LUV	45.83, -5.911, -114.488
Hunter-Lab	38.915, 38.245, -96.252
Binary	01011111, 01010110, 11101100

#5f56ec
```
#5f56ec rgb(95,86,236)
```
#e3ec56
```
#e3ec56 rgb(227,236,86)
```

Complementary Color

#5698ec
```
#5698ec rgb(86,152,236)
```
#5f56ec
```
#5f56ec rgb(95,86,236)
```
#aa56ec
```
#aa56ec rgb(170,86,236)
```

Analogous Color

#98ec56
```
#98ec56 rgb(152,236,86)
```
#5f56ec
```
#5f56ec rgb(95,86,236)
```
#ecaa56
```
#ecaa56 rgb(236,170,86)
```

Split Complementary Color

#56ec5f
```
#56ec5f rgb(86,236,95)
```
#5f56ec
```
#5f56ec rgb(95,86,236)
```
#ec5f56
```
#ec5f56 rgb(236,95,86)
```

Triadic Color

#56e3ec
```
#56e3ec rgb(86,227,236)
```
#5f56ec
```
#5f56ec rgb(95,86,236)
```
#ec5f56
```
#ec5f56 rgb(236,95,86)
```
#e3ec56
```
#e3ec56 rgb(227,236,86)
```

Tetradic Color

#2519dd
```
#2519dd rgb(37,25,221)
```
#3428e7
```
#3428e7 rgb(52,40,231)
```
#493fe9
```
#493fe9 rgb(73,63,233)
```
#5f56ec
```
#5f56ec rgb(95,86,236)
```
#756def
```
#756def rgb(117,109,239)
```
#8a84f1
```
#8a84f1 rgb(138,132,241)
```
#a09bf4
```
#a09bf4 rgb(160,155,244)
```

Monochromatic Color

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

#5673ec
```
#5673ec rgb(86,115,236)
```
#5666ec
```
#5666ec rgb(86,102,236)
```
#565aec
```
#565aec rgb(86,90,236)
```
#5f56ec
```
#5f56ec rgb(95,86,236)
```
#6c56ec
```
#6c56ec rgb(108,86,236)
```
#7856ec
```
#7856ec rgb(120,86,236)
```
#8556ec
```
#8556ec rgb(133,86,236)
```

Similar Colors

Text with hexadecimal color #5f56ec

This text has a font color of #5f56ec.

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

#5f56ec background color

This paragraph has a background color of #5f56ec.

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

#5f56ec border color

This element has a border color of #5f56ec.

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

CSS codes

.text {color:#5f56ec;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#040319
```
#040319 rgb(4,3,25)
```
#07052b
```
#07052b rgb(7,5,43)
```
#0a073c
```
#0a073c rgb(10,7,60)
```
#0d094e
```
#0d094e rgb(13,9,78)
```
#100b5f
```
#100b5f rgb(16,11,95)
```
#130d71
```
#130d71 rgb(19,13,113)
```
#160f83
```
#160f83 rgb(22,15,131)
```
#191194
```
#191194 rgb(25,17,148)
```
#1c13a6
```
#1c13a6 rgb(28,19,166)
```
#1e15b8
```
#1e15b8 rgb(30,21,184)
```
#2117c9
```
#2117c9 rgb(33,23,201)
```
#2419db
```
#2419db rgb(36,25,219)
```

Shade Color Variation

#2d21e6
```
#2d21e6 rgb(45,33,230)
```
#3e33e8
```
#3e33e8 rgb(62,51,232)
```
#4e44ea
```
#4e44ea rgb(78,68,234)
```
#5f56ec
```
#5f56ec rgb(95,86,236)
```
#7068ee
```
#7068ee rgb(112,104,238)
```
#8079f0
```
#8079f0 rgb(128,121,240)
```
#918bf2
```
#918bf2 rgb(145,139,242)
```
#a29df4
```
#a29df4 rgb(162,157,244)
```
#b2aef6
```
#b2aef6 rgb(178,174,246)
```
#c3c0f8
```
#c3c0f8 rgb(195,192,248)
```
#d4d1fa
```
#d4d1fa rgb(212,209,250)
```
#e5e3fc
```
#e5e3fc rgb(229,227,252)
```
#f5f5fe
```
#f5f5fe rgb(245,245,254)
```

Tint Color Variation

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

#9f9ea4
```
#9f9ea4 rgb(159,158,164)
```
#9897ab
```
#9897ab rgb(152,151,171)
```
#9290b2
```
#9290b2 rgb(146,144,178)
```
#8c89b9
```
#8c89b9 rgb(140,137,185)
```
#8581c1
```
#8581c1 rgb(133,129,193)
```
#7f7ac8
```
#7f7ac8 rgb(127,122,200)
```
#7873cf
```
#7873cf rgb(120,115,207)
```
#726cd6
```
#726cd6 rgb(114,108,214)
```
#6c64de
```
#6c64de rgb(108,100,222)
```
#655de5
```
#655de5 rgb(101,93,229)
```
#5f56ec
```
#5f56ec rgb(95,86,236)
```
#594ff3
```
#594ff3 rgb(89,79,243)
```
#5248fa
```
#5248fa rgb(82,72,250)
```

Tone Color Variation

Below, you can see how #5f56ec 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
#686684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#0076c0 Deuteranopia 1% of men
#1e7e88 Tritanopia 0.001% of the population

Trichromacy

#2266e1 Protanomaly 1% of men, 0.01% of women
#226ad0 Deuteranomaly 6% of men, 0.4% of women
#3570ac Tritanomaly 0.01% of the population

#5f56ec hex color

#5f56ec Color Information

#5f56ec Color Conversion

Color Schemes with #5f56ec

Alternatives to #5f56ec

#5f56ec Preview

Shades and Tints of #5f56ec

Tones of #5f56ec

Color Blindness Simulator