#5363d2 hex color

In a RGB color space, hex #5363d2 is composed of 32.5% red, 38.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 52.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 232.4 degrees, a saturation of 58.5% and a lightness of 57.5%. #5363d2 color hex could be obtained by blending #a6c6ff with #0000a5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 39
- B 82
RGB color chart
- C 60
- M 53
- Y 0
- K 18
CMYK color chart

● #5363d2 color description : Moderate blue.

The hexadecimal color #5363d2 has RGB values of R:83, G:99, B:210 and CMYK values of C:0.6, M:0.53, Y:0, K:0.18. Its decimal value is 5465042.

Hex triplet	5363d2	`#5363d2`
RGB Decimal	83, 99, 210	`rgb(83,99,210)`
RGB Percent	32.5, 38.8, 82.4	`rgb(32.5%,38.8%,82.4%)`
CMYK	60, 53, 0, 18
HSL	232.4°, 58.5, 57.5	`hsl(232.4,58.5%,57.5%)`
HSV (or HSB)	232.4°, 60.5, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.197, 27.607, -59.34
XYZ	19.66, 15.415, 62.909
xyY	0.201, 0.157, 15.415
CIE-LCH	46.197, 65.447, 294.949
CIE-LUV	46.197, -11.385, -91.737
Hunter-Lab	39.262, 20.673, -67.516
Binary	01010011, 01100011, 11010010

#5363d2
```
#5363d2 rgb(83,99,210)
```
#d2c253
```
#d2c253 rgb(210,194,83)
```

Complementary Color

#53a3d2
```
#53a3d2 rgb(83,163,210)
```
#5363d2
```
#5363d2 rgb(83,99,210)
```
#8353d2
```
#8353d2 rgb(131,83,210)
```

Analogous Color

#a3d253
```
#a3d253 rgb(163,210,83)
```
#5363d2
```
#5363d2 rgb(83,99,210)
```
#d28353
```
#d28353 rgb(210,131,83)
```

Split Complementary Color

#63d253
```
#63d253 rgb(99,210,83)
```
#5363d2
```
#5363d2 rgb(83,99,210)
```
#d25363
```
#d25363 rgb(210,83,99)
```

Triadic Color

#53d2c2
```
#53d2c2 rgb(83,210,194)
```
#5363d2
```
#5363d2 rgb(83,99,210)
```
#d25363
```
#d25363 rgb(210,83,99)
```
#d2c253
```
#d2c253 rgb(210,194,83)
```

Tetradic Color

#2d3dac
```
#2d3dac rgb(45,61,172)
```
#3244c0
```
#3244c0 rgb(50,68,192)
```
#3f51cd
```
#3f51cd rgb(63,81,205)
```
#5363d2
```
#5363d2 rgb(83,99,210)
```
#6775d7
```
#6775d7 rgb(103,117,215)
```
#7b88dd
```
#7b88dd rgb(123,136,221)
```
#909ae2
```
#909ae2 rgb(144,154,226)
```

Monochromatic Color

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

#5383d2
```
#5383d2 rgb(83,131,210)
```
#5378d2
```
#5378d2 rgb(83,120,210)
```
#536ed2
```
#536ed2 rgb(83,110,210)
```
#5363d2
```
#5363d2 rgb(83,99,210)
```
#5358d2
```
#5358d2 rgb(83,88,210)
```
#5853d2
```
#5853d2 rgb(88,83,210)
```
#6353d2
```
#6353d2 rgb(99,83,210)
```

Similar Colors

Text with hexadecimal color #5363d2

This text has a font color of #5363d2.

<span style="color:#5363d2;">Text here</span>

#5363d2 background color

This paragraph has a background color of #5363d2.

<p style="background-color:#5363d2;">Content here</p>

#5363d2 border color

This element has a border color of #5363d2.

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

CSS codes

.text {color:#5363d2;}

.background {background-color:#5363d2;}

.border {border:1px solid #5363d2;}

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, #04050f is the darkest color, while #fefeff is the lightest one.

#04050f
```
#04050f rgb(4,5,15)
```
#080b1e
```
#080b1e rgb(8,11,30)
```
#0c102e
```
#0c102e rgb(12,16,46)
```
#10163d
```
#10163d rgb(16,22,61)
```
#141b4d
```
#141b4d rgb(20,27,77)
```
#18215c
```
#18215c rgb(24,33,92)
```
#1c266c
```
#1c266c rgb(28,38,108)
```
#202c7b
```
#202c7b rgb(32,44,123)
```
#24318b
```
#24318b rgb(36,49,139)
```
#28379b
```
#28379b rgb(40,55,155)
```
#2c3caa
```
#2c3caa rgb(44,60,170)
```
#3142ba
```
#3142ba rgb(49,66,186)
```
#3547c9
```
#3547c9 rgb(53,71,201)
```

Shade Color Variation

#4355ce
```
#4355ce rgb(67,85,206)
```
#5363d2
```
#5363d2 rgb(83,99,210)
```
#6371d6
```
#6371d6 rgb(99,113,214)
```
#727fda
```
#727fda rgb(114,127,218)
```
#828dde
```
#828dde rgb(130,141,222)
```
#919be2
```
#919be2 rgb(145,155,226)
```
#a1aae6
```
#a1aae6 rgb(161,170,230)
```
#b0b8ea
```
#b0b8ea rgb(176,184,234)
```
#c0c6ee
```
#c0c6ee rgb(192,198,238)
```
#cfd4f3
```
#cfd4f3 rgb(207,212,243)
```
#dfe2f7
```
#dfe2f7 rgb(223,226,247)
```
#eef0fb
```
#eef0fb rgb(238,240,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8d8f98
```
#8d8f98 rgb(141,143,152)
```
#8588a0
```
#8588a0 rgb(133,136,160)
```
#7d82a8
```
#7d82a8 rgb(125,130,168)
```
#747cb1
```
#747cb1 rgb(116,124,177)
```
#6c76b9
```
#6c76b9 rgb(108,118,185)
```
#646fc1
```
#646fc1 rgb(100,111,193)
```
#5b69ca
```
#5b69ca rgb(91,105,202)
```
#5363d2
```
#5363d2 rgb(83,99,210)
```
#4b5dda
```
#4b5dda rgb(75,93,218)
```
#4257e3
```
#4257e3 rgb(66,87,227)
```
#3a50eb
```
#3a50eb rgb(58,80,235)
```
#324af3
```
#324af3 rgb(50,74,243)
```
#2944fc
```
#2944fc rgb(41,68,252)
```

Tone Color Variation

Below, you can see how #5363d2 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

#6b6b6b Achromatopsia 0.005% of the population
#666980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2471da Protanopia 1% of men
#0077c4 Deuteranopia 1% of men
#297f88 Tritanopia 0.001% of the population

Trichromacy

#356cd7 Protanomaly 1% of men, 0.01% of women
#1e6fc9 Deuteranomaly 6% of men, 0.4% of women
#3875a3 Tritanomaly 0.01% of the population

#5363d2 hex color

#5363d2 Color Information

#5363d2 Color Conversion

Color Schemes with #5363d2

Alternatives to #5363d2

#5363d2 Preview

Shades and Tints of #5363d2

Tones of #5363d2

Color Blindness Simulator