#5368dd hex color

In a RGB color space, hex #5368dd is composed of 32.5% red, 40.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 52.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 230.9 degrees, a saturation of 67% and a lightness of 59.6%. #5368dd color hex could be obtained by blending #a6d0ff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 41
- B 87
RGB color chart
- C 62
- M 53
- Y 0
- K 13
CMYK color chart

● #5368dd color description : Soft blue.

The hexadecimal color #5368dd has RGB values of R:83, G:104, B:221 and CMYK values of C:0.62, M:0.53, Y:0, K:0.13. Its decimal value is 5466333.

Hex triplet	5368dd	`#5368dd`
RGB Decimal	83, 104, 221	`rgb(83,104,221)`
RGB Percent	32.5, 40.8, 86.7	`rgb(32.5%,40.8%,86.7%)`
CMYK	62, 53, 0, 13
HSL	230.9°, 67, 59.6	`hsl(230.9,67%,59.6%)`
HSV (or HSB)	230.9°, 62.4, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.208, 28.203, -62.352
XYZ	21.566, 16.959, 70.54
xyY	0.198, 0.155, 16.959
CIE-LCH	48.208, 68.434, 294.338
CIE-LUV	48.208, -13.106, -97.323
Hunter-Lab	41.181, 21.411, -72.731
Binary	01010011, 01101000, 11011101

#5368dd
```
#5368dd rgb(83,104,221)
```
#ddc853
```
#ddc853 rgb(221,200,83)
```

Complementary Color

#53addd
```
#53addd rgb(83,173,221)
```
#5368dd
```
#5368dd rgb(83,104,221)
```
#8353dd
```
#8353dd rgb(131,83,221)
```

Analogous Color

#addd53
```
#addd53 rgb(173,221,83)
```
#5368dd
```
#5368dd rgb(83,104,221)
```
#dd8353
```
#dd8353 rgb(221,131,83)
```

Split Complementary Color

#68dd53
```
#68dd53 rgb(104,221,83)
```
#5368dd
```
#5368dd rgb(83,104,221)
```
#dd5368
```
#dd5368 rgb(221,83,104)
```

Triadic Color

#53ddc8
```
#53ddc8 rgb(83,221,200)
```
#5368dd
```
#5368dd rgb(83,104,221)
```
#dd5368
```
#dd5368 rgb(221,83,104)
```
#ddc853
```
#ddc853 rgb(221,200,83)
```

Tetradic Color

#263dbe
```
#263dbe rgb(38,61,190)
```
#2a44d3
```
#2a44d3 rgb(42,68,211)
```
#3e55d9
```
#3e55d9 rgb(62,85,217)
```
#5368dd
```
#5368dd rgb(83,104,221)
```
#687be1
```
#687be1 rgb(104,123,225)
```
#7e8de5
```
#7e8de5 rgb(126,141,229)
```
#93a0ea
```
#93a0ea rgb(147,160,234)
```

Monochromatic Color

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

#538bdd
```
#538bdd rgb(83,139,221)
```
#537fdd
```
#537fdd rgb(83,127,221)
```
#5374dd
```
#5374dd rgb(83,116,221)
```
#5368dd
```
#5368dd rgb(83,104,221)
```
#535ddd
```
#535ddd rgb(83,93,221)
```
#5553dd
```
#5553dd rgb(85,83,221)
```
#6153dd
```
#6153dd rgb(97,83,221)
```

Similar Colors

Text with hexadecimal color #5368dd

This text has a font color of #5368dd.

<span style="color:#5368dd;">Text here</span>

#5368dd background color

This paragraph has a background color of #5368dd.

<p style="background-color:#5368dd;">Content here</p>

#5368dd border color

This element has a border color of #5368dd.

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

CSS codes

.text {color:#5368dd;}

.background {background-color:#5368dd;}

.border {border:1px solid #5368dd;}

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

#020308
```
#020308 rgb(2,3,8)
```
#050819
```
#050819 rgb(5,8,25)
```
#080d29
```
#080d29 rgb(8,13,41)
```
#0b1239
```
#0b1239 rgb(11,18,57)
```
#0f184a
```
#0f184a rgb(15,24,74)
```
#121d5a
```
#121d5a rgb(18,29,90)
```
#15226a
```
#15226a rgb(21,34,106)
```
#18277b
```
#18277b rgb(24,39,123)
```
#1c2d8b
```
#1c2d8b rgb(28,45,139)
```
#1f329c
```
#1f329c rgb(31,50,156)
```
#2237ac
```
#2237ac rgb(34,55,172)
```
#253cbc
```
#253cbc rgb(37,60,188)
```
#2841cd
```
#2841cd rgb(40,65,205)
```

Shade Color Variation

#324bd7
```
#324bd7 rgb(50,75,215)
```
#435ada
```
#435ada rgb(67,90,218)
```
#5368dd
```
#5368dd rgb(83,104,221)
```
#6376e0
```
#6376e0 rgb(99,118,224)
```
#7485e3
```
#7485e3 rgb(116,133,227)
```
#8493e7
```
#8493e7 rgb(132,147,231)
```
#95a2ea
```
#95a2ea rgb(149,162,234)
```
#a5b0ed
```
#a5b0ed rgb(165,176,237)
```
#b5bef0
```
#b5bef0 rgb(181,190,240)
```
#c6cdf4
```
#c6cdf4 rgb(198,205,244)
```
#d6dbf7
```
#d6dbf7 rgb(214,219,247)
```
#e6e9fa
```
#e6e9fa rgb(230,233,250)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92949e is the less saturated color, while #3352fd is the most saturated one.

#92949e
```
#92949e rgb(146,148,158)
```
#8a8fa6
```
#8a8fa6 rgb(138,143,166)
```
#8389ad
```
#8389ad rgb(131,137,173)
```
#7b84b5
```
#7b84b5 rgb(123,132,181)
```
#737ebd
```
#737ebd rgb(115,126,189)
```
#6b79c5
```
#6b79c5 rgb(107,121,197)
```
#6373cd
```
#6373cd rgb(99,115,205)
```
#5b6ed5
```
#5b6ed5 rgb(91,110,213)
```
#5368dd
```
#5368dd rgb(83,104,221)
```
#4b62e5
```
#4b62e5 rgb(75,98,229)
```
#435ded
```
#435ded rgb(67,93,237)
```
#3b57f5
```
#3b57f5 rgb(59,87,245)
```
#3352fd
```
#3352fd rgb(51,82,253)
```

Tone Color Variation

Below, you can see how #5368dd 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

#6f6f6f Achromatopsia 0.005% of the population
#696e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2076e4 Protanopia 1% of men
#007ccc Deuteranopia 1% of men
#17858f Tritanopia 0.001% of the population

Trichromacy

#3370e1 Protanomaly 1% of men, 0.01% of women
#1e74d2 Deuteranomaly 6% of men, 0.4% of women
#2d7aab Tritanomaly 0.01% of the population

#5368dd hex color

#5368dd Color Information

#5368dd Color Conversion

Color Schemes with #5368dd

Alternatives to #5368dd

#5368dd Preview

Shades and Tints of #5368dd

Tones of #5368dd

Color Blindness Simulator