#5f48c8 hex color

In a RGB color space, hex #5f48c8 is composed of 37.3% red, 28.2% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 64% magenta, 0% yellow and 21.6% black. It has a hue angle of 250.8 degrees, a saturation of 53.8% and a lightness of 53.3%. #5f48c8 color hex could be obtained by blending #be90ff with #000091. Closest websafe color is: #6633cc.

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

● #5f48c8 color description : Moderate blue.

The hexadecimal color #5f48c8 has RGB values of R:95, G:72, B:200 and CMYK values of C:0.53, M:0.64, Y:0, K:0.22. Its decimal value is 6244552.

Hex triplet	5f48c8	`#5f48c8`
RGB Decimal	95, 72, 200	`rgb(95,72,200)`
RGB Percent	37.3, 28.2, 78.4	`rgb(37.3%,28.2%,78.4%)`
CMYK	53, 64, 0, 22
HSL	250.8°, 53.8, 53.3	`hsl(250.8,53.8%,53.3%)`
HSV (or HSB)	250.8°, 64, 78.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.977, 42.95, -63.623
XYZ	17.46, 11.237, 55.889
xyY	0.206, 0.133, 11.237
CIE-LCH	39.977, 76.763, 304.022
CIE-LUV	39.977, -0.196, -94.789
Hunter-Lab	33.522, 34.309, -75.385
Binary	01011111, 01001000, 11001000

#5f48c8
```
#5f48c8 rgb(95,72,200)
```
#b1c848
```
#b1c848 rgb(177,200,72)
```

Complementary Color

#4871c8
```
#4871c8 rgb(72,113,200)
```
#5f48c8
```
#5f48c8 rgb(95,72,200)
```
#9f48c8
```
#9f48c8 rgb(159,72,200)
```

Analogous Color

#71c848
```
#71c848 rgb(113,200,72)
```
#5f48c8
```
#5f48c8 rgb(95,72,200)
```
#c89f48
```
#c89f48 rgb(200,159,72)
```

Split Complementary Color

#48c85f
```
#48c85f rgb(72,200,95)
```
#5f48c8
```
#5f48c8 rgb(95,72,200)
```
#c85f48
```
#c85f48 rgb(200,95,72)
```

Triadic Color

#48b1c8
```
#48b1c8 rgb(72,177,200)
```
#5f48c8
```
#5f48c8 rgb(95,72,200)
```
#c85f48
```
#c85f48 rgb(200,95,72)
```
#b1c848
```
#b1c848 rgb(177,200,72)
```

Tetradic Color

#402d96
```
#402d96 rgb(64,45,150)
```
#4833aa
```
#4833aa rgb(72,51,170)
```
#5139be
```
#5139be rgb(81,57,190)
```
#5f48c8
```
#5f48c8 rgb(95,72,200)
```
#705cce
```
#705cce rgb(112,92,206)
```
#816fd4
```
#816fd4 rgb(129,111,212)
```
#9283da
```
#9283da rgb(146,131,218)
```

Monochromatic Color

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

#4851c8
```
#4851c8 rgb(72,81,200)
```
#4a48c8
```
#4a48c8 rgb(74,72,200)
```
#5448c8
```
#5448c8 rgb(84,72,200)
```
#5f48c8
```
#5f48c8 rgb(95,72,200)
```
#6a48c8
```
#6a48c8 rgb(106,72,200)
```
#7448c8
```
#7448c8 rgb(116,72,200)
```
#7f48c8
```
#7f48c8 rgb(127,72,200)
```

Similar Colors

Text with hexadecimal color #5f48c8

This text has a font color of #5f48c8.

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

#5f48c8 background color

This paragraph has a background color of #5f48c8.

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

#5f48c8 border color

This element has a border color of #5f48c8.

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

CSS codes

.text {color:#5f48c8;}

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

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

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, #06040d is the darkest color, while #fdfdfe is the lightest one.

#06040d
```
#06040d rgb(6,4,13)
```
#0c081c
```
#0c081c rgb(12,8,28)
```
#120d2b
```
#120d2b rgb(18,13,43)
```
#19123a
```
#19123a rgb(25,18,58)
```
#1f1649
```
#1f1649 rgb(31,22,73)
```
#261b58
```
#261b58 rgb(38,27,88)
```
#2c1f68
```
#2c1f68 rgb(44,31,104)
```
#332477
```
#332477 rgb(51,36,119)
```
#392886
```
#392886 rgb(57,40,134)
```
#3f2d95
```
#3f2d95 rgb(63,45,149)
```
#4631a4
```
#4631a4 rgb(70,49,164)
```
#4c36b3
```
#4c36b3 rgb(76,54,179)
```
#533ac2
```
#533ac2 rgb(83,58,194)
```

Shade Color Variation

#5f48c8
```
#5f48c8 rgb(95,72,200)
```
#6c57cd
```
#6c57cd rgb(108,87,205)
```
#7966d1
```
#7966d1 rgb(121,102,209)
```
#8775d6
```
#8775d6 rgb(135,117,214)
```
#9484da
```
#9484da rgb(148,132,218)
```
#a193df
```
#a193df rgb(161,147,223)
```
#aea2e3
```
#aea2e3 rgb(174,162,227)
```
#bbb2e8
```
#bbb2e8 rgb(187,178,232)
```
#c8c1ec
```
#c8c1ec rgb(200,193,236)
```
#d6d0f1
```
#d6d0f1 rgb(214,208,241)
```
#e3dff5
```
#e3dff5 rgb(227,223,245)
```
#f0eefa
```
#f0eefa rgb(240,238,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#827f91
```
#827f91 rgb(130,127,145)
```
#7c769a
```
#7c769a rgb(124,118,154)
```
#766da3
```
#766da3 rgb(118,109,163)
```
#7163ad
```
#7163ad rgb(113,99,173)
```
#6b5ab6
```
#6b5ab6 rgb(107,90,182)
```
#6551bf
```
#6551bf rgb(101,81,191)
```
#5f48c8
```
#5f48c8 rgb(95,72,200)
```
#593fd1
```
#593fd1 rgb(89,63,209)
```
#5336da
```
#5336da rgb(83,54,218)
```
#4d2de3
```
#4d2de3 rgb(77,45,227)
```
#4823ed
```
#4823ed rgb(72,35,237)
```
#421af6
```
#421af6 rgb(66,26,246)
```
#3c11ff
```
#3c11ff rgb(60,17,255)
```

Tone Color Variation

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

#0063c2 Protanopia 1% of men
#0068aa Deuteranopia 1% of men
#426c74 Tritanopia 0.001% of the population

Trichromacy

#2259c4 Protanomaly 1% of men, 0.01% of women
#225cb5 Deuteranomaly 6% of men, 0.4% of women
#4c5f93 Tritanomaly 0.01% of the population

#5f48c8 hex color

#5f48c8 Color Information

#5f48c8 Color Conversion

Color Schemes with #5f48c8

Alternatives to #5f48c8

#5f48c8 Preview

Shades and Tints of #5f48c8

Tones of #5f48c8

Color Blindness Simulator