#5f50bf hex color

In a RGB color space, hex #5f50bf is composed of 37.3% red, 31.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 58.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 248.1 degrees, a saturation of 46.4% and a lightness of 53.1%. #5f50bf color hex could be obtained by blending #bea0ff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 31
- B 75
RGB color chart
- C 50
- M 58
- Y 0
- K 25
CMYK color chart

● #5f50bf color description : Moderate blue.

The hexadecimal color #5f50bf has RGB values of R:95, G:80, B:191 and CMYK values of C:0.5, M:0.58, Y:0, K:0.25. Its decimal value is 6246591.

Hex triplet	5f50bf	`#5f50bf`
RGB Decimal	95, 80, 191	`rgb(95,80,191)`
RGB Percent	37.3, 31.4, 74.9	`rgb(37.3%,31.4%,74.9%)`
CMYK	50, 58, 0, 25
HSL	248.1°, 46.4, 53.1	`hsl(248.1,46.4%,53.1%)`
HSV (or HSB)	248.1°, 58.1, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.107, 35.509, -56.552
XYZ	16.99, 11.931, 50.695
xyY	0.213, 0.15, 11.931
CIE-LCH	41.107, 66.776, 302.124
CIE-LUV	41.107, -1.377, -85.399
Hunter-Lab	34.542, 27.351, -62.837
Binary	01011111, 01010000, 10111111

#5f50bf
```
#5f50bf rgb(95,80,191)
```
#b0bf50
```
#b0bf50 rgb(176,191,80)
```

Complementary Color

#5079bf
```
#5079bf rgb(80,121,191)
```
#5f50bf
```
#5f50bf rgb(95,80,191)
```
#9750bf
```
#9750bf rgb(151,80,191)
```

Analogous Color

#79bf50
```
#79bf50 rgb(121,191,80)
```
#5f50bf
```
#5f50bf rgb(95,80,191)
```
#bf9750
```
#bf9750 rgb(191,151,80)
```

Split Complementary Color

#50bf5f
```
#50bf5f rgb(80,191,95)
```
#5f50bf
```
#5f50bf rgb(95,80,191)
```
#bf5f50
```
#bf5f50 rgb(191,95,80)
```

Triadic Color

#50b0bf
```
#50b0bf rgb(80,176,191)
```
#5f50bf
```
#5f50bf rgb(95,80,191)
```
#bf5f50
```
#bf5f50 rgb(191,95,80)
```
#b0bf50
```
#b0bf50 rgb(176,191,80)
```

Tetradic Color

#40348e
```
#40348e rgb(64,52,142)
```
#493ba1
```
#493ba1 rgb(73,59,161)
```
#5142b4
```
#5142b4 rgb(81,66,180)
```
#5f50bf
```
#5f50bf rgb(95,80,191)
```
#7063c6
```
#7063c6 rgb(112,99,198)
```
#8175cd
```
#8175cd rgb(129,117,205)
```
#9288d3
```
#9288d3 rgb(146,136,211)
```

Monochromatic Color

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

#505dbf
```
#505dbf rgb(80,93,191)
```
#5053bf
```
#5053bf rgb(80,83,191)
```
#5650bf
```
#5650bf rgb(86,80,191)
```
#5f50bf
```
#5f50bf rgb(95,80,191)
```
#6850bf
```
#6850bf rgb(104,80,191)
```
#7250bf
```
#7250bf rgb(114,80,191)
```
#7b50bf
```
#7b50bf rgb(123,80,191)
```

Similar Colors

Text with hexadecimal color #5f50bf

This text has a font color of #5f50bf.

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

#5f50bf background color

This paragraph has a background color of #5f50bf.

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

#5f50bf border color

This element has a border color of #5f50bf.

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

CSS codes

.text {color:#5f50bf;}

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

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

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, #05040c is the darkest color, while #fdfcfe is the lightest one.

#05040c
```
#05040c rgb(5,4,12)
```
#0c0a1a
```
#0c0a1a rgb(12,10,26)
```
#120f28
```
#120f28 rgb(18,15,40)
```
#191437
```
#191437 rgb(25,20,55)
```
#1f1945
```
#1f1945 rgb(31,25,69)
```
#261f54
```
#261f54 rgb(38,31,84)
```
#2c2462
```
#2c2462 rgb(44,36,98)
```
#332970
```
#332970 rgb(51,41,112)
```
#392e7f
```
#392e7f rgb(57,46,127)
```
#40348d
```
#40348d rgb(64,52,141)
```
#46399b
```
#46399b rgb(70,57,155)
```
#4d3eaa
```
#4d3eaa rgb(77,62,170)
```
#5343b8
```
#5343b8 rgb(83,67,184)
```

Shade Color Variation

#5f50bf
```
#5f50bf rgb(95,80,191)
```
#6c5ec4
```
#6c5ec4 rgb(108,94,196)
```
#796dca
```
#796dca rgb(121,109,202)
```
#867bcf
```
#867bcf rgb(134,123,207)
```
#9489d4
```
#9489d4 rgb(148,137,212)
```
#a198d9
```
#a198d9 rgb(161,152,217)
```
#aea6df
```
#aea6df rgb(174,166,223)
```
#bbb5e4
```
#bbb5e4 rgb(187,181,228)
```
#c8c3e9
```
#c8c3e9 rgb(200,195,233)
```
#d5d1ee
```
#d5d1ee rgb(213,209,238)
```
#e2e0f4
```
#e2e0f4 rgb(226,224,244)
```
#efeef9
```
#efeef9 rgb(239,238,249)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#878788
```
#878788 rgb(135,135,136)
```
#817e91
```
#817e91 rgb(129,126,145)
```
#7a759a
```
#7a759a rgb(122,117,154)
```
#736ca3
```
#736ca3 rgb(115,108,163)
```
#6c62ad
```
#6c62ad rgb(108,98,173)
```
#6659b6
```
#6659b6 rgb(102,89,182)
```
#5f50bf
```
#5f50bf rgb(95,80,191)
```
#5847c8
```
#5847c8 rgb(88,71,200)
```
#523ed1
```
#523ed1 rgb(82,62,209)
```
#4b34db
```
#4b34db rgb(75,52,219)
```
#442be4
```
#442be4 rgb(68,43,228)
```
#3d22ed
```
#3d22ed rgb(61,34,237)
```
#3719f6
```
#3719f6 rgb(55,25,246)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#615e74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c7 Protanopia 1% of men
#006bb0 Deuteranopia 1% of men
#496e76 Tritanopia 0.001% of the population

Trichromacy

#225dc4 Protanomaly 1% of men, 0.01% of women
#2261b5 Deuteranomaly 6% of men, 0.4% of women
#516391 Tritanomaly 0.01% of the population

#5f50bf hex color

#5f50bf Color Information

#5f50bf Color Conversion

Color Schemes with #5f50bf

Alternatives to #5f50bf

#5f50bf Preview

Shades and Tints of #5f50bf

Tones of #5f50bf

Color Blindness Simulator