#5f56d3 hex color

In a RGB color space, hex #5f56d3 is composed of 37.3% red, 33.7% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 59.2% magenta, 0% yellow and 17.3% black. It has a hue angle of 244.3 degrees, a saturation of 58.7% and a lightness of 58.2%. #5f56d3 color hex could be obtained by blending #beacff with #0000a7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 34
- B 83
RGB color chart
- C 55
- M 59
- Y 0
- K 17
CMYK color chart

● #5f56d3 color description : Moderate blue.

The hexadecimal color #5f56d3 has RGB values of R:95, G:86, B:211 and CMYK values of C:0.55, M:0.59, Y:0, K:0.17. Its decimal value is 6248147.

Hex triplet	5f56d3	`#5f56d3`
RGB Decimal	95, 86, 211	`rgb(95,86,211)`
RGB Percent	37.3, 33.7, 82.7	`rgb(37.3%,33.7%,82.7%)`
CMYK	55, 59, 0, 17
HSL	244.3°, 58.7, 58.2	`hsl(244.3,58.7%,58.2%)`
HSV (or HSB)	244.3°, 59.2, 82.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.932, 38.088, -63.541
XYZ	19.803, 13.791, 63.243
xyY	0.204, 0.142, 13.791
CIE-LCH	43.932, 74.082, 300.94
CIE-LUV	43.932, -4.346, -97.236
Hunter-Lab	37.136, 30.196, -74.976
Binary	01011111, 01010110, 11010011

#5f56d3
```
#5f56d3 rgb(95,86,211)
```
#cad356
```
#cad356 rgb(202,211,86)
```

Complementary Color

#568cd3
```
#568cd3 rgb(86,140,211)
```
#5f56d3
```
#5f56d3 rgb(95,86,211)
```
#9e56d3
```
#9e56d3 rgb(158,86,211)
```

Analogous Color

#8cd356
```
#8cd356 rgb(140,211,86)
```
#5f56d3
```
#5f56d3 rgb(95,86,211)
```
#d39e56
```
#d39e56 rgb(211,158,86)
```

Split Complementary Color

#56d35f
```
#56d35f rgb(86,211,95)
```
#5f56d3
```
#5f56d3 rgb(95,86,211)
```
#d35f56
```
#d35f56 rgb(211,95,86)
```

Triadic Color

#56cad3
```
#56cad3 rgb(86,202,211)
```
#5f56d3
```
#5f56d3 rgb(95,86,211)
```
#d35f56
```
#d35f56 rgb(211,95,86)
```
#cad356
```
#cad356 rgb(202,211,86)
```

Tetradic Color

#372eaf
```
#372eaf rgb(55,46,175)
```
#3d33c3
```
#3d33c3 rgb(61,51,195)
```
#4c42ce
```
#4c42ce rgb(76,66,206)
```
#5f56d3
```
#5f56d3 rgb(95,86,211)
```
#726ad8
```
#726ad8 rgb(114,106,216)
```
#857ede
```
#857ede rgb(133,126,222)
```
#9893e3
```
#9893e3 rgb(152,147,227)
```

Monochromatic Color

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

#566cd3
```
#566cd3 rgb(86,108,211)
```
#5662d3
```
#5662d3 rgb(86,98,211)
```
#5657d3
```
#5657d3 rgb(86,87,211)
```
#5f56d3
```
#5f56d3 rgb(95,86,211)
```
#6956d3
```
#6956d3 rgb(105,86,211)
```
#7456d3
```
#7456d3 rgb(116,86,211)
```
#7e56d3
```
#7e56d3 rgb(126,86,211)
```

Similar Colors

Text with hexadecimal color #5f56d3

This text has a font color of #5f56d3.

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

#5f56d3 background color

This paragraph has a background color of #5f56d3.

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

#5f56d3 border color

This element has a border color of #5f56d3.

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

CSS codes

.text {color:#5f56d3;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060512
```
#060512 rgb(6,5,18)
```
#0a0921
```
#0a0921 rgb(10,9,33)
```
#0f0d31
```
#0f0d31 rgb(15,13,49)
```
#141140
```
#141140 rgb(20,17,64)
```
#191550
```
#191550 rgb(25,21,80)
```
#1e1960
```
#1e1960 rgb(30,25,96)
```
#231d6f
```
#231d6f rgb(35,29,111)
```
#28217f
```
#28217f rgb(40,33,127)
```
#2d258e
```
#2d258e rgb(45,37,142)
```
#31299e
```
#31299e rgb(49,41,158)
```
#362dad
```
#362dad rgb(54,45,173)
```
#3b31bd
```
#3b31bd rgb(59,49,189)
```

Shade Color Variation

#4237cb
```
#4237cb rgb(66,55,203)
```
#5046cf
```
#5046cf rgb(80,70,207)
```
#5f56d3
```
#5f56d3 rgb(95,86,211)
```
#6e66d7
```
#6e66d7 rgb(110,102,215)
```
#7c75db
```
#7c75db rgb(124,117,219)
```
#8b85df
```
#8b85df rgb(139,133,223)
```
#9a94e3
```
#9a94e3 rgb(154,148,227)
```
#a9a4e7
```
#a9a4e7 rgb(169,164,231)
```
#b7b3eb
```
#b7b3eb rgb(183,179,235)
```
#c6c3ef
```
#c6c3ef rgb(198,195,239)
```
#d5d3f3
```
#d5d3f3 rgb(213,211,243)
```
#e4e2f7
```
#e4e2f7 rgb(228,226,247)
```
#f2f2fc
```
#f2f2fc rgb(242,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #908f9a is the less saturated color, while #3c2dfc is the most saturated one.

#908f9a
```
#908f9a rgb(144,143,154)
```
#8987a2
```
#8987a2 rgb(137,135,162)
```
#827faa
```
#827faa rgb(130,127,170)
```
#7b77b2
```
#7b77b2 rgb(123,119,178)
```
#746fba
```
#746fba rgb(116,111,186)
```
#6d66c3
```
#6d66c3 rgb(109,102,195)
```
#665ecb
```
#665ecb rgb(102,94,203)
```
#5f56d3
```
#5f56d3 rgb(95,86,211)
```
#584edb
```
#584edb rgb(88,78,219)
```
#5146e3
```
#5146e3 rgb(81,70,227)
```
#4a3dec
```
#4a3dec rgb(74,61,236)
```
#4335f4
```
#4335f4 rgb(67,53,244)
```
#3c2dfc
```
#3c2dfc rgb(60,45,252)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#65647d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072ba Deuteranopia 1% of men
#3e7780 Tritanopia 0.001% of the population

Trichromacy

#2264d3 Protanomaly 1% of men, 0.01% of women
#2267c3 Deuteranomaly 6% of men, 0.4% of women
#4a6b9e Tritanomaly 0.01% of the population

#5f56d3 hex color

#5f56d3 Color Information

#5f56d3 Color Conversion

Color Schemes with #5f56d3

Alternatives to #5f56d3

#5f56d3 Preview

Shades and Tints of #5f56d3

Tones of #5f56d3

Color Blindness Simulator