#5f54b7 hex color

In a RGB color space, hex #5f54b7 is composed of 37.3% red, 32.9% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 54.1% magenta, 0% yellow and 28.2% black. It has a hue angle of 246.7 degrees, a saturation of 40.7% and a lightness of 52.4%. #5f54b7 color hex could be obtained by blending #bea8ff with #00006f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 33
- B 72
RGB color chart
- C 48
- M 54
- Y 0
- K 28
CMYK color chart

● #5f54b7 color description : Moderate blue.

The hexadecimal color #5f54b7 has RGB values of R:95, G:84, B:183 and CMYK values of C:0.48, M:0.54, Y:0, K:0.28. Its decimal value is 6247607.

Hex triplet	5f54b7	`#5f54b7`
RGB Decimal	95, 84, 183	`rgb(95,84,183)`
RGB Percent	37.3, 32.9, 71.8	`rgb(37.3%,32.9%,71.8%)`
CMYK	48, 54, 0, 28
HSL	246.7°, 40.7, 52.4	`hsl(246.7,40.7%,52.4%)`
HSV (or HSB)	246.7°, 54.1, 71.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.52, 30.629, -51.208
XYZ	16.435, 12.192, 46.284
xyY	0.219, 0.163, 12.192
CIE-LCH	41.52, 59.668, 300.885
CIE-LUV	41.52, -1.855, -77.649
Hunter-Lab	34.917, 22.914, -54.15
Binary	01011111, 01010100, 10110111

#5f54b7
```
#5f54b7 rgb(95,84,183)
```
#acb754
```
#acb754 rgb(172,183,84)
```

Complementary Color

#547bb7
```
#547bb7 rgb(84,123,183)
```
#5f54b7
```
#5f54b7 rgb(95,84,183)
```
#9154b7
```
#9154b7 rgb(145,84,183)
```

Analogous Color

#7bb754
```
#7bb754 rgb(123,183,84)
```
#5f54b7
```
#5f54b7 rgb(95,84,183)
```
#b79154
```
#b79154 rgb(183,145,84)
```

Split Complementary Color

#54b75f
```
#54b75f rgb(84,183,95)
```
#5f54b7
```
#5f54b7 rgb(95,84,183)
```
#b75f54
```
#b75f54 rgb(183,95,84)
```

Triadic Color

#54acb7
```
#54acb7 rgb(84,172,183)
```
#5f54b7
```
#5f54b7 rgb(95,84,183)
```
#b75f54
```
#b75f54 rgb(183,95,84)
```
#acb754
```
#acb754 rgb(172,183,84)
```

Tetradic Color

#413886
```
#413886 rgb(65,56,134)
```
#4a4098
```
#4a4098 rgb(74,64,152)
```
#5248aa
```
#5248aa rgb(82,72,170)
```
#5f54b7
```
#5f54b7 rgb(95,84,183)
```
#7066bf
```
#7066bf rgb(112,102,191)
```
#8178c6
```
#8178c6 rgb(129,120,198)
```
#918ace
```
#918ace rgb(145,138,206)
```

Monochromatic Color

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

#5462b7
```
#5462b7 rgb(84,98,183)
```
#545ab7
```
#545ab7 rgb(84,90,183)
```
#5754b7
```
#5754b7 rgb(87,84,183)
```
#5f54b7
```
#5f54b7 rgb(95,84,183)
```
#6754b7
```
#6754b7 rgb(103,84,183)
```
#7054b7
```
#7054b7 rgb(112,84,183)
```
#7854b7
```
#7854b7 rgb(120,84,183)
```

Similar Colors

Text with hexadecimal color #5f54b7

This text has a font color of #5f54b7.

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

#5f54b7 background color

This paragraph has a background color of #5f54b7.

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

#5f54b7 border color

This element has a border color of #5f54b7.

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

CSS codes

.text {color:#5f54b7;}

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

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

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

#040408
```
#040408 rgb(4,4,8)
```
#0b0916
```
#0b0916 rgb(11,9,22)
```
#110f24
```
#110f24 rgb(17,15,36)
```
#181532
```
#181532 rgb(24,21,50)
```
#1f1b40
```
#1f1b40 rgb(31,27,64)
```
#26214d
```
#26214d rgb(38,33,77)
```
#2c265b
```
#2c265b rgb(44,38,91)
```
#332c69
```
#332c69 rgb(51,44,105)
```
#3a3277
```
#3a3277 rgb(58,50,119)
```
#403885
```
#403885 rgb(64,56,133)
```
#473e92
```
#473e92 rgb(71,62,146)
```
#4e43a0
```
#4e43a0 rgb(78,67,160)
```
#5449ae
```
#5449ae rgb(84,73,174)
```

Shade Color Variation

#5f54b7
```
#5f54b7 rgb(95,84,183)
```
#6c62bd
```
#6c62bd rgb(108,98,189)
```
#7970c3
```
#7970c3 rgb(121,112,195)
```
#867dc8
```
#867dc8 rgb(134,125,200)
```
#938bce
```
#938bce rgb(147,139,206)
```
#a099d4
```
#a099d4 rgb(160,153,212)
```
#aca7da
```
#aca7da rgb(172,167,218)
```
#b9b5e0
```
#b9b5e0 rgb(185,181,224)
```
#c6c2e5
```
#c6c2e5 rgb(198,194,229)
```
#d3d0eb
```
#d3d0eb rgb(211,208,235)
```
#e0def1
```
#e0def1 rgb(224,222,241)
```
#edecf7
```
#edecf7 rgb(237,236,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#838388
```
#838388 rgb(131,131,136)
```
#7c7992
```
#7c7992 rgb(124,121,146)
```
#75709b
```
#75709b rgb(117,112,155)
```
#6e67a4
```
#6e67a4 rgb(110,103,164)
```
#665dae
```
#665dae rgb(102,93,174)
```
#5f54b7
```
#5f54b7 rgb(95,84,183)
```
#584bc0
```
#584bc0 rgb(88,75,192)
```
#5041ca
```
#5041ca rgb(80,65,202)
```
#4938d3
```
#4938d3 rgb(73,56,211)
```
#422fdc
```
#422fdc rgb(66,47,220)
```
#3b25e6
```
#3b25e6 rgb(59,37,230)
```
#331cef
```
#331cef rgb(51,28,239)
```
#2c13f8
```
#2c13f8 rgb(44,19,248)
```

Tone Color Variation

Below, you can see how #5f54b7 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
#626074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2766c3 Protanopia 1% of men
#006bb3 Deuteranopia 1% of men
#4e6f77 Tritanopia 0.001% of the population

Trichromacy

#3b60bf Protanomaly 1% of men, 0.01% of women
#2263b5 Deuteranomaly 6% of men, 0.4% of women
#54658e Tritanomaly 0.01% of the population

#5f54b7 hex color

#5f54b7 Color Information

#5f54b7 Color Conversion

Color Schemes with #5f54b7

Alternatives to #5f54b7

#5f54b7 Preview

Shades and Tints of #5f54b7

Tones of #5f54b7

Color Blindness Simulator