#5f48de hex color

In a RGB color space, hex #5f48de is composed of 37.3% red, 28.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 67.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 249.2 degrees, a saturation of 69.4% and a lightness of 57.6%. #5f48de color hex could be obtained by blending #be90ff with #0000bd. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 28
- B 87
RGB color chart
- C 57
- M 68
- Y 0
- K 13
CMYK color chart

● #5f48de color description : Soft blue.

The hexadecimal color #5f48de has RGB values of R:95, G:72, B:222 and CMYK values of C:0.57, M:0.68, Y:0, K:0.13. Its decimal value is 6244574.

Hex triplet	5f48de	`#5f48de`
RGB Decimal	95, 72, 222	`rgb(95,72,222)`
RGB Percent	37.3, 28.2, 87.1	`rgb(37.3%,28.2%,87.1%)`
CMYK	57, 68, 0, 13
HSL	249.2°, 69.4, 57.6	`hsl(249.2,69.4%,57.6%)`
HSV (or HSB)	249.2°, 67.6, 87.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.753, 49.542, -73.385
XYZ	20.219, 12.341, 70.42
xyY	0.196, 0.12, 12.341
CIE-LCH	41.753, 88.542, 304.023
CIE-LUV	41.753, -2.01, -109.494
Hunter-Lab	35.13, 41.26, -94.261
Binary	01011111, 01001000, 11011110

#5f48de
```
#5f48de rgb(95,72,222)
```
#c7de48
```
#c7de48 rgb(199,222,72)
```

Complementary Color

#487cde
```
#487cde rgb(72,124,222)
```
#5f48de
```
#5f48de rgb(95,72,222)
```
#aa48de
```
#aa48de rgb(170,72,222)
```

Analogous Color

#7cde48
```
#7cde48 rgb(124,222,72)
```
#5f48de
```
#5f48de rgb(95,72,222)
```
#deaa48
```
#deaa48 rgb(222,170,72)
```

Split Complementary Color

#48de5f
```
#48de5f rgb(72,222,95)
```
#5f48de
```
#5f48de rgb(95,72,222)
```
#de5f48
```
#de5f48 rgb(222,95,72)
```

Triadic Color

#48c7de
```
#48c7de rgb(72,199,222)
```
#5f48de
```
#5f48de rgb(95,72,222)
```
#de5f48
```
#de5f48 rgb(222,95,72)
```
#c7de48
```
#c7de48 rgb(199,222,72)
```

Tetradic Color

#3821b8
```
#3821b8 rgb(56,33,184)
```
#3f25ce
```
#3f25ce rgb(63,37,206)
```
#4c32da
```
#4c32da rgb(76,50,218)
```
#5f48de
```
#5f48de rgb(95,72,222)
```
#725ee2
```
#725ee2 rgb(114,94,226)
```
#8573e6
```
#8573e6 rgb(133,115,230)
```
#9889ea
```
#9889ea rgb(152,137,234)
```

Monochromatic Color

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

#4857de
```
#4857de rgb(72,87,222)
```
#484ade
```
#484ade rgb(72,74,222)
```
#5348de
```
#5348de rgb(83,72,222)
```
#5f48de
```
#5f48de rgb(95,72,222)
```
#6c48de
```
#6c48de rgb(108,72,222)
```
#7848de
```
#7848de rgb(120,72,222)
```
#8548de
```
#8548de rgb(133,72,222)
```

Similar Colors

Text with hexadecimal color #5f48de

This text has a font color of #5f48de.

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

#5f48de background color

This paragraph has a background color of #5f48de.

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

#5f48de border color

This element has a border color of #5f48de.

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

CSS codes

.text {color:#5f48de;}

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

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

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

#050310
```
#050310 rgb(5,3,16)
```
#0a0621
```
#0a0621 rgb(10,6,33)
```
#0f0932
```
#0f0932 rgb(15,9,50)
```
#140c42
```
#140c42 rgb(20,12,66)
```
#190f53
```
#190f53 rgb(25,15,83)
```
#1e1264
```
#1e1264 rgb(30,18,100)
```
#241574
```
#241574 rgb(36,21,116)
```
#291885
```
#291885 rgb(41,24,133)
```
#2e1b95
```
#2e1b95 rgb(46,27,149)
```
#331ea6
```
#331ea6 rgb(51,30,166)
```
#3821b7
```
#3821b7 rgb(56,33,183)
```
#3d24c7
```
#3d24c7 rgb(61,36,199)
```
#4227d8
```
#4227d8 rgb(66,39,216)
```

Shade Color Variation

#5037db
```
#5037db rgb(80,55,219)
```
#5f48de
```
#5f48de rgb(95,72,222)
```
#6e59e1
```
#6e59e1 rgb(110,89,225)
```
#7c69e4
```
#7c69e4 rgb(124,105,228)
```
#8b7ae7
```
#8b7ae7 rgb(139,122,231)
```
#998aea
```
#998aea rgb(153,138,234)
```
#a89bed
```
#a89bed rgb(168,155,237)
```
#b6acf0
```
#b6acf0 rgb(182,172,240)
```
#c5bcf3
```
#c5bcf3 rgb(197,188,243)
```
#d3cdf6
```
#d3cdf6 rgb(211,205,246)
```
#e2def9
```
#e2def9 rgb(226,222,249)
```
#f0eefc
```
#f0eefc rgb(240,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#939393
```
#939393 rgb(147,147,147)
```
#8d8a9c
```
#8d8a9c rgb(141,138,156)
```
#8782a4
```
#8782a4 rgb(135,130,164)
```
#827aac
```
#827aac rgb(130,122,172)
```
#7c72b4
```
#7c72b4 rgb(124,114,180)
```
#7669bd
```
#7669bd rgb(118,105,189)
```
#7061c5
```
#7061c5 rgb(112,97,197)
```
#6b59cd
```
#6b59cd rgb(107,89,205)
```
#6550d6
```
#6550d6 rgb(101,80,214)
```
#5f48de
```
#5f48de rgb(95,72,222)
```
#5940e6
```
#5940e6 rgb(89,64,230)
```
#5337ef
```
#5337ef rgb(83,55,239)
```
#4e2ff7
```
#4e2ff7 rgb(78,47,247)
```

Tone Color Variation

Below, you can see how #5f48de 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
#006db0 Deuteranopia 1% of men
#2e737b Tritanopia 0.001% of the population

Trichromacy

#225cd1 Protanomaly 1% of men, 0.01% of women
#225fc1 Deuteranomaly 6% of men, 0.4% of women
#40639f Tritanomaly 0.01% of the population

#5f48de hex color

#5f48de Color Information

#5f48de Color Conversion

Color Schemes with #5f48de

Alternatives to #5f48de

#5f48de Preview

Shades and Tints of #5f48de

Tones of #5f48de

Color Blindness Simulator