#5f56b6 hex color

In a RGB color space, hex #5f56b6 is composed of 37.3% red, 33.7% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 52.7% magenta, 0% yellow and 28.6% black. It has a hue angle of 245.6 degrees, a saturation of 39.7% and a lightness of 52.5%. #5f56b6 color hex could be obtained by blending #beacff with #00006d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 34
- B 71
RGB color chart
- C 48
- M 53
- Y 0
- K 29
CMYK color chart

● #5f56b6 color description : Moderate blue.

The hexadecimal color #5f56b6 has RGB values of R:95, G:86, B:182 and CMYK values of C:0.48, M:0.53, Y:0, K:0.29. Its decimal value is 6248118.

Hex triplet	5f56b6	`#5f56b6`
RGB Decimal	95, 86, 182	`rgb(95,86,182)`
RGB Percent	37.3, 33.7, 71.4	`rgb(37.3%,33.7%,71.4%)`
CMYK	48, 53, 0, 29
HSL	245.6°, 39.7, 52.5	`hsl(245.6,39.7%,52.5%)`
HSV (or HSB)	245.6°, 52.7, 71.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.947, 29.092, -49.935
XYZ	16.489, 12.465, 45.791
xyY	0.221, 0.167, 12.465
CIE-LCH	41.947, 57.791, 300.225
CIE-LUV	41.947, -2.362, -75.898
Hunter-Lab	35.306, 21.578, -52.182
Binary	01011111, 01010110, 10110110

#5f56b6
```
#5f56b6 rgb(95,86,182)
```
#adb656
```
#adb656 rgb(173,182,86)
```

Complementary Color

#567db6
```
#567db6 rgb(86,125,182)
```
#5f56b6
```
#5f56b6 rgb(95,86,182)
```
#8f56b6
```
#8f56b6 rgb(143,86,182)
```

Analogous Color

#7db656
```
#7db656 rgb(125,182,86)
```
#5f56b6
```
#5f56b6 rgb(95,86,182)
```
#b68f56
```
#b68f56 rgb(182,143,86)
```

Split Complementary Color

#56b65f
```
#56b65f rgb(86,182,95)
```
#5f56b6
```
#5f56b6 rgb(95,86,182)
```
#b65f56
```
#b65f56 rgb(182,95,86)
```

Triadic Color

#56adb6
```
#56adb6 rgb(86,173,182)
```
#5f56b6
```
#5f56b6 rgb(95,86,182)
```
#b65f56
```
#b65f56 rgb(182,95,86)
```
#adb656
```
#adb656 rgb(173,182,86)
```

Tetradic Color

#413a86
```
#413a86 rgb(65,58,134)
```
#4a4198
```
#4a4198 rgb(74,65,152)
```
#5249a9
```
#5249a9 rgb(82,73,169)
```
#5f56b6
```
#5f56b6 rgb(95,86,182)
```
#7068be
```
#7068be rgb(112,104,190)
```
#817ac5
```
#817ac5 rgb(129,122,197)
```
#928bcd
```
#928bcd rgb(146,139,205)
```

Monochromatic Color

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

#5665b6
```
#5665b6 rgb(86,101,182)
```
#565db6
```
#565db6 rgb(86,93,182)
```
#5756b6
```
#5756b6 rgb(87,86,182)
```
#5f56b6
```
#5f56b6 rgb(95,86,182)
```
#6756b6
```
#6756b6 rgb(103,86,182)
```
#6f56b6
```
#6f56b6 rgb(111,86,182)
```
#7756b6
```
#7756b6 rgb(119,86,182)
```

Similar Colors

Text with hexadecimal color #5f56b6

This text has a font color of #5f56b6.

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

#5f56b6 background color

This paragraph has a background color of #5f56b6.

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

#5f56b6 border color

This element has a border color of #5f56b6.

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

CSS codes

.text {color:#5f56b6;}

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

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

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

#040409
```
#040409 rgb(4,4,9)
```
#0b0a17
```
#0b0a17 rgb(11,10,23)
```
#121024
```
#121024 rgb(18,16,36)
```
#181632
```
#181632 rgb(24,22,50)
```
#1f1c40
```
#1f1c40 rgb(31,28,64)
```
#26224e
```
#26224e rgb(38,34,78)
```
#2c275b
```
#2c275b rgb(44,39,91)
```
#332d69
```
#332d69 rgb(51,45,105)
```
#3a3377
```
#3a3377 rgb(58,51,119)
```
#403984
```
#403984 rgb(64,57,132)
```
#473f92
```
#473f92 rgb(71,63,146)
```
#4e45a0
```
#4e45a0 rgb(78,69,160)
```
#544bad
```
#544bad rgb(84,75,173)
```

Shade Color Variation

#5f56b6
```
#5f56b6 rgb(95,86,182)
```
#6c64bc
```
#6c64bc rgb(108,100,188)
```
#7971c2
```
#7971c2 rgb(121,113,194)
```
#867fc8
```
#867fc8 rgb(134,127,200)
```
#938dce
```
#938dce rgb(147,141,206)
```
#a09ad4
```
#a09ad4 rgb(160,154,212)
```
#ada8da
```
#ada8da rgb(173,168,218)
```
#bab6df
```
#bab6df rgb(186,182,223)
```
#c7c4e5
```
#c7c4e5 rgb(199,196,229)
```
#d4d1eb
```
#d4d1eb rgb(212,209,235)
```
#e1dff1
```
#e1dff1 rgb(225,223,241)
```
#eeedf7
```
#eeedf7 rgb(238,237,247)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858587 is the less saturated color, while #2a15f7 is the most saturated one.

#858587
```
#858587 rgb(133,133,135)
```
#7d7b91
```
#7d7b91 rgb(125,123,145)
```
#76729a
```
#76729a rgb(118,114,154)
```
#6e69a3
```
#6e69a3 rgb(110,105,163)
```
#675fad
```
#675fad rgb(103,95,173)
```
#5f56b6
```
#5f56b6 rgb(95,86,182)
```
#574dbf
```
#574dbf rgb(87,77,191)
```
#5043c9
```
#5043c9 rgb(80,67,201)
```
#483ad2
```
#483ad2 rgb(72,58,210)
```
#4131db
```
#4131db rgb(65,49,219)
```
#3927e5
```
#3927e5 rgb(57,39,229)
```
#321eee
```
#321eee rgb(50,30,238)
```
#2a15f7
```
#2a15f7 rgb(42,21,247)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#636174 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3068c2 Protanopia 1% of men
#1a6cb4 Deuteranopia 1% of men
#4f7078 Tritanopia 0.001% of the population

Trichromacy

#4161bd Protanomaly 1% of men, 0.01% of women
#3364b4 Deuteranomaly 6% of men, 0.4% of women
#55668e Tritanomaly 0.01% of the population

#5f56b6 hex color

#5f56b6 Color Information

#5f56b6 Color Conversion

Color Schemes with #5f56b6

Alternatives to #5f56b6

#5f56b6 Preview

Shades and Tints of #5f56b6

Tones of #5f56b6

Color Blindness Simulator