#5f48b9 hex color

In a RGB color space, hex #5f48b9 is composed of 37.3% red, 28.2% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 61.1% magenta, 0% yellow and 27.5% black. It has a hue angle of 252.2 degrees, a saturation of 44.7% and a lightness of 50.4%. #5f48b9 color hex could be obtained by blending #be90ff with #000073. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 28
- B 73
RGB color chart
- C 49
- M 61
- Y 0
- K 27
CMYK color chart

● #5f48b9 color description : Moderate blue.

The hexadecimal color #5f48b9 has RGB values of R:95, G:72, B:185 and CMYK values of C:0.49, M:0.61, Y:0, K:0.27. Its decimal value is 6244537.

Hex triplet	5f48b9	`#5f48b9`
RGB Decimal	95, 72, 185	`rgb(95,72,185)`
RGB Percent	37.3, 28.2, 72.5	`rgb(37.3%,28.2%,72.5%)`
CMYK	49, 61, 0, 27
HSL	252.2°, 44.7, 50.4	`hsl(252.2,44.7%,50.4%)`
HSV (or HSB)	252.2°, 61.1, 72.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.847, 38.467, -56.699
XYZ	15.792, 10.57, 47.104
xyY	0.215, 0.144, 10.57
CIE-LCH	38.847, 68.517, 304.155
CIE-LUV	38.847, 1.15, -84.317
Hunter-Lab	32.512, 29.808, -63.144
Binary	01011111, 01001000, 10111001

#5f48b9
```
#5f48b9 rgb(95,72,185)
```
#a2b948
```
#a2b948 rgb(162,185,72)
```

Complementary Color

#486ab9
```
#486ab9 rgb(72,106,185)
```
#5f48b9
```
#5f48b9 rgb(95,72,185)
```
#9848b9
```
#9848b9 rgb(152,72,185)
```

Analogous Color

#6ab948
```
#6ab948 rgb(106,185,72)
```
#5f48b9
```
#5f48b9 rgb(95,72,185)
```
#b99848
```
#b99848 rgb(185,152,72)
```

Split Complementary Color

#48b95f
```
#48b95f rgb(72,185,95)
```
#5f48b9
```
#5f48b9 rgb(95,72,185)
```
#b95f48
```
#b95f48 rgb(185,95,72)
```

Triadic Color

#48a2b9
```
#48a2b9 rgb(72,162,185)
```
#5f48b9
```
#5f48b9 rgb(95,72,185)
```
#b95f48
```
#b95f48 rgb(185,95,72)
```
#a2b948
```
#a2b948 rgb(162,185,72)
```

Tetradic Color

#423283
```
#423283 rgb(66,50,131)
```
#4c3995
```
#4c3995 rgb(76,57,149)
```
#5540a7
```
#5540a7 rgb(85,64,167)
```
#5f48b9
```
#5f48b9 rgb(95,72,185)
```
#6f5ac0
```
#6f5ac0 rgb(111,90,192)
```
#7f6dc7
```
#7f6dc7 rgb(127,109,199)
```
#8f7fce
```
#8f7fce rgb(143,127,206)
```

Monochromatic Color

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

#484db9
```
#484db9 rgb(72,77,185)
```
#4c48b9
```
#4c48b9 rgb(76,72,185)
```
#5648b9
```
#5648b9 rgb(86,72,185)
```
#5f48b9
```
#5f48b9 rgb(95,72,185)
```
#6848b9
```
#6848b9 rgb(104,72,185)
```
#7248b9
```
#7248b9 rgb(114,72,185)
```
#7b48b9
```
#7b48b9 rgb(123,72,185)
```

Similar Colors

Text with hexadecimal color #5f48b9

This text has a font color of #5f48b9.

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

#5f48b9 background color

This paragraph has a background color of #5f48b9.

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

#5f48b9 border color

This element has a border color of #5f48b9.

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

CSS codes

.text {color:#5f48b9;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080610
```
#080610 rgb(8,6,16)
```
#0f0b1e
```
#0f0b1e rgb(15,11,30)
```
#16112c
```
#16112c rgb(22,17,44)
```
#1e163a
```
#1e163a rgb(30,22,58)
```
#251c48
```
#251c48 rgb(37,28,72)
```
#2c2157
```
#2c2157 rgb(44,33,87)
```
#332765
```
#332765 rgb(51,39,101)
```
#3a2c73
```
#3a2c73 rgb(58,44,115)
```
#423181
```
#423181 rgb(66,49,129)
```
#49378f
```
#49378f rgb(73,55,143)
```
#503c9e
```
#503c9e rgb(80,60,158)
```
#5742ac
```
#5742ac rgb(87,66,172)
```

Shade Color Variation

#5f48b9
```
#5f48b9 rgb(95,72,185)
```
#6b56be
```
#6b56be rgb(107,86,190)
```
#7864c4
```
#7864c4 rgb(120,100,196)
```
#8473c9
```
#8473c9 rgb(132,115,201)
```
#9181cf
```
#9181cf rgb(145,129,207)
```
#9d8fd4
```
#9d8fd4 rgb(157,143,212)
```
#a99dda
```
#a99dda rgb(169,157,218)
```
#b6abdf
```
#b6abdf rgb(182,171,223)
```
#c2bae4
```
#c2bae4 rgb(194,186,228)
```
#cfc8ea
```
#cfc8ea rgb(207,200,234)
```
#dbd6ef
```
#dbd6ef rgb(219,214,239)
```
#e7e4f5
```
#e7e4f5 rgb(231,228,245)
```
#f4f2fa
```
#f4f2fa rgb(244,242,250)
```

Tint Color Variation

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

#7c7988
```
#7c7988 rgb(124,121,136)
```
#766f92
```
#766f92 rgb(118,111,146)
```
#70659c
```
#70659c rgb(112,101,156)
```
#6b5ba6
```
#6b5ba6 rgb(107,91,166)
```
#6552af
```
#6552af rgb(101,82,175)
```
#5f48b9
```
#5f48b9 rgb(95,72,185)
```
#593ec3
```
#593ec3 rgb(89,62,195)
```
#5335cc
```
#5335cc rgb(83,53,204)
```
#4e2bd6
```
#4e2bd6 rgb(78,43,214)
```
#4821e0
```
#4821e0 rgb(72,33,224)
```
#4217ea
```
#4217ea rgb(66,23,234)
```
#3c0ef3
```
#3c0ef3 rgb(60,14,243)
```
#3704fd
```
#3704fd rgb(55,4,253)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5d586f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bd Protanopia 1% of men
#0066a7 Deuteranopia 1% of men
#4b6870 Tritanopia 0.001% of the population

Trichromacy

#2257bc Protanomaly 1% of men, 0.01% of women
#225bad Deuteranomaly 6% of men, 0.4% of women
#525c8a Tritanomaly 0.01% of the population

#5f48b9 hex color

#5f48b9 Color Information

#5f48b9 Color Conversion

Color Schemes with #5f48b9

Alternatives to #5f48b9

#5f48b9 Preview

Shades and Tints of #5f48b9

Tones of #5f48b9

Color Blindness Simulator