#5356ed hex color

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

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

● #5356ed color description : Soft blue.

The hexadecimal color #5356ed has RGB values of R:83, G:86, B:237 and CMYK values of C:0.65, M:0.64, Y:0, K:0.07. Its decimal value is 5461741.

Hex triplet	5356ed	`#5356ed`
RGB Decimal	83, 86, 237	`rgb(83,86,237)`
RGB Percent	32.5, 33.7, 92.9	`rgb(32.5%,33.7%,92.9%)`
CMYK	65, 64, 0, 7
HSL	238.8°, 81.1, 62.7	`hsl(238.8,81.1%,62.7%)`
HSV (or HSB)	238.8°, 65, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.092, 44.492, -76.458
XYZ	22.178, 14.608, 81.767
xyY	0.187, 0.123, 14.608
CIE-LCH	45.092, 88.461, 300.196
CIE-LUV	45.092, -9.103, -116.157
Hunter-Lab	38.22, 36.693, -100.089
Binary	01010011, 01010110, 11101101

#5356ed
```
#5356ed rgb(83,86,237)
```
#edea53
```
#edea53 rgb(237,234,83)
```

Complementary Color

#53a3ed
```
#53a3ed rgb(83,163,237)
```
#5356ed
```
#5356ed rgb(83,86,237)
```
#9d53ed
```
#9d53ed rgb(157,83,237)
```

Analogous Color

#a3ed53
```
#a3ed53 rgb(163,237,83)
```
#5356ed
```
#5356ed rgb(83,86,237)
```
#ed9d53
```
#ed9d53 rgb(237,157,83)
```

Split Complementary Color

#56ed53
```
#56ed53 rgb(86,237,83)
```
#5356ed
```
#5356ed rgb(83,86,237)
```
#ed5356
```
#ed5356 rgb(237,83,86)
```

Triadic Color

#53edea
```
#53edea rgb(83,237,234)
```
#5356ed
```
#5356ed rgb(83,86,237)
```
#ed5356
```
#ed5356 rgb(237,83,86)
```
#edea53
```
#edea53 rgb(237,234,83)
```

Tetradic Color

#171bdc
```
#171bdc rgb(23,27,220)
```
#2529e8
```
#2529e8 rgb(37,41,232)
```
#3c3feb
```
#3c3feb rgb(60,63,235)
```
#5356ed
```
#5356ed rgb(83,86,237)
```
#6a6def
```
#6a6def rgb(106,109,239)
```
#8183f2
```
#8183f2 rgb(129,131,242)
```
#989af4
```
#989af4 rgb(152,154,244)
```

Monochromatic Color

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

#537ded
```
#537ded rgb(83,125,237)
```
#5370ed
```
#5370ed rgb(83,112,237)
```
#5363ed
```
#5363ed rgb(83,99,237)
```
#5356ed
```
#5356ed rgb(83,86,237)
```
#5d53ed
```
#5d53ed rgb(93,83,237)
```
#6a53ed
```
#6a53ed rgb(106,83,237)
```
#7753ed
```
#7753ed rgb(119,83,237)
```

Similar Colors

Text with hexadecimal color #5356ed

This text has a font color of #5356ed.

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

#5356ed background color

This paragraph has a background color of #5356ed.

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

#5356ed border color

This element has a border color of #5356ed.

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

CSS codes

.text {color:#5356ed;}

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

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

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)
```
#06073b
```
#06073b rgb(6,7,59)
```
#08094d
```
#08094d rgb(8,9,77)
```
#0a0c5e
```
#0a0c5e rgb(10,12,94)
```
#0c0e70
```
#0c0e70 rgb(12,14,112)
```
#0e1082
```
#0e1082 rgb(14,16,130)
```
#0f1294
```
#0f1294 rgb(15,18,148)
```
#1114a5
```
#1114a5 rgb(17,20,165)
```
#1316b7
```
#1316b7 rgb(19,22,183)
```
#1519c9
```
#1519c9 rgb(21,25,201)
```
#171bdb
```
#171bdb rgb(23,27,219)
```

Shade Color Variation

#1e22e7
```
#1e22e7 rgb(30,34,231)
```
#2f33e9
```
#2f33e9 rgb(47,51,233)
```
#4145eb
```
#4145eb rgb(65,69,235)
```
#5356ed
```
#5356ed rgb(83,86,237)
```
#6567ef
```
#6567ef rgb(101,103,239)
```
#7779f1
```
#7779f1 rgb(119,121,241)
```
#888af3
```
#888af3 rgb(136,138,243)
```
#9a9cf4
```
#9a9cf4 rgb(154,156,244)
```
#acadf6
```
#acadf6 rgb(172,173,246)
```
#bebff8
```
#bebff8 rgb(190,191,248)
```
#cfd0fa
```
#cfd0fa rgb(207,208,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 #4448fc is the most saturated one.

#9c9ca4
```
#9c9ca4 rgb(156,156,164)
```
#9595ab
```
#9595ab rgb(149,149,171)
```
#8d8eb3
```
#8d8eb3 rgb(141,142,179)
```
#8687ba
```
#8687ba rgb(134,135,186)
```
#7f80c1
```
#7f80c1 rgb(127,128,193)
```
#7879c8
```
#7879c8 rgb(120,121,200)
```
#7072d0
```
#7072d0 rgb(112,114,208)
```
#696bd7
```
#696bd7 rgb(105,107,215)
```
#6264de
```
#6264de rgb(98,100,222)
```
#5a5de6
```
#5a5de6 rgb(90,93,230)
```
#5356ed
```
#5356ed rgb(83,86,237)
```
#4c4ff4
```
#4c4ff4 rgb(76,79,244)
```
#4448fc
```
#4448fc rgb(68,72,252)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#626381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#1e65e0 Protanomaly 1% of men, 0.01% of women
#1e69ce Deuteranomaly 6% of men, 0.4% of women
#1e6fab Tritanomaly 0.01% of the population

#5356ed hex color

#5356ed Color Information

#5356ed Color Conversion

Color Schemes with #5356ed

Alternatives to #5356ed

#5356ed Preview

Shades and Tints of #5356ed

Tones of #5356ed

Color Blindness Simulator