#5f56b3 hex color

In a RGB color space, hex #5f56b3 is composed of 37.3% red, 33.7% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 52% magenta, 0% yellow and 29.8% black. It has a hue angle of 245.8 degrees, a saturation of 38% and a lightness of 52%. #5f56b3 color hex could be obtained by blending #beacff with #000067. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 34
- B 70
RGB color chart
- C 47
- M 52
- Y 0
- K 30
CMYK color chart

● #5f56b3 color description : Moderate blue.

The hexadecimal color #5f56b3 has RGB values of R:95, G:86, B:179 and CMYK values of C:0.47, M:0.52, Y:0, K:0.3. Its decimal value is 6248115.

Hex triplet	5f56b3	`#5f56b3`
RGB Decimal	95, 86, 179	`rgb(95,86,179)`
RGB Percent	37.3, 33.7, 70.2	`rgb(37.3%,33.7%,70.2%)`
CMYK	47, 52, 0, 30
HSL	245.8°, 38, 52	`hsl(245.8,38%,52%)`
HSV (or HSB)	245.8°, 52, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.756, 28.174, -48.48
XYZ	16.182, 12.343, 44.175
xyY	0.223, 0.17, 12.343
CIE-LCH	41.756, 56.073, 300.163
CIE-LUV	41.756, -2.146, -73.605
Hunter-Lab	35.132, 20.737, -49.958
Binary	01011111, 01010110, 10110011

#5f56b3
```
#5f56b3 rgb(95,86,179)
```
#aab356
```
#aab356 rgb(170,179,86)
```

Complementary Color

#567cb3
```
#567cb3 rgb(86,124,179)
```
#5f56b3
```
#5f56b3 rgb(95,86,179)
```
#8e56b3
```
#8e56b3 rgb(142,86,179)
```

Analogous Color

#7cb356
```
#7cb356 rgb(124,179,86)
```
#5f56b3
```
#5f56b3 rgb(95,86,179)
```
#b38e56
```
#b38e56 rgb(179,142,86)
```

Split Complementary Color

#56b35f
```
#56b35f rgb(86,179,95)
```
#5f56b3
```
#5f56b3 rgb(95,86,179)
```
#b35f56
```
#b35f56 rgb(179,95,86)
```

Triadic Color

#56aab3
```
#56aab3 rgb(86,170,179)
```
#5f56b3
```
#5f56b3 rgb(95,86,179)
```
#b35f56
```
#b35f56 rgb(179,95,86)
```
#aab356
```
#aab356 rgb(170,179,86)
```

Tetradic Color

#413a82
```
#413a82 rgb(65,58,130)
```
#4a4294
```
#4a4294 rgb(74,66,148)
```
#534aa5
```
#534aa5 rgb(83,74,165)
```
#5f56b3
```
#5f56b3 rgb(95,86,179)
```
#7068bb
```
#7068bb rgb(112,104,187)
```
#8079c3
```
#8079c3 rgb(128,121,195)
```
#918bcb
```
#918bcb rgb(145,139,203)
```

Monochromatic Color

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

#5664b3
```
#5664b3 rgb(86,100,179)
```
#565db3
```
#565db3 rgb(86,93,179)
```
#5756b3
```
#5756b3 rgb(87,86,179)
```
#5f56b3
```
#5f56b3 rgb(95,86,179)
```
#6756b3
```
#6756b3 rgb(103,86,179)
```
#6f56b3
```
#6f56b3 rgb(111,86,179)
```
#7656b3
```
#7656b3 rgb(118,86,179)
```

Similar Colors

Text with hexadecimal color #5f56b3

This text has a font color of #5f56b3.

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

#5f56b3 background color

This paragraph has a background color of #5f56b3.

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

#5f56b3 border color

This element has a border color of #5f56b3.

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

CSS codes

.text {color:#5f56b3;}

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

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

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

#030307
```
#030307 rgb(3,3,7)
```
#0a0914
```
#0a0914 rgb(10,9,20)
```
#110f22
```
#110f22 rgb(17,15,34)
```
#18152f
```
#18152f rgb(24,21,47)
```
#1f1b3d
```
#1f1b3d rgb(31,27,61)
```
#25224b
```
#25224b rgb(37,34,75)
```
#2c2858
```
#2c2858 rgb(44,40,88)
```
#332e66
```
#332e66 rgb(51,46,102)
```
#3a3473
```
#3a3473 rgb(58,52,115)
```
#413a81
```
#413a81 rgb(65,58,129)
```
#48408e
```
#48408e rgb(72,64,142)
```
#4e469c
```
#4e469c rgb(78,70,156)
```
#554ca9
```
#554ca9 rgb(85,76,169)
```

Shade Color Variation

#5f56b3
```
#5f56b3 rgb(95,86,179)
```
#6c64b9
```
#6c64b9 rgb(108,100,185)
```
#7971bf
```
#7971bf rgb(121,113,191)
```
#857fc5
```
#857fc5 rgb(133,127,197)
```
#928ccb
```
#928ccb rgb(146,140,203)
```
#9f9ad1
```
#9f9ad1 rgb(159,154,209)
```
#aca7d8
```
#aca7d8 rgb(172,167,216)
```
#b9b5de
```
#b9b5de rgb(185,181,222)
```
#c5c2e4
```
#c5c2e4 rgb(197,194,228)
```
#d2d0ea
```
#d2d0ea rgb(210,208,234)
```
#dfddf0
```
#dfddf0 rgb(223,221,240)
```
#ecebf6
```
#ecebf6 rgb(236,235,246)
```
#f9f8fc
```
#f9f8fc rgb(249,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7c8d is the less saturated color, while #220bfe is the most saturated one.

#7d7c8d
```
#7d7c8d rgb(125,124,141)
```
#767297
```
#767297 rgb(118,114,151)
```
#6e69a0
```
#6e69a0 rgb(110,105,160)
```
#675faa
```
#675faa rgb(103,95,170)
```
#5f56b3
```
#5f56b3 rgb(95,86,179)
```
#574dbc
```
#574dbc rgb(87,77,188)
```
#5043c6
```
#5043c6 rgb(80,67,198)
```
#483acf
```
#483acf rgb(72,58,207)
```
#4130d9
```
#4130d9 rgb(65,48,217)
```
#3927e2
```
#3927e2 rgb(57,39,226)
```
#311dec
```
#311dec rgb(49,29,236)
```
#2a14f5
```
#2a14f5 rgb(42,20,245)
```
#220bfe
```
#220bfe rgb(34,11,254)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#626073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3467be Protanopia 1% of men
#246cb1 Deuteranopia 1% of men
#506f77 Tritanopia 0.001% of the population

Trichromacy

#4361ba Protanomaly 1% of men, 0.01% of women
#3964b2 Deuteranomaly 6% of men, 0.4% of women
#56668d Tritanomaly 0.01% of the population

#5f56b3 hex color

#5f56b3 Color Information

#5f56b3 Color Conversion

Color Schemes with #5f56b3

Alternatives to #5f56b3

#5f56b3 Preview

Shades and Tints of #5f56b3

Tones of #5f56b3

Color Blindness Simulator