#5f48c6 hex color

In a RGB color space, hex #5f48c6 is composed of 37.3% red, 28.2% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 63.6% magenta, 0% yellow and 22.4% black. It has a hue angle of 251 degrees, a saturation of 52.5% and a lightness of 52.9%. #5f48c6 color hex could be obtained by blending #be90ff with #00008d. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 28
- B 78
RGB color chart
- C 52
- M 64
- Y 0
- K 22
CMYK color chart

● #5f48c6 color description : Moderate blue.

The hexadecimal color #5f48c6 has RGB values of R:95, G:72, B:198 and CMYK values of C:0.52, M:0.64, Y:0, K:0.22. Its decimal value is 6244550.

Hex triplet	5f48c6	`#5f48c6`
RGB Decimal	95, 72, 198	`rgb(95,72,198)`
RGB Percent	37.3, 28.2, 77.6	`rgb(37.3%,28.2%,77.6%)`
CMYK	52, 64, 0, 22
HSL	251°, 52.5, 52.9	`hsl(251,52.5%,52.9%)`
HSV (or HSB)	251°, 63.6, 77.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.823, 42.351, -62.712
XYZ	17.228, 11.144, 54.666
xyY	0.207, 0.134, 11.144
CIE-LCH	39.823, 75.673, 304.032
CIE-LUV	39.823, -0.022, -93.415
Hunter-Lab	33.383, 33.696, -73.721
Binary	01011111, 01001000, 11000110

#5f48c6
```
#5f48c6 rgb(95,72,198)
```
#afc648
```
#afc648 rgb(175,198,72)
```

Complementary Color

#4870c6
```
#4870c6 rgb(72,112,198)
```
#5f48c6
```
#5f48c6 rgb(95,72,198)
```
#9e48c6
```
#9e48c6 rgb(158,72,198)
```

Analogous Color

#70c648
```
#70c648 rgb(112,198,72)
```
#5f48c6
```
#5f48c6 rgb(95,72,198)
```
#c69e48
```
#c69e48 rgb(198,158,72)
```

Split Complementary Color

#48c65f
```
#48c65f rgb(72,198,95)
```
#5f48c6
```
#5f48c6 rgb(95,72,198)
```
#c65f48
```
#c65f48 rgb(198,95,72)
```

Triadic Color

#48afc6
```
#48afc6 rgb(72,175,198)
```
#5f48c6
```
#5f48c6 rgb(95,72,198)
```
#c65f48
```
#c65f48 rgb(198,95,72)
```
#afc648
```
#afc648 rgb(175,198,72)
```

Tetradic Color

#412e94
```
#412e94 rgb(65,46,148)
```
#4934a7
```
#4934a7 rgb(73,52,167)
```
#523aba
```
#523aba rgb(82,58,186)
```
#5f48c6
```
#5f48c6 rgb(95,72,198)
```
#705bcc
```
#705bcc rgb(112,91,204)
```
#816fd2
```
#816fd2 rgb(129,111,210)
```
#9282d8
```
#9282d8 rgb(146,130,216)
```

Monochromatic Color

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

#4851c6
```
#4851c6 rgb(72,81,198)
```
#4a48c6
```
#4a48c6 rgb(74,72,198)
```
#5548c6
```
#5548c6 rgb(85,72,198)
```
#5f48c6
```
#5f48c6 rgb(95,72,198)
```
#6a48c6
```
#6a48c6 rgb(106,72,198)
```
#7448c6
```
#7448c6 rgb(116,72,198)
```
#7f48c6
```
#7f48c6 rgb(127,72,198)
```

Similar Colors

Text with hexadecimal color #5f48c6

This text has a font color of #5f48c6.

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

#5f48c6 background color

This paragraph has a background color of #5f48c6.

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

#5f48c6 border color

This element has a border color of #5f48c6.

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

CSS codes

.text {color:#5f48c6;}

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

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

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

#05040b
```
#05040b rgb(5,4,11)
```
#0c081a
```
#0c081a rgb(12,8,26)
```
#120d29
```
#120d29 rgb(18,13,41)
```
#191238
```
#191238 rgb(25,18,56)
```
#1f1647
```
#1f1647 rgb(31,22,71)
```
#261b56
```
#261b56 rgb(38,27,86)
```
#2c2065
```
#2c2065 rgb(44,32,101)
```
#332474
```
#332474 rgb(51,36,116)
```
#392983
```
#392983 rgb(57,41,131)
```
#402d92
```
#402d92 rgb(64,45,146)
```
#4632a1
```
#4632a1 rgb(70,50,161)
```
#4d37b0
```
#4d37b0 rgb(77,55,176)
```
#533bbf
```
#533bbf rgb(83,59,191)
```

Shade Color Variation

#5f48c6
```
#5f48c6 rgb(95,72,198)
```
#6c57cb
```
#6c57cb rgb(108,87,203)
```
#7966cf
```
#7966cf rgb(121,102,207)
```
#8675d4
```
#8675d4 rgb(134,117,212)
```
#9384d9
```
#9384d9 rgb(147,132,217)
```
#a093dd
```
#a093dd rgb(160,147,221)
```
#ada2e2
```
#ada2e2 rgb(173,162,226)
```
#bbb1e7
```
#bbb1e7 rgb(187,177,231)
```
#c8c0eb
```
#c8c0eb rgb(200,192,235)
```
#d5cff0
```
#d5cff0 rgb(213,207,240)
```
#e2def5
```
#e2def5 rgb(226,222,245)
```
#efedf9
```
#efedf9 rgb(239,237,249)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #827f8f is the less saturated color, while #3c11fd is the most saturated one.

#827f8f
```
#827f8f rgb(130,127,143)
```
#7c7698
```
#7c7698 rgb(124,118,152)
```
#766da1
```
#766da1 rgb(118,109,161)
```
#7164aa
```
#7164aa rgb(113,100,170)
```
#6b5ab4
```
#6b5ab4 rgb(107,90,180)
```
#6551bd
```
#6551bd rgb(101,81,189)
```
#5f48c6
```
#5f48c6 rgb(95,72,198)
```
#593fcf
```
#593fcf rgb(89,63,207)
```
#5336d8
```
#5336d8 rgb(83,54,216)
```
#4d2ce2
```
#4d2ce2 rgb(77,44,226)
```
#4823eb
```
#4823eb rgb(72,35,235)
```
#421af4
```
#421af4 rgb(66,26,244)
```
#3c11fd
```
#3c11fd rgb(60,17,253)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5d5972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0068aa Deuteranopia 1% of men
#436c74 Tritanopia 0.001% of the population

Trichromacy

#2259c3 Protanomaly 1% of men, 0.01% of women
#225cb4 Deuteranomaly 6% of men, 0.4% of women
#4d5f91 Tritanomaly 0.01% of the population

#5f48c6 hex color

#5f48c6 Color Information

#5f48c6 Color Conversion

Color Schemes with #5f48c6

Alternatives to #5f48c6

#5f48c6 Preview

Shades and Tints of #5f48c6

Tones of #5f48c6

Color Blindness Simulator