#5348ed hex color

In a RGB color space, hex #5348ed is composed of 32.5% red, 28.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 69.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 244 degrees, a saturation of 82.1% and a lightness of 60.6%. #5348ed color hex could be obtained by blending #a690ff with #0000db. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 28
- B 93
RGB color chart
- C 65
- M 70
- Y 0
- K 7
CMYK color chart

● #5348ed color description : Soft blue.

The hexadecimal color #5348ed has RGB values of R:83, G:72, B:237 and CMYK values of C:0.65, M:0.7, Y:0, K:0.07. Its decimal value is 5458157.

Hex triplet	5348ed	`#5348ed`
RGB Decimal	83, 72, 237	`rgb(83,72,237)`
RGB Percent	32.5, 28.2, 92.9	`rgb(32.5%,28.2%,92.9%)`
CMYK	65, 70, 0, 7
HSL	244°, 82.1, 60.6	`hsl(244,82.1%,60.6%)`
HSV (or HSB)	244°, 69.6, 92.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.134, 52.494, -81.308
XYZ	21.168, 12.587, 81.43
xyY	0.184, 0.109, 12.587
CIE-LCH	42.134, 96.781, 302.847
CIE-LUV	42.134, -6.271, -119.933
Hunter-Lab	35.478, 44.413, -111.248
Binary	01010011, 01001000, 11101101

#5348ed
```
#5348ed rgb(83,72,237)
```
#e2ed48
```
#e2ed48 rgb(226,237,72)
```

Complementary Color

#4890ed
```
#4890ed rgb(72,144,237)
```
#5348ed
```
#5348ed rgb(83,72,237)
```
#a648ed
```
#a648ed rgb(166,72,237)
```

Analogous Color

#90ed48
```
#90ed48 rgb(144,237,72)
```
#5348ed
```
#5348ed rgb(83,72,237)
```
#eda648
```
#eda648 rgb(237,166,72)
```

Split Complementary Color

#48ed53
```
#48ed53 rgb(72,237,83)
```
#5348ed
```
#5348ed rgb(83,72,237)
```
#ed5348
```
#ed5348 rgb(237,83,72)
```

Triadic Color

#48e2ed
```
#48e2ed rgb(72,226,237)
```
#5348ed
```
#5348ed rgb(83,72,237)
```
#ed5348
```
#ed5348 rgb(237,83,72)
```
#e2ed48
```
#e2ed48 rgb(226,237,72)
```

Tetradic Color

#2215d4
```
#2215d4 rgb(34,21,212)
```
#271ae8
```
#271ae8 rgb(39,26,232)
```
#3d31eb
```
#3d31eb rgb(61,49,235)
```
#5348ed
```
#5348ed rgb(83,72,237)
```
#695fef
```
#695fef rgb(105,95,239)
```
#7f76f2
```
#7f76f2 rgb(127,118,242)
```
#948ef4
```
#948ef4 rgb(148,142,244)
```

Monochromatic Color

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

#4866ed
```
#4866ed rgb(72,102,237)
```
#4859ed
```
#4859ed rgb(72,89,237)
```
#484bed
```
#484bed rgb(72,75,237)
```
#5348ed
```
#5348ed rgb(83,72,237)
```
#6148ed
```
#6148ed rgb(97,72,237)
```
#6f48ed
```
#6f48ed rgb(111,72,237)
```
#7c48ed
```
#7c48ed rgb(124,72,237)
```

Similar Colors

Text with hexadecimal color #5348ed

This text has a font color of #5348ed.

<span style="color:#5348ed;">Text here</span>

#5348ed background color

This paragraph has a background color of #5348ed.

<p style="background-color:#5348ed;">Content here</p>

#5348ed border color

This element has a border color of #5348ed.

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

CSS codes

.text {color:#5348ed;}

.background {background-color:#5348ed;}

.border {border:1px solid #5348ed;}

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

#02010d
```
#02010d rgb(2,1,13)
```
#05031f
```
#05031f rgb(5,3,31)
```
#080531
```
#080531 rgb(8,5,49)
```
#0b0743
```
#0b0743 rgb(11,7,67)
```
#0d0855
```
#0d0855 rgb(13,8,85)
```
#100a67
```
#100a67 rgb(16,10,103)
```
#130c79
```
#130c79 rgb(19,12,121)
```
#160e8a
```
#160e8a rgb(22,14,138)
```
#190f9c
```
#190f9c rgb(25,15,156)
```
#1c11ae
```
#1c11ae rgb(28,17,174)
```
#1e13c0
```
#1e13c0 rgb(30,19,192)
```
#2115d2
```
#2115d2 rgb(33,21,210)
```
#2416e4
```
#2416e4 rgb(36,22,228)
```

Shade Color Variation

#3124e9
```
#3124e9 rgb(49,36,233)
```
#4236eb
```
#4236eb rgb(66,54,235)
```
#5348ed
```
#5348ed rgb(83,72,237)
```
#645aef
```
#645aef rgb(100,90,239)
```
#756cf1
```
#756cf1 rgb(117,108,241)
```
#857ef2
```
#857ef2 rgb(133,126,242)
```
#968ff4
```
#968ff4 rgb(150,143,244)
```
#a7a1f6
```
#a7a1f6 rgb(167,161,246)
```
#b8b3f8
```
#b8b3f8 rgb(184,179,248)
```
#c8c5f9
```
#c8c5f9 rgb(200,197,249)
```
#d9d7fb
```
#d9d7fb rgb(217,215,251)
```
#eae9fd
```
#eae9fd rgb(234,233,253)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9695a0 is the less saturated color, while #4639fc is the most saturated one.

#9695a0
```
#9695a0 rgb(150,149,160)
```
#8f8ea7
```
#8f8ea7 rgb(143,142,167)
```
#8986af
```
#8986af rgb(137,134,175)
```
#827eb7
```
#827eb7 rgb(130,126,183)
```
#7b76bf
```
#7b76bf rgb(123,118,191)
```
#756fc6
```
#756fc6 rgb(117,111,198)
```
#6e67ce
```
#6e67ce rgb(110,103,206)
```
#675fd6
```
#675fd6 rgb(103,95,214)
```
#6057de
```
#6057de rgb(96,87,222)
```
#5a50e5
```
#5a50e5 rgb(90,80,229)
```
#5348ed
```
#5348ed rgb(83,72,237)
```
#4c40f5
```
#4c40f5 rgb(76,64,245)
```
#4639fc
```
#4639fc rgb(70,57,252)
```

Tone Color Variation

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

Dichromacy

#0068cb Protanopia 1% of men
#006eb0 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#1e5cd7 Protanomaly 1% of men, 0.01% of women
#1e60c6 Deuteranomaly 6% of men, 0.4% of women
#1e65a6 Tritanomaly 0.01% of the population

#5348ed hex color

#5348ed Color Information

#5348ed Color Conversion

Color Schemes with #5348ed

Alternatives to #5348ed

#5348ed Preview

Shades and Tints of #5348ed

Tones of #5348ed

Color Blindness Simulator