#5c48bc hex color

In a RGB color space, hex #5c48bc is composed of 36.1% red, 28.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 61.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 250.3 degrees, a saturation of 46.4% and a lightness of 51%. #5c48bc color hex could be obtained by blending #b890ff with #000079. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 36
- G 28
- B 74
RGB color chart
- C 51
- M 62
- Y 0
- K 26
CMYK color chart

● #5c48bc color description : Moderate blue.

The hexadecimal color #5c48bc has RGB values of R:92, G:72, B:188 and CMYK values of C:0.51, M:0.62, Y:0, K:0.26. Its decimal value is 6047932.

Hex triplet	5c48bc	`#5c48bc`
RGB Decimal	92, 72, 188	`rgb(92,72,188)`
RGB Percent	36.1, 28.2, 73.7	`rgb(36.1%,28.2%,73.7%)`
CMYK	51, 62, 0, 26
HSL	250.3°, 46.4, 51	`hsl(250.3,46.4%,51%)`
HSV (or HSB)	250.3°, 61.7, 73.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.795, 38.772, -58.556
XYZ	15.806, 10.54, 48.776
xyY	0.21, 0.14, 10.54
CIE-LCH	38.795, 70.228, 303.51
CIE-LUV	38.795, -0.206, -86.801
Hunter-Lab	32.466, 30.089, -66.349
Binary	01011100, 01001000, 10111100

#5c48bc
```
#5c48bc rgb(92,72,188)
```
#a8bc48
```
#a8bc48 rgb(168,188,72)
```

Complementary Color

#486ebc
```
#486ebc rgb(72,110,188)
```
#5c48bc
```
#5c48bc rgb(92,72,188)
```
#9648bc
```
#9648bc rgb(150,72,188)
```

Analogous Color

#6ebc48
```
#6ebc48 rgb(110,188,72)
```
#5c48bc
```
#5c48bc rgb(92,72,188)
```
#bc9648
```
#bc9648 rgb(188,150,72)
```

Split Complementary Color

#48bc5c
```
#48bc5c rgb(72,188,92)
```
#5c48bc
```
#5c48bc rgb(92,72,188)
```
#bc5c48
```
#bc5c48 rgb(188,92,72)
```

Triadic Color

#48a8bc
```
#48a8bc rgb(72,168,188)
```
#5c48bc
```
#5c48bc rgb(92,72,188)
```
#bc5c48
```
#bc5c48 rgb(188,92,72)
```
#a8bc48
```
#a8bc48 rgb(168,188,72)
```

Tetradic Color

#403186
```
#403186 rgb(64,49,134)
```
#493899
```
#493899 rgb(73,56,153)
```
#523fac
```
#523fac rgb(82,63,172)
```
#5c48bc
```
#5c48bc rgb(92,72,188)
```
#6d5bc3
```
#6d5bc3 rgb(109,91,195)
```
#7d6dca
```
#7d6dca rgb(125,109,202)
```
#8e80d1
```
#8e80d1 rgb(142,128,209)
```

Monochromatic Color

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

#4851bc
```
#4851bc rgb(72,81,188)
```
#4948bc
```
#4948bc rgb(73,72,188)
```
#5248bc
```
#5248bc rgb(82,72,188)
```
#5c48bc
```
#5c48bc rgb(92,72,188)
```
#6648bc
```
#6648bc rgb(102,72,188)
```
#6f48bc
```
#6f48bc rgb(111,72,188)
```
#7948bc
```
#7948bc rgb(121,72,188)
```

Similar Colors

Text with hexadecimal color #5c48bc

This text has a font color of #5c48bc.

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

#5c48bc background color

This paragraph has a background color of #5c48bc.

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

#5c48bc border color

This element has a border color of #5c48bc.

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

CSS codes

.text {color:#5c48bc;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#090712
```
#090712 rgb(9,7,18)
```
#0f0c20
```
#0f0c20 rgb(15,12,32)
```
#16112f
```
#16112f rgb(22,17,47)
```
#1d163d
```
#1d163d rgb(29,22,61)
```
#241c4b
```
#241c4b rgb(36,28,75)
```
#2b215a
```
#2b215a rgb(43,33,90)
```
#322668
```
#322668 rgb(50,38,104)
```
#382b77
```
#382b77 rgb(56,43,119)
```
#3f3185
```
#3f3185 rgb(63,49,133)
```
#463693
```
#463693 rgb(70,54,147)
```
#4d3ba2
```
#4d3ba2 rgb(77,59,162)
```
#5440b0
```
#5440b0 rgb(84,64,176)
```

Shade Color Variation

#5c48bc
```
#5c48bc rgb(92,72,188)
```
#6956c1
```
#6956c1 rgb(105,86,193)
```
#7665c7
```
#7665c7 rgb(118,101,199)
```
#8273cc
```
#8273cc rgb(130,115,204)
```
#8f81d1
```
#8f81d1 rgb(143,129,209)
```
#9c90d6
```
#9c90d6 rgb(156,144,214)
```
#a99edc
```
#a99edc rgb(169,158,220)
```
#b6ade1
```
#b6ade1 rgb(182,173,225)
```
#c2bbe6
```
#c2bbe6 rgb(194,187,230)
```
#cfc9eb
```
#cfc9eb rgb(207,201,235)
```
#dcd8f1
```
#dcd8f1 rgb(220,216,241)
```
#e9e6f6
```
#e9e6f6 rgb(233,230,246)
```
#f5f4fb
```
#f5f4fb rgb(245,244,251)
```

Tint Color Variation

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

#828282
```
#828282 rgb(130,130,130)
```
#7b788c
```
#7b788c rgb(123,120,140)
```
#756e96
```
#756e96 rgb(117,110,150)
```
#6f659f
```
#6f659f rgb(111,101,159)
```
#695ba9
```
#695ba9 rgb(105,91,169)
```
#6252b2
```
#6252b2 rgb(98,82,178)
```
#5c48bc
```
#5c48bc rgb(92,72,188)
```
#563ec6
```
#563ec6 rgb(86,62,198)
```
#4f35cf
```
#4f35cf rgb(79,53,207)
```
#492bd9
```
#492bd9 rgb(73,43,217)
```
#4322e2
```
#4322e2 rgb(67,34,226)
```
#3d18ec
```
#3d18ec rgb(61,24,236)
```
#360ef6
```
#360ef6 rgb(54,14,246)
```

Tone Color Variation

Below, you can see how #5c48bc 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
#5b576e Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#5c48bc hex color

#5c48bc Color Information

#5c48bc Color Conversion

Color Schemes with #5c48bc

Alternatives to #5c48bc

#5c48bc Preview

Shades and Tints of #5c48bc

Tones of #5c48bc

Color Blindness Simulator