#5f56dd hex color

In a RGB color space, hex #5f56dd is composed of 37.3% red, 33.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 61.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 244 degrees, a saturation of 66.5% and a lightness of 60.2%. #5f56dd color hex could be obtained by blending #beacff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 34
- B 87
RGB color chart
- C 57
- M 61
- Y 0
- K 13
CMYK color chart

● #5f56dd color description : Soft blue.

The hexadecimal color #5f56dd has RGB values of R:95, G:86, B:221 and CMYK values of C:0.57, M:0.61, Y:0, K:0.13. Its decimal value is 6248157.

Hex triplet	5f56dd	`#5f56dd`
RGB Decimal	95, 86, 221	`rgb(95,86,221)`
RGB Percent	37.3, 33.7, 86.7	`rgb(37.3%,33.7%,86.7%)`
CMYK	57, 61, 0, 13
HSL	244°, 66.5, 60.2	`hsl(244,66.5%,60.2%)`
HSV (or HSB)	244°, 61.1, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.672, 41.214, -68.051
XYZ	21.096, 14.308, 70.053
xyY	0.2, 0.136, 14.308
CIE-LCH	44.672, 79.559, 301.201
CIE-LUV	44.672, -4.987, -104.257
Hunter-Lab	37.826, 33.354, -83.325
Binary	01011111, 01010110, 11011101

#5f56dd
```
#5f56dd rgb(95,86,221)
```
#d4dd56
```
#d4dd56 rgb(212,221,86)
```

Complementary Color

#5691dd
```
#5691dd rgb(86,145,221)
```
#5f56dd
```
#5f56dd rgb(95,86,221)
```
#a356dd
```
#a356dd rgb(163,86,221)
```

Analogous Color

#91dd56
```
#91dd56 rgb(145,221,86)
```
#5f56dd
```
#5f56dd rgb(95,86,221)
```
#dda356
```
#dda356 rgb(221,163,86)
```

Split Complementary Color

#56dd5f
```
#56dd5f rgb(86,221,95)
```
#5f56dd
```
#5f56dd rgb(95,86,221)
```
#dd5f56
```
#dd5f56 rgb(221,95,86)
```

Triadic Color

#56d4dd
```
#56d4dd rgb(86,212,221)
```
#5f56dd
```
#5f56dd rgb(95,86,221)
```
#dd5f56
```
#dd5f56 rgb(221,95,86)
```
#d4dd56
```
#d4dd56 rgb(212,221,86)
```

Tetradic Color

#3127c0
```
#3127c0 rgb(49,39,192)
```
#372cd4
```
#372cd4 rgb(55,44,212)
```
#4b41d9
```
#4b41d9 rgb(75,65,217)
```
#5f56dd
```
#5f56dd rgb(95,86,221)
```
#736be1
```
#736be1 rgb(115,107,225)
```
#8780e6
```
#8780e6 rgb(135,128,230)
```
#9b96ea
```
#9b96ea rgb(155,150,234)
```

Monochromatic Color

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

#566fdd
```
#566fdd rgb(86,111,221)
```
#5664dd
```
#5664dd rgb(86,100,221)
```
#5658dd
```
#5658dd rgb(86,88,221)
```
#5f56dd
```
#5f56dd rgb(95,86,221)
```
#6a56dd
```
#6a56dd rgb(106,86,221)
```
#7656dd
```
#7656dd rgb(118,86,221)
```
#8156dd
```
#8156dd rgb(129,86,221)
```

Similar Colors

Text with hexadecimal color #5f56dd

This text has a font color of #5f56dd.

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

#5f56dd background color

This paragraph has a background color of #5f56dd.

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

#5f56dd border color

This element has a border color of #5f56dd.

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

CSS codes

.text {color:#5f56dd;}

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

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

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

#03020b
```
#03020b rgb(3,2,11)
```
#07051b
```
#07051b rgb(7,5,27)
```
#0b092b
```
#0b092b rgb(11,9,43)
```
#0f0c3c
```
#0f0c3c rgb(15,12,60)
```
#130f4c
```
#130f4c rgb(19,15,76)
```
#17135c
```
#17135c rgb(23,19,92)
```
#1c166d
```
#1c166d rgb(28,22,109)
```
#20197d
```
#20197d rgb(32,25,125)
```
#241c8d
```
#241c8d rgb(36,28,141)
```
#28209e
```
#28209e rgb(40,32,158)
```
#2c23ae
```
#2c23ae rgb(44,35,174)
```
#3026be
```
#3026be rgb(48,38,190)
```
#352acf
```
#352acf rgb(53,42,207)
```

Shade Color Variation

#4035d6
```
#4035d6 rgb(64,53,214)
```
#5046da
```
#5046da rgb(80,70,218)
```
#5f56dd
```
#5f56dd rgb(95,86,221)
```
#6e66e0
```
#6e66e0 rgb(110,102,224)
```
#7e77e4
```
#7e77e4 rgb(126,119,228)
```
#8d87e7
```
#8d87e7 rgb(141,135,231)
```
#9d97ea
```
#9d97ea rgb(157,151,234)
```
#aca8ed
```
#aca8ed rgb(172,168,237)
```
#bcb8f1
```
#bcb8f1 rgb(188,184,241)
```
#cbc8f4
```
#cbc8f4 rgb(203,200,244)
```
#dbd9f7
```
#dbd9f7 rgb(219,217,247)
```
#eae9fb
```
#eae9fb rgb(234,233,251)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95949f is the less saturated color, while #4437fc is the most saturated one.

#95949f
```
#95949f rgb(149,148,159)
```
#8e8da6
```
#8e8da6 rgb(142,141,166)
```
#8885ae
```
#8885ae rgb(136,133,174)
```
#817db6
```
#817db6 rgb(129,125,182)
```
#7a75be
```
#7a75be rgb(122,117,190)
```
#736dc6
```
#736dc6 rgb(115,109,198)
```
#6d66cd
```
#6d66cd rgb(109,102,205)
```
#665ed5
```
#665ed5 rgb(102,94,213)
```
#5f56dd
```
#5f56dd rgb(95,86,221)
```
#584ee5
```
#584ee5 rgb(88,78,229)
```
#5146ed
```
#5146ed rgb(81,70,237)
```
#4b3ff4
```
#4b3ff4 rgb(75,63,244)
```
#4437fc
```
#4437fc rgb(68,55,252)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#66647f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd7 Protanopia 1% of men
#0073bc Deuteranopia 1% of men
#357a83 Tritanopia 0.001% of the population

Trichromacy

#2265d9 Protanomaly 1% of men, 0.01% of women
#2269c8 Deuteranomaly 6% of men, 0.4% of women
#446da4 Tritanomaly 0.01% of the population

#5f56dd hex color

#5f56dd Color Information

#5f56dd Color Conversion

Color Schemes with #5f56dd

Alternatives to #5f56dd

#5f56dd Preview

Shades and Tints of #5f56dd

Tones of #5f56dd

Color Blindness Simulator