#5358ed hex color

In a RGB color space, hex #5358ed is composed of 32.5% red, 34.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 62.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 238.1 degrees, a saturation of 81.1% and a lightness of 62.7%. #5358ed color hex could be obtained by blending #a6b0ff with #0000db. Closest websafe color is: #6666ff.

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

● #5358ed color description : Soft blue.

The hexadecimal color #5358ed has RGB values of R:83, G:88, B:237 and CMYK values of C:0.65, M:0.63, Y:0, K:0.07. Its decimal value is 5462253.

Hex triplet	5358ed	`#5358ed`
RGB Decimal	83, 88, 237	`rgb(83,88,237)`
RGB Percent	32.5, 34.5, 92.9	`rgb(32.5%,34.5%,92.9%)`
CMYK	65, 63, 0, 7
HSL	238.1°, 81.1, 62.7	`hsl(238.1,81.1%,62.7%)`
HSV (or HSB)	238.1°, 65, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.541, 43.308, -75.725
XYZ	22.34, 14.932, 81.821
xyY	0.188, 0.125, 14.932
CIE-LCH	45.541, 87.235, 299.765
CIE-LUV	45.541, -9.551, -115.488
Hunter-Lab	38.642, 35.574, -98.493
Binary	01010011, 01011000, 11101101

#5358ed
```
#5358ed rgb(83,88,237)
```
#ede853
```
#ede853 rgb(237,232,83)
```

Complementary Color

#53a5ed
```
#53a5ed rgb(83,165,237)
```
#5358ed
```
#5358ed rgb(83,88,237)
```
#9b53ed
```
#9b53ed rgb(155,83,237)
```

Analogous Color

#a5ed53
```
#a5ed53 rgb(165,237,83)
```
#5358ed
```
#5358ed rgb(83,88,237)
```
#ed9b53
```
#ed9b53 rgb(237,155,83)
```

Split Complementary Color

#58ed53
```
#58ed53 rgb(88,237,83)
```
#5358ed
```
#5358ed rgb(83,88,237)
```
#ed5358
```
#ed5358 rgb(237,83,88)
```

Triadic Color

#53ede8
```
#53ede8 rgb(83,237,232)
```
#5358ed
```
#5358ed rgb(83,88,237)
```
#ed5358
```
#ed5358 rgb(237,83,88)
```
#ede853
```
#ede853 rgb(237,232,83)
```

Tetradic Color

#171ddc
```
#171ddc rgb(23,29,220)
```
#252be8
```
#252be8 rgb(37,43,232)
```
#3c42eb
```
#3c42eb rgb(60,66,235)
```
#5358ed
```
#5358ed rgb(83,88,237)
```
#6a6eef
```
#6a6eef rgb(106,110,239)
```
#8185f2
```
#8185f2 rgb(129,133,242)
```
#989bf4
```
#989bf4 rgb(152,155,244)
```

Monochromatic Color

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

#537fed
```
#537fed rgb(83,127,237)
```
#5372ed
```
#5372ed rgb(83,114,237)
```
#5365ed
```
#5365ed rgb(83,101,237)
```
#5358ed
```
#5358ed rgb(83,88,237)
```
#5b53ed
```
#5b53ed rgb(91,83,237)
```
#6853ed
```
#6853ed rgb(104,83,237)
```
#7553ed
```
#7553ed rgb(117,83,237)
```

Similar Colors

Text with hexadecimal color #5358ed

This text has a font color of #5358ed.

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

#5358ed background color

This paragraph has a background color of #5358ed.

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

#5358ed border color

This element has a border color of #5358ed.

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

CSS codes

.text {color:#5358ed;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#020317
```
#020317 rgb(2,3,23)
```
#040529
```
#040529 rgb(4,5,41)
```
#06083b
```
#06083b rgb(6,8,59)
```
#080a4d
```
#080a4d rgb(8,10,77)
```
#0a0d5e
```
#0a0d5e rgb(10,13,94)
```
#0c0f70
```
#0c0f70 rgb(12,15,112)
```
#0e1182
```
#0e1182 rgb(14,17,130)
```
#0f1494
```
#0f1494 rgb(15,20,148)
```
#1116a5
```
#1116a5 rgb(17,22,165)
```
#1318b7
```
#1318b7 rgb(19,24,183)
```
#151bc9
```
#151bc9 rgb(21,27,201)
```
#171ddb
```
#171ddb rgb(23,29,219)
```

Shade Color Variation

#1e24e7
```
#1e24e7 rgb(30,36,231)
```
#2f36e9
```
#2f36e9 rgb(47,54,233)
```
#4147eb
```
#4147eb rgb(65,71,235)
```
#5358ed
```
#5358ed rgb(83,88,237)
```
#6569ef
```
#6569ef rgb(101,105,239)
```
#777af1
```
#777af1 rgb(119,122,241)
```
#888cf3
```
#888cf3 rgb(136,140,243)
```
#9a9df4
```
#9a9df4 rgb(154,157,244)
```
#acaef6
```
#acaef6 rgb(172,174,246)
```
#bebff8
```
#bebff8 rgb(190,191,248)
```
#cfd1fa
```
#cfd1fa rgb(207,209,250)
```
#e1e2fc
```
#e1e2fc rgb(225,226,252)
```
#f3f3fe
```
#f3f3fe rgb(243,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9ca4 is the less saturated color, while #444afc is the most saturated one.

#9c9ca4
```
#9c9ca4 rgb(156,156,164)
```
#9595ab
```
#9595ab rgb(149,149,171)
```
#8d8fb3
```
#8d8fb3 rgb(141,143,179)
```
#8688ba
```
#8688ba rgb(134,136,186)
```
#7f81c1
```
#7f81c1 rgb(127,129,193)
```
#787ac8
```
#787ac8 rgb(120,122,200)
```
#7073d0
```
#7073d0 rgb(112,115,208)
```
#696cd7
```
#696cd7 rgb(105,108,215)
```
#6266de
```
#6266de rgb(98,102,222)
```
#5a5fe6
```
#5a5fe6 rgb(90,95,230)
```
#5358ed
```
#5358ed rgb(83,88,237)
```
#4c51f4
```
#4c51f4 rgb(76,81,244)
```
#444afc
```
#444afc rgb(68,74,252)
```

Tone Color Variation

Below, you can see how #5358ed 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

#676767 Achromatopsia 0.005% of the population
#636482 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076bf Deuteranopia 1% of men
#007e87 Tritanopia 0.001% of the population

Trichromacy

#1e67e1 Protanomaly 1% of men, 0.01% of women
#1e6bcf Deuteranomaly 6% of men, 0.4% of women
#1e70ac Tritanomaly 0.01% of the population

#5358ed hex color

#5358ed Color Information

#5358ed Color Conversion

Color Schemes with #5358ed

Alternatives to #5358ed

#5358ed Preview

Shades and Tints of #5358ed

Tones of #5358ed

Color Blindness Simulator