#5f56c8 hex color

In a RGB color space, hex #5f56c8 is composed of 37.3% red, 33.7% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 57% magenta, 0% yellow and 21.6% black. It has a hue angle of 244.7 degrees, a saturation of 50.9% and a lightness of 56.1%. #5f56c8 color hex could be obtained by blending #beacff with #000091. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 34
- B 78
RGB color chart
- C 53
- M 57
- Y 0
- K 22
CMYK color chart

● #5f56c8 color description : Moderate blue.

The hexadecimal color #5f56c8 has RGB values of R:95, G:86, B:200 and CMYK values of C:0.53, M:0.57, Y:0, K:0.22. Its decimal value is 6248136.

Hex triplet	5f56c8	`#5f56c8`
RGB Decimal	95, 86, 200	`rgb(95,86,200)`
RGB Percent	37.3, 33.7, 78.4	`rgb(37.3%,33.7%,78.4%)`
CMYK	53, 57, 0, 22
HSL	244.7°, 50.9, 56.1	`hsl(244.7,50.9%,56.1%)`
HSV (or HSB)	244.7°, 57, 78.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.149, 34.657, -58.474
XYZ	18.47, 13.258, 56.226
xyY	0.21, 0.151, 13.258
CIE-LCH	43.149, 67.973, 300.655
CIE-LUV	43.149, -3.616, -89.317
Hunter-Lab	36.412, 26.827, -66.067
Binary	01011111, 01010110, 11001000

#5f56c8
```
#5f56c8 rgb(95,86,200)
```
#bfc856
```
#bfc856 rgb(191,200,86)
```

Complementary Color

#5686c8
```
#5686c8 rgb(86,134,200)
```
#5f56c8
```
#5f56c8 rgb(95,86,200)
```
#9856c8
```
#9856c8 rgb(152,86,200)
```

Analogous Color

#86c856
```
#86c856 rgb(134,200,86)
```
#5f56c8
```
#5f56c8 rgb(95,86,200)
```
#c89856
```
#c89856 rgb(200,152,86)
```

Split Complementary Color

#56c85f
```
#56c85f rgb(86,200,95)
```
#5f56c8
```
#5f56c8 rgb(95,86,200)
```
#c85f56
```
#c85f56 rgb(200,95,86)
```

Triadic Color

#56bfc8
```
#56bfc8 rgb(86,191,200)
```
#5f56c8
```
#5f56c8 rgb(95,86,200)
```
#c85f56
```
#c85f56 rgb(200,95,86)
```
#bfc856
```
#bfc856 rgb(191,200,86)
```

Tetradic Color

#3c339e
```
#3c339e rgb(60,51,158)
```
#433ab1
```
#433ab1 rgb(67,58,177)
```
#4d43c2
```
#4d43c2 rgb(77,67,194)
```
#5f56c8
```
#5f56c8 rgb(95,86,200)
```
#7169ce
```
#7169ce rgb(113,105,206)
```
#837cd5
```
#837cd5 rgb(131,124,213)
```
#9690db
```
#9690db rgb(150,144,219)
```

Monochromatic Color

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

#566ac8
```
#566ac8 rgb(86,106,200)
```
#5660c8
```
#5660c8 rgb(86,96,200)
```
#5656c8
```
#5656c8 rgb(86,86,200)
```
#5f56c8
```
#5f56c8 rgb(95,86,200)
```
#6956c8
```
#6956c8 rgb(105,86,200)
```
#7256c8
```
#7256c8 rgb(114,86,200)
```
#7c56c8
```
#7c56c8 rgb(124,86,200)
```

Similar Colors

Text with hexadecimal color #5f56c8

This text has a font color of #5f56c8.

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

#5f56c8 background color

This paragraph has a background color of #5f56c8.

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

#5f56c8 border color

This element has a border color of #5f56c8.

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

CSS codes

.text {color:#5f56c8;}

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

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

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

#030309
```
#030309 rgb(3,3,9)
```
#090817
```
#090817 rgb(9,8,23)
```
#0e0c26
```
#0e0c26 rgb(14,12,38)
```
#141135
```
#141135 rgb(20,17,53)
```
#1a1644
```
#1a1644 rgb(26,22,68)
```
#1f1b53
```
#1f1b53 rgb(31,27,83)
```
#252061
```
#252061 rgb(37,32,97)
```
#2a2570
```
#2a2570 rgb(42,37,112)
```
#30297f
```
#30297f rgb(48,41,127)
```
#362e8e
```
#362e8e rgb(54,46,142)
```
#3b339d
```
#3b339d rgb(59,51,157)
```
#4138ab
```
#4138ab rgb(65,56,171)
```
#473dba
```
#473dba rgb(71,61,186)
```

Shade Color Variation

#5147c3
```
#5147c3 rgb(81,71,195)
```
#5f56c8
```
#5f56c8 rgb(95,86,200)
```
#6d65cd
```
#6d65cd rgb(109,101,205)
```
#7b74d2
```
#7b74d2 rgb(123,116,210)
```
#8982d6
```
#8982d6 rgb(137,130,214)
```
#9791db
```
#9791db rgb(151,145,219)
```
#a5a0e0
```
#a5a0e0 rgb(165,160,224)
```
#b3afe5
```
#b3afe5 rgb(179,175,229)
```
#c1beea
```
#c1beea rgb(193,190,234)
```
#cfccef
```
#cfccef rgb(207,204,239)
```
#dddbf3
```
#dddbf3 rgb(221,219,243)
```
#ebeaf8
```
#ebeaf8 rgb(235,234,248)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#8b8a94
```
#8b8a94 rgb(139,138,148)
```
#83819d
```
#83819d rgb(131,129,157)
```
#7c78a6
```
#7c78a6 rgb(124,120,166)
```
#7570ae
```
#7570ae rgb(117,112,174)
```
#6e67b7
```
#6e67b7 rgb(110,103,183)
```
#665fbf
```
#665fbf rgb(102,95,191)
```
#5f56c8
```
#5f56c8 rgb(95,86,200)
```
#584dd1
```
#584dd1 rgb(88,77,209)
```
#5045d9
```
#5045d9 rgb(80,69,217)
```
#493ce2
```
#493ce2 rgb(73,60,226)
```
#4234ea
```
#4234ea rgb(66,52,234)
```
#3b2bf3
```
#3b2bf3 rgb(59,43,243)
```
#3322fc
```
#3322fc rgb(51,34,252)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#65637a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b8 Deuteranopia 1% of men
#45747d Tritanopia 0.001% of the population

Trichromacy

#2263cd Protanomaly 1% of men, 0.01% of women
#2266be Deuteranomaly 6% of men, 0.4% of women
#4f6998 Tritanomaly 0.01% of the population

#5f56c8 hex color

#5f56c8 Color Information

#5f56c8 Color Conversion

Color Schemes with #5f56c8

Alternatives to #5f56c8

#5f56c8 Preview

Shades and Tints of #5f56c8

Tones of #5f56c8

Color Blindness Simulator