#5387dd hex color

In a RGB color space, hex #5387dd is composed of 32.5% red, 52.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 38.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 217.4 degrees, a saturation of 67% and a lightness of 59.6%. #5387dd color hex could be obtained by blending #a6ffff with #000fbb. Closest websafe color is: #6699cc.

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

● #5387dd color description : Soft blue.

The hexadecimal color #5387dd has RGB values of R:83, G:135, B:221 and CMYK values of C:0.62, M:0.39, Y:0, K:0.13. Its decimal value is 5474269.

Hex triplet	5387dd	`#5387dd`
RGB Decimal	83, 135, 221	`rgb(83,135,221)`
RGB Percent	32.5, 52.9, 86.7	`rgb(32.5%,52.9%,86.7%)`
CMYK	62, 39, 0, 13
HSL	217.4°, 67, 59.6	`hsl(217.4,67%,59.6%)`
HSV (or HSB)	217.4°, 62.4, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.472, 9.169, -49.111
XYZ	25.279, 24.386, 71.777
xyY	0.208, 0.201, 24.386
CIE-LCH	56.472, 49.96, 280.575
CIE-LUV	56.472, -22.823, -78.119
Hunter-Lab	49.382, 4.959, -51.611
Binary	01010011, 10000111, 11011101

#5387dd
```
#5387dd rgb(83,135,221)
```
#dda953
```
#dda953 rgb(221,169,83)
```

Complementary Color

#53ccdd
```
#53ccdd rgb(83,204,221)
```
#5387dd
```
#5387dd rgb(83,135,221)
```
#6453dd
```
#6453dd rgb(100,83,221)
```

Analogous Color

#ccdd53
```
#ccdd53 rgb(204,221,83)
```
#5387dd
```
#5387dd rgb(83,135,221)
```
#dd6453
```
#dd6453 rgb(221,100,83)
```

Split Complementary Color

#87dd53
```
#87dd53 rgb(135,221,83)
```
#5387dd
```
#5387dd rgb(83,135,221)
```
#dd5387
```
#dd5387 rgb(221,83,135)
```

Triadic Color

#53dda9
```
#53dda9 rgb(83,221,169)
```
#5387dd
```
#5387dd rgb(83,135,221)
```
#dd5387
```
#dd5387 rgb(221,83,135)
```
#dda953
```
#dda953 rgb(221,169,83)
```

Tetradic Color

#265fbe
```
#265fbe rgb(38,95,190)
```
#2a6ad3
```
#2a6ad3 rgb(42,106,211)
```
#3e78d9
```
#3e78d9 rgb(62,120,217)
```
#5387dd
```
#5387dd rgb(83,135,221)
```
#6896e1
```
#6896e1 rgb(104,150,225)
```
#7ea5e5
```
#7ea5e5 rgb(126,165,229)
```
#93b4ea
```
#93b4ea rgb(147,180,234)
```

Monochromatic Color

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

#53aadd
```
#53aadd rgb(83,170,221)
```
#539edd
```
#539edd rgb(83,158,221)
```
#5393dd
```
#5393dd rgb(83,147,221)
```
#5387dd
```
#5387dd rgb(83,135,221)
```
#537cdd
```
#537cdd rgb(83,124,221)
```
#5370dd
```
#5370dd rgb(83,112,221)
```
#5365dd
```
#5365dd rgb(83,101,221)
```

Similar Colors

Text with hexadecimal color #5387dd

This text has a font color of #5387dd.

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

#5387dd background color

This paragraph has a background color of #5387dd.

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

#5387dd border color

This element has a border color of #5387dd.

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

CSS codes

.text {color:#5387dd;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#050c19
```
#050c19 rgb(5,12,25)
```
#081429
```
#081429 rgb(8,20,41)
```
#0b1d39
```
#0b1d39 rgb(11,29,57)
```
#0f254a
```
#0f254a rgb(15,37,74)
```
#122d5a
```
#122d5a rgb(18,45,90)
```
#15356a
```
#15356a rgb(21,53,106)
```
#183d7b
```
#183d7b rgb(24,61,123)
```
#1c468b
```
#1c468b rgb(28,70,139)
```
#1f4e9c
```
#1f4e9c rgb(31,78,156)
```
#2256ac
```
#2256ac rgb(34,86,172)
```
#255ebc
```
#255ebc rgb(37,94,188)
```
#2866cd
```
#2866cd rgb(40,102,205)
```

Shade Color Variation

#3270d7
```
#3270d7 rgb(50,112,215)
```
#437cda
```
#437cda rgb(67,124,218)
```
#5387dd
```
#5387dd rgb(83,135,221)
```
#6392e0
```
#6392e0 rgb(99,146,224)
```
#749ee3
```
#749ee3 rgb(116,158,227)
```
#84a9e7
```
#84a9e7 rgb(132,169,231)
```
#95b5ea
```
#95b5ea rgb(149,181,234)
```
#a5c0ed
```
#a5c0ed rgb(165,192,237)
```
#b5ccf0
```
#b5ccf0 rgb(181,204,240)
```
#c6d7f4
```
#c6d7f4 rgb(198,215,244)
```
#d6e2f7
```
#d6e2f7 rgb(214,226,247)
```
#e6eefa
```
#e6eefa rgb(230,238,250)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#92979e
```
#92979e rgb(146,151,158)
```
#8a95a6
```
#8a95a6 rgb(138,149,166)
```
#8393ad
```
#8393ad rgb(131,147,173)
```
#7b91b5
```
#7b91b5 rgb(123,145,181)
```
#738fbd
```
#738fbd rgb(115,143,189)
```
#6b8dc5
```
#6b8dc5 rgb(107,141,197)
```
#638bcd
```
#638bcd rgb(99,139,205)
```
#5b89d5
```
#5b89d5 rgb(91,137,213)
```
#5387dd
```
#5387dd rgb(83,135,221)
```
#4b85e5
```
#4b85e5 rgb(75,133,229)
```
#4383ed
```
#4383ed rgb(67,131,237)
```
#3b81f5
```
#3b81f5 rgb(59,129,245)
```
#337ffd
```
#337ffd rgb(51,127,253)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#788293 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a8adc Protanopia 1% of men
#548ede Deuteranopia 1% of men
#339aa5 Tritanopia 0.001% of the population

Trichromacy

#6189dc Protanomaly 1% of men, 0.01% of women
#548bdd Deuteranomaly 6% of men, 0.4% of women
#3f93b9 Tritanomaly 0.01% of the population

#5387dd hex color

#5387dd Color Information

#5387dd Color Conversion

Color Schemes with #5387dd

Alternatives to #5387dd

#5387dd Preview

Shades and Tints of #5387dd

Tones of #5387dd

Color Blindness Simulator