#5148ea hex color

In a RGB color space, hex #5148ea is composed of 31.8% red, 28.2% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 69.2% magenta, 0% yellow and 8.2% black. It has a hue angle of 243.3 degrees, a saturation of 79.4% and a lightness of 60%. #5148ea color hex could be obtained by blending #a290ff with #0000d5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 32
- G 28
- B 92
RGB color chart
- C 65
- M 69
- Y 0
- K 8
CMYK color chart

● #5148ea color description : Soft blue.

The hexadecimal color #5148ea has RGB values of R:81, G:72, B:234 and CMYK values of C:0.65, M:0.69, Y:0, K:0.08. Its decimal value is 5327082.

Hex triplet	5148ea	`#5148ea`
RGB Decimal	81, 72, 234	`rgb(81,72,234)`
RGB Percent	31.8, 28.2, 91.8	`rgb(31.8%,28.2%,91.8%)`
CMYK	65, 69, 0, 8
HSL	243.3°, 79.4, 60	`hsl(243.3,79.4%,60%)`
HSV (or HSB)	243.3°, 69.2, 91.8
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.726, 51.323, -80.289
XYZ	20.559, 12.324, 79.133
xyY	0.184, 0.11, 12.324
CIE-LCH	41.726, 95.291, 302.588
CIE-LUV	41.726, -6.577, -118.177
Hunter-Lab	35.105, 43.104, -109.076
Binary	01010001, 01001000, 11101010

#5148ea
```
#5148ea rgb(81,72,234)
```
#e1ea48
```
#e1ea48 rgb(225,234,72)
```

Complementary Color

#4890ea
```
#4890ea rgb(72,144,234)
```
#5148ea
```
#5148ea rgb(81,72,234)
```
#a248ea
```
#a248ea rgb(162,72,234)
```

Analogous Color

#90ea48
```
#90ea48 rgb(144,234,72)
```
#5148ea
```
#5148ea rgb(81,72,234)
```
#eaa248
```
#eaa248 rgb(234,162,72)
```

Split Complementary Color

#48ea51
```
#48ea51 rgb(72,234,81)
```
#5148ea
```
#5148ea rgb(81,72,234)
```
#ea5148
```
#ea5148 rgb(234,81,72)
```

Triadic Color

#48e1ea
```
#48e1ea rgb(72,225,234)
```
#5148ea
```
#5148ea rgb(81,72,234)
```
#ea5148
```
#ea5148 rgb(234,81,72)
```
#e1ea48
```
#e1ea48 rgb(225,234,72)
```

Tetradic Color

#2218ce
```
#2218ce rgb(34,24,206)
```
#261ae5
```
#261ae5 rgb(38,26,229)
```
#3b31e7
```
#3b31e7 rgb(59,49,231)
```
#5148ea
```
#5148ea rgb(81,72,234)
```
#675fed
```
#675fed rgb(103,95,237)
```
#7d76ef
```
#7d76ef rgb(125,118,239)
```
#928df2
```
#928df2 rgb(146,141,242)
```

Monochromatic Color

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

#4868ea
```
#4868ea rgb(72,104,234)
```
#485aea
```
#485aea rgb(72,90,234)
```
#484dea
```
#484dea rgb(72,77,234)
```
#5148ea
```
#5148ea rgb(81,72,234)
```
#5f48ea
```
#5f48ea rgb(95,72,234)
```
#6c48ea
```
#6c48ea rgb(108,72,234)
```
#7a48ea
```
#7a48ea rgb(122,72,234)
```

Similar Colors

Text with hexadecimal color #5148ea

This text has a font color of #5148ea.

<span style="color:#5148ea;">Text here</span>

#5148ea background color

This paragraph has a background color of #5148ea.

<p style="background-color:#5148ea;">Content here</p>

#5148ea border color

This element has a border color of #5148ea.

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

CSS codes

.text {color:#5148ea;}

.background {background-color:#5148ea;}

.border {border:1px solid #5148ea;}

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, #02010b is the darkest color, while #f8f8fe is the lightest one.

#02010b
```
#02010b rgb(2,1,11)
```
#05031c
```
#05031c rgb(5,3,28)
```
#08052e
```
#08052e rgb(8,5,46)
```
#0a073f
```
#0a073f rgb(10,7,63)
```
#0d0951
```
#0d0951 rgb(13,9,81)
```
#100b63
```
#100b63 rgb(16,11,99)
```
#130d74
```
#130d74 rgb(19,13,116)
```
#160f86
```
#160f86 rgb(22,15,134)
```
#191197
```
#191197 rgb(25,17,151)
```
#1c13a9
```
#1c13a9 rgb(28,19,169)
```
#1f15bb
```
#1f15bb rgb(31,21,187)
```
#2117cc
```
#2117cc rgb(33,23,204)
```
#2419de
```
#2419de rgb(36,25,222)
```

Shade Color Variation

#3025e6
```
#3025e6 rgb(48,37,230)
```
#4036e8
```
#4036e8 rgb(64,54,232)
```
#5148ea
```
#5148ea rgb(81,72,234)
```
#625aec
```
#625aec rgb(98,90,236)
```
#726bee
```
#726bee rgb(114,107,238)
```
#837df0
```
#837df0 rgb(131,125,240)
```
#948ef2
```
#948ef2 rgb(148,142,242)
```
#a5a0f4
```
#a5a0f4 rgb(165,160,244)
```
#b5b2f6
```
#b5b2f6 rgb(181,178,246)
```
#c6c3f8
```
#c6c3f8 rgb(198,195,248)
```
#d7d5fa
```
#d7d5fa rgb(215,213,250)
```
#e8e6fc
```
#e8e6fc rgb(232,230,252)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97969c is the less saturated color, while #4338fa is the most saturated one.

#97969c
```
#97969c rgb(151,150,156)
```
#908fa3
```
#908fa3 rgb(144,143,163)
```
#8987ab
```
#8987ab rgb(137,135,171)
```
#827fb3
```
#827fb3 rgb(130,127,179)
```
#7b77bb
```
#7b77bb rgb(123,119,187)
```
#746fc3
```
#746fc3 rgb(116,111,195)
```
#6d67cb
```
#6d67cb rgb(109,103,203)
```
#6660d2
```
#6660d2 rgb(102,96,210)
```
#5f58da
```
#5f58da rgb(95,88,218)
```
#5850e2
```
#5850e2 rgb(88,80,226)
```
#5148ea
```
#5148ea rgb(81,72,234)
```
#4a40f2
```
#4a40f2 rgb(74,64,242)
```
#4338fa
```
#4338fa rgb(67,56,250)
```

Tone Color Variation

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

Dichromacy

#0067c9 Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#1d5cd5 Protanomaly 1% of men, 0.01% of women
#1d5fc4 Deuteranomaly 6% of men, 0.4% of women
#1d64a4 Tritanomaly 0.01% of the population

#5148ea hex color

#5148ea Color Information

#5148ea Color Conversion

Color Schemes with #5148ea

Alternatives to #5148ea

#5148ea Preview

Shades and Tints of #5148ea

Tones of #5148ea

Color Blindness Simulator