#5f48dc hex color

In a RGB color space, hex #5f48dc is composed of 37.3% red, 28.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 67.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 249.3 degrees, a saturation of 67.9% and a lightness of 57.3%. #5f48dc color hex could be obtained by blending #be90ff with #0000b9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 28
- B 86
RGB color chart
- C 57
- M 67
- Y 0
- K 14
CMYK color chart

● #5f48dc color description : Soft blue.

The hexadecimal color #5f48dc has RGB values of R:95, G:72, B:220 and CMYK values of C:0.57, M:0.67, Y:0, K:0.14. Its decimal value is 6244572.

Hex triplet	5f48dc	`#5f48dc`
RGB Decimal	95, 72, 220	`rgb(95,72,220)`
RGB Percent	37.3, 28.2, 86.3	`rgb(37.3%,28.2%,86.3%)`
CMYK	57, 67, 0, 14
HSL	249.3°, 67.9, 57.3	`hsl(249.3,67.9%,57.3%)`
HSV (or HSB)	249.3°, 67.3, 86.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.586, 48.944, -72.515
XYZ	19.953, 12.234, 69.016
xyY	0.197, 0.121, 12.234
CIE-LCH	41.586, 87.487, 304.017
CIE-LUV	41.586, -1.852, -108.187
Hunter-Lab	34.978, 40.613, -92.504
Binary	01011111, 01001000, 11011100

#5f48dc
```
#5f48dc rgb(95,72,220)
```
#c5dc48
```
#c5dc48 rgb(197,220,72)
```

Complementary Color

#487bdc
```
#487bdc rgb(72,123,220)
```
#5f48dc
```
#5f48dc rgb(95,72,220)
```
#a948dc
```
#a948dc rgb(169,72,220)
```

Analogous Color

#7bdc48
```
#7bdc48 rgb(123,220,72)
```
#5f48dc
```
#5f48dc rgb(95,72,220)
```
#dca948
```
#dca948 rgb(220,169,72)
```

Split Complementary Color

#48dc5f
```
#48dc5f rgb(72,220,95)
```
#5f48dc
```
#5f48dc rgb(95,72,220)
```
#dc5f48
```
#dc5f48 rgb(220,95,72)
```

Triadic Color

#48c5dc
```
#48c5dc rgb(72,197,220)
```
#5f48dc
```
#5f48dc rgb(95,72,220)
```
#dc5f48
```
#dc5f48 rgb(220,95,72)
```
#c5dc48
```
#c5dc48 rgb(197,220,72)
```

Tetradic Color

#3923b5
```
#3923b5 rgb(57,35,181)
```
#4027ca
```
#4027ca rgb(64,39,202)
```
#4c33d8
```
#4c33d8 rgb(76,51,216)
```
#5f48dc
```
#5f48dc rgb(95,72,220)
```
#725de0
```
#725de0 rgb(114,93,224)
```
#8473e4
```
#8473e4 rgb(132,115,228)
```
#9788e8
```
#9788e8 rgb(151,136,232)
```

Monochromatic Color

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

#4856dc
```
#4856dc rgb(72,86,220)
```
#484adc
```
#484adc rgb(72,74,220)
```
#5348dc
```
#5348dc rgb(83,72,220)
```
#5f48dc
```
#5f48dc rgb(95,72,220)
```
#6b48dc
```
#6b48dc rgb(107,72,220)
```
#7848dc
```
#7848dc rgb(120,72,220)
```
#8448dc
```
#8448dc rgb(132,72,220)
```

Similar Colors

Text with hexadecimal color #5f48dc

This text has a font color of #5f48dc.

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

#5f48dc background color

This paragraph has a background color of #5f48dc.

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

#5f48dc border color

This element has a border color of #5f48dc.

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

CSS codes

.text {color:#5f48dc;}

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

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

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, #05030f is the darkest color, while #fdfdff is the lightest one.

#05030f
```
#05030f rgb(5,3,15)
```
#0a061f
```
#0a061f rgb(10,6,31)
```
#0f0930
```
#0f0930 rgb(15,9,48)
```
#140c40
```
#140c40 rgb(20,12,64)
```
#1a0f50
```
#1a0f50 rgb(26,15,80)
```
#1f1361
```
#1f1361 rgb(31,19,97)
```
#241671
```
#241671 rgb(36,22,113)
```
#291982
```
#291982 rgb(41,25,130)
```
#2e1c92
```
#2e1c92 rgb(46,28,146)
```
#341fa3
```
#341fa3 rgb(52,31,163)
```
#3922b3
```
#3922b3 rgb(57,34,179)
```
#3e25c4
```
#3e25c4 rgb(62,37,196)
```
#4329d4
```
#4329d4 rgb(67,41,212)
```

Shade Color Variation

#5138d9
```
#5138d9 rgb(81,56,217)
```
#5f48dc
```
#5f48dc rgb(95,72,220)
```
#6d58df
```
#6d58df rgb(109,88,223)
```
#7c69e2
```
#7c69e2 rgb(124,105,226)
```
#8a79e5
```
#8a79e5 rgb(138,121,229)
```
#998ae9
```
#998ae9 rgb(153,138,233)
```
#a79aec
```
#a79aec rgb(167,154,236)
```
#b5abef
```
#b5abef rgb(181,171,239)
```
#c4bbf2
```
#c4bbf2 rgb(196,187,242)
```
#d2ccf5
```
#d2ccf5 rgb(210,204,245)
```
#e1dcf8
```
#e1dcf8 rgb(225,220,248)
```
#efedfb
```
#efedfb rgb(239,237,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8b99 is the less saturated color, while #4826fe is the most saturated one.

#8d8b99
```
#8d8b99 rgb(141,139,153)
```
#8783a1
```
#8783a1 rgb(135,131,161)
```
#827aaa
```
#827aaa rgb(130,122,170)
```
#7c72b2
```
#7c72b2 rgb(124,114,178)
```
#766aba
```
#766aba rgb(118,106,186)
```
#7061c3
```
#7061c3 rgb(112,97,195)
```
#6b59cb
```
#6b59cb rgb(107,89,203)
```
#6550d4
```
#6550d4 rgb(101,80,212)
```
#5f48dc
```
#5f48dc rgb(95,72,220)
```
#5940e4
```
#5940e4 rgb(89,64,228)
```
#5337ed
```
#5337ed rgb(83,55,237)
```
#4e2ff5
```
#4e2ff5 rgb(78,47,245)
```
#4826fe
```
#4826fe rgb(72,38,254)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#605b79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006caf Deuteranopia 1% of men
#31727b Tritanopia 0.001% of the population

Trichromacy

#225bd0 Protanomaly 1% of men, 0.01% of women
#225fbf Deuteranomaly 6% of men, 0.4% of women
#41639e Tritanomaly 0.01% of the population

#5f48dc hex color

#5f48dc Color Information

#5f48dc Color Conversion

Color Schemes with #5f48dc

Alternatives to #5f48dc

#5f48dc Preview

Shades and Tints of #5f48dc

Tones of #5f48dc

Color Blindness Simulator