colorhexa.com

#5b48bd hex color

In a RGB color space, hex #5b48bd is composed of 35.7% red, 28.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 61.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 249.7 degrees, a saturation of 47% and a lightness of 51.2%. #5b48bd color hex could be obtained by blending #b690ff with #00007b. Closest websafe color is: #6633cc.

- R 36
- G 28
- B 74
RGB color chart
- C 52
- M 62
- Y 0
- K 26
CMYK color chart

● #5b48bd color description : Moderate blue.

The hexadecimal color #5b48bd has RGB values of R:91, G:72, B:189 and CMYK values of C:0.52, M:0.62, Y:0, K:0.26. Its decimal value is 5982397.

Hex triplet	5b48bd	`#5b48bd`
RGB Decimal	91, 72, 189	`rgb(91,72,189)`
RGB Percent	35.7, 28.2, 74.1	`rgb(35.7%,28.2%,74.1%)`
CMYK	52, 62, 0, 26
HSL	249.7°, 47, 51.2	`hsl(249.7,47%,51.2%)`
HSV (or HSB)	249.7°, 61.9, 74.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.782, 38.883, -59.168
XYZ	15.815, 10.533, 49.341
xyY	0.209, 0.139, 10.533
CIE-LCH	38.782, 70.8, 303.311
CIE-LUV	38.782, -0.64, -87.618
Hunter-Lab	32.454, 30.192, -67.423
Binary	01011011, 01001000, 10111101

#5b48bd
```
#5b48bd rgb(91,72,189)
```
#aabd48
```
#aabd48 rgb(170,189,72)
```

Complementary Color

#4870bd
```
#4870bd rgb(72,112,189)
```
#5b48bd
```
#5b48bd rgb(91,72,189)
```
#9648bd
```
#9648bd rgb(150,72,189)
```

Analogous Color

#70bd48
```
#70bd48 rgb(112,189,72)
```
#5b48bd
```
#5b48bd rgb(91,72,189)
```
#bd9648
```
#bd9648 rgb(189,150,72)
```

Split Complementary Color

#48bd5b
```
#48bd5b rgb(72,189,91)
```
#5b48bd
```
#5b48bd rgb(91,72,189)
```
#bd5b48
```
#bd5b48 rgb(189,91,72)
```

Triadic Color

#48aabd
```
#48aabd rgb(72,170,189)
```
#5b48bd
```
#5b48bd rgb(91,72,189)
```
#bd5b48
```
#bd5b48 rgb(189,91,72)
```
#aabd48
```
#aabd48 rgb(170,189,72)
```

Tetradic Color

#3f3188
```
#3f3188 rgb(63,49,136)
```
#48389a
```
#48389a rgb(72,56,154)
```
#503ead
```
#503ead rgb(80,62,173)
```
#5b48bd
```
#5b48bd rgb(91,72,189)
```
#6c5bc4
```
#6c5bc4 rgb(108,91,196)
```
#7d6dcb
```
#7d6dcb rgb(125,109,203)
```
#8d80d1
```
#8d80d1 rgb(141,128,209)
```

Monochromatic Color

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

#4852bd
```
#4852bd rgb(72,82,189)
```
#4849bd
```
#4849bd rgb(72,73,189)
```
#5148bd
```
#5148bd rgb(81,72,189)
```
#5b48bd
```
#5b48bd rgb(91,72,189)
```
#6548bd
```
#6548bd rgb(101,72,189)
```
#6f48bd
```
#6f48bd rgb(111,72,189)
```
#7848bd
```
#7848bd rgb(120,72,189)
```

Similar Colors

Text with hexadecimal color #5b48bd

This text has a font color of #5b48bd.

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

#5b48bd background color

This paragraph has a background color of #5b48bd.

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

#5b48bd border color

This element has a border color of #5b48bd.

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

CSS codes

.text {color:#5b48bd;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090713
```
#090713 rgb(9,7,19)
```
#0f0c21
```
#0f0c21 rgb(15,12,33)
```
#161130
```
#161130 rgb(22,17,48)
```
#1d163e
```
#1d163e rgb(29,22,62)
```
#241c4c
```
#241c4c rgb(36,28,76)
```
#2a215b
```
#2a215b rgb(42,33,91)
```
#312669
```
#312669 rgb(49,38,105)
```
#382b78
```
#382b78 rgb(56,43,120)
```
#3e3086
```
#3e3086 rgb(62,48,134)
```
#453695
```
#453695 rgb(69,54,149)
```
#4c3ba3
```
#4c3ba3 rgb(76,59,163)
```
#5240b1
```
#5240b1 rgb(82,64,177)
```

Shade Color Variation

#5b48bd
```
#5b48bd rgb(91,72,189)
```
#6856c2
```
#6856c2 rgb(104,86,194)
```
#7565c7
```
#7565c7 rgb(117,101,199)
```
#8273cd
```
#8273cd rgb(130,115,205)
```
#8f82d2
```
#8f82d2 rgb(143,130,210)
```
#9c90d7
```
#9c90d7 rgb(156,144,215)
```
#a99edc
```
#a99edc rgb(169,158,220)
```
#b5ade1
```
#b5ade1 rgb(181,173,225)
```
#c2bbe7
```
#c2bbe7 rgb(194,187,231)
```
#cfcaec
```
#cfcaec rgb(207,202,236)
```
#dcd8f1
```
#dcd8f1 rgb(220,216,241)
```
#e9e7f6
```
#e9e7f6 rgb(233,231,246)
```
#f6f5fb
```
#f6f5fb rgb(246,245,251)
```

Tint Color Variation

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

#828184
```
#828184 rgb(130,129,132)
```
#7b788d
```
#7b788d rgb(123,120,141)
```
#756e97
```
#756e97 rgb(117,110,151)
```
#6e65a0
```
#6e65a0 rgb(110,101,160)
```
#685baa
```
#685baa rgb(104,91,170)
```
#6152b3
```
#6152b3 rgb(97,82,179)
```
#5b48bd
```
#5b48bd rgb(91,72,189)
```
#553ec7
```
#553ec7 rgb(85,62,199)
```
#4e35d0
```
#4e35d0 rgb(78,53,208)
```
#482bda
```
#482bda rgb(72,43,218)
```
#4122e3
```
#4122e3 rgb(65,34,227)
```
#3b18ed
```
#3b18ed rgb(59,24,237)
```
#340ff6
```
#340ff6 rgb(52,15,246)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5b576f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bd Protanopia 1% of men
#0065a6 Deuteranopia 1% of men
#426971 Tritanopia 0.001% of the population

Trichromacy

#2157bd Protanomaly 1% of men, 0.01% of women
#215bae Deuteranomaly 6% of men, 0.4% of women
#4b5d8c Tritanomaly 0.01% of the population