#5b48d6 hex color

In a RGB color space, hex #5b48d6 is composed of 35.7% red, 28.2% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 66.4% magenta, 0% yellow and 16.1% black. It has a hue angle of 248 degrees, a saturation of 63.4% and a lightness of 56.1%. #5b48d6 color hex could be obtained by blending #b690ff with #0000ad. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 36
- G 28
- B 84
RGB color chart
- C 57
- M 66
- Y 0
- K 16
CMYK color chart

● #5b48d6 color description : Moderate blue.

The hexadecimal color #5b48d6 has RGB values of R:91, G:72, B:214 and CMYK values of C:0.57, M:0.66, Y:0, K:0.16. Its decimal value is 5982422.

Hex triplet	5b48d6	`#5b48d6`
RGB Decimal	91, 72, 214	`rgb(91,72,214)`
RGB Percent	35.7, 28.2, 83.9	`rgb(35.7%,28.2%,83.9%)`
CMYK	57, 66, 0, 16
HSL	248°, 63.4, 56.1	`hsl(248,63.4%,56.1%)`
HSV (or HSB)	248°, 66.4, 83.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.757, 46.513, -70.448
XYZ	18.767, 11.713, 64.887
xyY	0.197, 0.123, 11.713
CIE-LCH	40.757, 84.418, 303.435
CIE-LUV	40.757, -2.609, -104.602
Hunter-Lab	34.225, 37.987, -88.451
Binary	01011011, 01001000, 11010110

#5b48d6
```
#5b48d6 rgb(91,72,214)
```
#c3d648
```
#c3d648 rgb(195,214,72)
```

Complementary Color

#487cd6
```
#487cd6 rgb(72,124,214)
```
#5b48d6
```
#5b48d6 rgb(91,72,214)
```
#a248d6
```
#a248d6 rgb(162,72,214)
```

Analogous Color

#7cd648
```
#7cd648 rgb(124,214,72)
```
#5b48d6
```
#5b48d6 rgb(91,72,214)
```
#d6a248
```
#d6a248 rgb(214,162,72)
```

Split Complementary Color

#48d65b
```
#48d65b rgb(72,214,91)
```
#5b48d6
```
#5b48d6 rgb(91,72,214)
```
#d65b48
```
#d65b48 rgb(214,91,72)
```

Triadic Color

#48c3d6
```
#48c3d6 rgb(72,195,214)
```
#5b48d6
```
#5b48d6 rgb(91,72,214)
```
#d65b48
```
#d65b48 rgb(214,91,72)
```
#c3d648
```
#c3d648 rgb(195,214,72)
```

Tetradic Color

#3826ab
```
#3826ab rgb(56,38,171)
```
#3f2bc0
```
#3f2bc0 rgb(63,43,192)
```
#4833d1
```
#4833d1 rgb(72,51,209)
```
#5b48d6
```
#5b48d6 rgb(91,72,214)
```
#6e5ddb
```
#6e5ddb rgb(110,93,219)
```
#8072df
```
#8072df rgb(128,114,223)
```
#9386e4
```
#9386e4 rgb(147,134,228)
```

Monochromatic Color

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

#4859d6
```
#4859d6 rgb(72,89,214)
```
#484dd6
```
#484dd6 rgb(72,77,214)
```
#4f48d6
```
#4f48d6 rgb(79,72,214)
```
#5b48d6
```
#5b48d6 rgb(91,72,214)
```
#6748d6
```
#6748d6 rgb(103,72,214)
```
#7348d6
```
#7348d6 rgb(115,72,214)
```
#7f48d6
```
#7f48d6 rgb(127,72,214)
```

Similar Colors

Text with hexadecimal color #5b48d6

This text has a font color of #5b48d6.

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

#5b48d6 background color

This paragraph has a background color of #5b48d6.

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

#5b48d6 border color

This element has a border color of #5b48d6.

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

CSS codes

.text {color:#5b48d6;}

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

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

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

#030209
```
#030209 rgb(3,2,9)
```
#080619
```
#080619 rgb(8,6,25)
```
#0e0929
```
#0e0929 rgb(14,9,41)
```
#130d39
```
#130d39 rgb(19,13,57)
```
#181049
```
#181049 rgb(24,16,73)
```
#1d1459
```
#1d1459 rgb(29,20,89)
```
#231869
```
#231869 rgb(35,24,105)
```
#281b79
```
#281b79 rgb(40,27,121)
```
#2d1f8a
```
#2d1f8a rgb(45,31,138)
```
#32229a
```
#32229a rgb(50,34,154)
```
#3826aa
```
#3826aa rgb(56,38,170)
```
#3d2aba
```
#3d2aba rgb(61,42,186)
```
#422dca
```
#422dca rgb(66,45,202)
```

Shade Color Variation

#4d38d2
```
#4d38d2 rgb(77,56,210)
```
#5b48d6
```
#5b48d6 rgb(91,72,214)
```
#6958da
```
#6958da rgb(105,88,218)
```
#7868dd
```
#7868dd rgb(120,104,221)
```
#8678e1
```
#8678e1 rgb(134,120,225)
```
#9488e4
```
#9488e4 rgb(148,136,228)
```
#a398e8
```
#a398e8 rgb(163,152,232)
```
#b1a8ec
```
#b1a8ec rgb(177,168,236)
```
#c0b8ef
```
#c0b8ef rgb(192,184,239)
```
#cec8f3
```
#cec8f3 rgb(206,200,243)
```
#dcd8f6
```
#dcd8f6 rgb(220,216,246)
```
#ebe8fa
```
#ebe8fa rgb(235,232,250)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

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

#8d8d91
```
#8d8d91 rgb(141,141,145)
```
#87849a
```
#87849a rgb(135,132,154)
```
#817ca2
```
#817ca2 rgb(129,124,162)
```
#7b73ab
```
#7b73ab rgb(123,115,171)
```
#746ab4
```
#746ab4 rgb(116,106,180)
```
#6e62bc
```
#6e62bc rgb(110,98,188)
```
#6859c5
```
#6859c5 rgb(104,89,197)
```
#6151cd
```
#6151cd rgb(97,81,205)
```
#5b48d6
```
#5b48d6 rgb(91,72,214)
```
#553fdf
```
#553fdf rgb(85,63,223)
```
#4e37e7
```
#4e37e7 rgb(78,55,231)
```
#482ef0
```
#482ef0 rgb(72,46,240)
```
#4226f8
```
#4226f8 rgb(66,38,248)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5d5a76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006aac Deuteranopia 1% of men
#2d7179 Tritanopia 0.001% of the population

Trichromacy

#215acb Protanomaly 1% of men, 0.01% of women
#215ebb Deuteranomaly 6% of men, 0.4% of women
#3e629b Tritanomaly 0.01% of the population

#5b48d6 hex color

#5b48d6 Color Information

#5b48d6 Color Conversion

Color Schemes with #5b48d6

Alternatives to #5b48d6

#5b48d6 Preview

Shades and Tints of #5b48d6

Tones of #5b48d6

Color Blindness Simulator