#5f54a6 hex color

In a RGB color space, hex #5f54a6 is composed of 37.3% red, 32.9% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 42.8% cyan, 49.4% magenta, 0% yellow and 34.9% black. It has a hue angle of 248 degrees, a saturation of 32.8% and a lightness of 49%. #5f54a6 color hex could be obtained by blending #bea8ff with #00004d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 33
- B 65
RGB color chart
- C 43
- M 49
- Y 0
- K 35
CMYK color chart

● #5f54a6 color description : Dark moderate blue.

The hexadecimal color #5f54a6 has RGB values of R:95, G:84, B:166 and CMYK values of C:0.43, M:0.49, Y:0, K:0.35. Its decimal value is 6247590.

Hex triplet	5f54a6	`#5f54a6`
RGB Decimal	95, 84, 166	`rgb(95,84,166)`
RGB Percent	37.3, 32.9, 65.1	`rgb(37.3%,32.9%,65.1%)`
CMYK	43, 49, 0, 35
HSL	248°, 32.8, 49	`hsl(248,32.8%,49%)`
HSV (or HSB)	248°, 49.4, 65.1
Web Safe	666699	`#666699`

CIE-LAB	40.453, 25.488, -42.884
XYZ	14.771, 11.526, 37.521
xyY	0.231, 0.181, 11.526
CIE-LCH	40.453, 49.886, 300.725
CIE-LUV	40.453, -0.547, -64.584
Hunter-Lab	33.951, 18.249, -41.76
Binary	01011111, 01010100, 10100110

#5f54a6
```
#5f54a6 rgb(95,84,166)
```
#9ba654
```
#9ba654 rgb(155,166,84)
```

Complementary Color

#5472a6
```
#5472a6 rgb(84,114,166)
```
#5f54a6
```
#5f54a6 rgb(95,84,166)
```
#8854a6
```
#8854a6 rgb(136,84,166)
```

Analogous Color

#72a654
```
#72a654 rgb(114,166,84)
```
#5f54a6
```
#5f54a6 rgb(95,84,166)
```
#a68854
```
#a68854 rgb(166,136,84)
```

Split Complementary Color

#54a65f
```
#54a65f rgb(84,166,95)
```
#5f54a6
```
#5f54a6 rgb(95,84,166)
```
#a65f54
```
#a65f54 rgb(166,95,84)
```

Triadic Color

#549ba6
```
#549ba6 rgb(84,155,166)
```
#5f54a6
```
#5f54a6 rgb(95,84,166)
```
#a65f54
```
#a65f54 rgb(166,95,84)
```
#9ba654
```
#9ba654 rgb(155,166,84)
```

Tetradic Color

#423a73
```
#423a73 rgb(66,58,115)
```
#4c4384
```
#4c4384 rgb(76,67,132)
```
#554b95
```
#554b95 rgb(85,75,149)
```
#5f54a6
```
#5f54a6 rgb(95,84,166)
```
#6e63b0
```
#6e63b0 rgb(110,99,176)
```
#7d74b9
```
#7d74b9 rgb(125,116,185)
```
#8d85c1
```
#8d85c1 rgb(141,133,193)
```

Monochromatic Color

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

#545ea6
```
#545ea6 rgb(84,94,166)
```
#5457a6
```
#5457a6 rgb(84,87,166)
```
#5854a6
```
#5854a6 rgb(88,84,166)
```
#5f54a6
```
#5f54a6 rgb(95,84,166)
```
#6654a6
```
#6654a6 rgb(102,84,166)
```
#6d54a6
```
#6d54a6 rgb(109,84,166)
```
#7454a6
```
#7454a6 rgb(116,84,166)
```

Similar Colors

Text with hexadecimal color #5f54a6

This text has a font color of #5f54a6.

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

#5f54a6 background color

This paragraph has a background color of #5f54a6.

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

#5f54a6 border color

This element has a border color of #5f54a6.

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

CSS codes

.text {color:#5f54a6;}

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

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

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, #06050a is the darkest color, while #fcfcfd is the lightest one.

#06050a
```
#06050a rgb(6,5,10)
```
#0d0c17
```
#0d0c17 rgb(13,12,23)
```
#141224
```
#141224 rgb(20,18,36)
```
#1c1931
```
#1c1931 rgb(28,25,49)
```
#231f3e
```
#231f3e rgb(35,31,62)
```
#2b264b
```
#2b264b rgb(43,38,75)
```
#322c58
```
#322c58 rgb(50,44,88)
```
#3a3365
```
#3a3365 rgb(58,51,101)
```
#413a72
```
#413a72 rgb(65,58,114)
```
#49407f
```
#49407f rgb(73,64,127)
```
#50478c
```
#50478c rgb(80,71,140)
```
#584d99
```
#584d99 rgb(88,77,153)
```
#5f54a6
```
#5f54a6 rgb(95,84,166)
```

Shade Color Variation

#6a5fae
```
#6a5fae rgb(106,95,174)
```
#766cb5
```
#766cb5 rgb(118,108,181)
```
#8279bb
```
#8279bb rgb(130,121,187)
```
#8e86c2
```
#8e86c2 rgb(142,134,194)
```
#9b93c9
```
#9b93c9 rgb(155,147,201)
```
#a7a1cf
```
#a7a1cf rgb(167,161,207)
```
#b3aed6
```
#b3aed6 rgb(179,174,214)
```
#bfbbdc
```
#bfbbdc rgb(191,187,220)
```
#cbc8e3
```
#cbc8e3 rgb(203,200,227)
```
#d7d5ea
```
#d7d5ea rgb(215,213,234)
```
#e4e2f0
```
#e4e2f0 rgb(228,226,240)
```
#f0eff7
```
#f0eff7 rgb(240,239,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#7b7a80
```
#7b7a80 rgb(123,122,128)
```
#747189
```
#747189 rgb(116,113,137)
```
#6d6793
```
#6d6793 rgb(109,103,147)
```
#665e9c
```
#665e9c rgb(102,94,156)
```
#5f54a6
```
#5f54a6 rgb(95,84,166)
```
#584ab0
```
#584ab0 rgb(88,74,176)
```
#5141b9
```
#5141b9 rgb(81,65,185)
```
#4a37c3
```
#4a37c3 rgb(74,55,195)
```
#432ecc
```
#432ecc rgb(67,46,204)
```
#3c24d6
```
#3c24d6 rgb(60,36,214)
```
#351ae0
```
#351ae0 rgb(53,26,224)
```
#2e11e9
```
#2e11e9 rgb(46,17,233)
```
#2707f3
```
#2707f3 rgb(39,7,243)
```

Tone Color Variation

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

Dichromacy

#3e65b1 Protanopia 1% of men
#3768a6 Deuteranopia 1% of men
#556b72 Tritanopia 0.001% of the population

Trichromacy

#4a5ead Protanomaly 1% of men, 0.01% of women
#4561a6 Deuteranomaly 6% of men, 0.4% of women
#596285 Tritanomaly 0.01% of the population

#5f54a6 hex color

#5f54a6 Color Information

#5f54a6 Color Conversion

Color Schemes with #5f54a6

Alternatives to #5f54a6

#5f54a6 Preview

Shades and Tints of #5f54a6

Tones of #5f54a6

Color Blindness Simulator