#5362de hex color

In a RGB color space, hex #5362de is composed of 32.5% red, 38.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 55.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 233.5 degrees, a saturation of 67.8% and a lightness of 59.8%. #5362de color hex could be obtained by blending #a6c4ff with #0000bd. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 38
- B 87
RGB color chart
- C 63
- M 56
- Y 0
- K 13
CMYK color chart

● #5362de color description : Soft blue.

The hexadecimal color #5362de has RGB values of R:83, G:98, B:222 and CMYK values of C:0.63, M:0.56, Y:0, K:0.13. Its decimal value is 5464798.

Hex triplet	5362de	`#5362de`
RGB Decimal	83, 98, 222	`rgb(83,98,222)`
RGB Percent	32.5, 38.4, 87.1	`rgb(32.5%,38.4%,87.1%)`
CMYK	63, 56, 0, 13
HSL	233.5°, 67.8, 59.8	`hsl(233.5,67.8%,59.8%)`
HSV (or HSB)	233.5°, 62.6, 87.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.773, 32.257, -65.242
XYZ	21.117, 15.847, 71.049
xyY	0.196, 0.147, 15.847
CIE-LCH	46.773, 72.781, 296.309
CIE-LUV	46.773, -11.475, -101.027
Hunter-Lab	39.809, 25.023, -77.953
Binary	01010011, 01100010, 11011110

#5362de
```
#5362de rgb(83,98,222)
```
#decf53
```
#decf53 rgb(222,207,83)
```

Complementary Color

#53a8de
```
#53a8de rgb(83,168,222)
```
#5362de
```
#5362de rgb(83,98,222)
```
#8a53de
```
#8a53de rgb(138,83,222)
```

Analogous Color

#a8de53
```
#a8de53 rgb(168,222,83)
```
#5362de
```
#5362de rgb(83,98,222)
```
#de8a53
```
#de8a53 rgb(222,138,83)
```

Split Complementary Color

#62de53
```
#62de53 rgb(98,222,83)
```
#5362de
```
#5362de rgb(83,98,222)
```
#de5362
```
#de5362 rgb(222,83,98)
```

Triadic Color

#53decf
```
#53decf rgb(83,222,207)
```
#5362de
```
#5362de rgb(83,98,222)
```
#de5362
```
#de5362 rgb(222,83,98)
```
#decf53
```
#decf53 rgb(222,207,83)
```

Tetradic Color

#2536c0
```
#2536c0 rgb(37,54,192)
```
#293bd5
```
#293bd5 rgb(41,59,213)
```
#3e4eda
```
#3e4eda rgb(62,78,218)
```
#5362de
```
#5362de rgb(83,98,222)
```
#6876e2
```
#6876e2 rgb(104,118,226)
```
#7e89e6
```
#7e89e6 rgb(126,137,230)
```
#939dea
```
#939dea rgb(147,157,234)
```

Monochromatic Color

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

#5385de
```
#5385de rgb(83,133,222)
```
#5379de
```
#5379de rgb(83,121,222)
```
#536ede
```
#536ede rgb(83,110,222)
```
#5362de
```
#5362de rgb(83,98,222)
```
#5356de
```
#5356de rgb(83,86,222)
```
#5b53de
```
#5b53de rgb(91,83,222)
```
#6753de
```
#6753de rgb(103,83,222)
```

Similar Colors

Text with hexadecimal color #5362de

This text has a font color of #5362de.

<span style="color:#5362de;">Text here</span>

#5362de background color

This paragraph has a background color of #5362de.

<p style="background-color:#5362de;">Content here</p>

#5362de border color

This element has a border color of #5362de.

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

CSS codes

.text {color:#5362de;}

.background {background-color:#5362de;}

.border {border:1px solid #5362de;}

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

#020309
```
#020309 rgb(2,3,9)
```
#050719
```
#050719 rgb(5,7,25)
```
#080c2a
```
#080c2a rgb(8,12,42)
```
#0b103a
```
#0b103a rgb(11,16,58)
```
#0e154b
```
#0e154b rgb(14,21,75)
```
#12195b
```
#12195b rgb(18,25,91)
```
#151e6c
```
#151e6c rgb(21,30,108)
```
#18237c
```
#18237c rgb(24,35,124)
```
#1b278d
```
#1b278d rgb(27,39,141)
```
#1e2c9d
```
#1e2c9d rgb(30,44,157)
```
#2130ae
```
#2130ae rgb(33,48,174)
```
#2435be
```
#2435be rgb(36,53,190)
```
#283acf
```
#283acf rgb(40,58,207)
```

Shade Color Variation

#3244d8
```
#3244d8 rgb(50,68,216)
```
#4353db
```
#4353db rgb(67,83,219)
```
#5362de
```
#5362de rgb(83,98,222)
```
#6371e1
```
#6371e1 rgb(99,113,225)
```
#7480e4
```
#7480e4 rgb(116,128,228)
```
#848fe7
```
#848fe7 rgb(132,143,231)
```
#959eeb
```
#959eeb rgb(149,158,235)
```
#a5adee
```
#a5adee rgb(165,173,238)
```
#b6bcf1
```
#b6bcf1 rgb(182,188,241)
```
#c6cbf4
```
#c6cbf4 rgb(198,203,244)
```
#d7daf7
```
#d7daf7 rgb(215,218,247)
```
#e7e9fa
```
#e7e9fa rgb(231,233,250)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92939f is the less saturated color, while #3349fe is the most saturated one.

#92939f
```
#92939f rgb(146,147,159)
```
#8a8da7
```
#8a8da7 rgb(138,141,167)
```
#8287af
```
#8287af rgb(130,135,175)
```
#7a81b7
```
#7a81b7 rgb(122,129,183)
```
#737bbe
```
#737bbe rgb(115,123,190)
```
#6b75c6
```
#6b75c6 rgb(107,117,198)
```
#636ece
```
#636ece rgb(99,110,206)
```
#5b68d6
```
#5b68d6 rgb(91,104,214)
```
#5362de
```
#5362de rgb(83,98,222)
```
#4b5ce6
```
#4b5ce6 rgb(75,92,230)
```
#4356ee
```
#4356ee rgb(67,86,238)
```
#3b4ff6
```
#3b4ff6 rgb(59,79,246)
```
#3349fe
```
#3349fe rgb(51,73,254)
```

Tone Color Variation

Below, you can see how #5362de 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

#6c6c6c Achromatopsia 0.005% of the population
#676a83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e1 Protanopia 1% of men
#0078c5 Deuteranopia 1% of men
#00818b Tritanopia 0.001% of the population

Trichromacy

#1e6cdf Protanomaly 1% of men, 0.01% of women
#1e70ce Deuteranomaly 6% of men, 0.4% of women
#1e76a9 Tritanomaly 0.01% of the population

#5362de hex color

#5362de Color Information

#5362de Color Conversion

Color Schemes with #5362de

Alternatives to #5362de

#5362de Preview

Shades and Tints of #5362de

Tones of #5362de

Color Blindness Simulator