#5386d5 hex color

In a RGB color space, hex #5386d5 is composed of 32.5% red, 52.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 37.1% magenta, 0% yellow and 16.5% black. It has a hue angle of 216.5 degrees, a saturation of 60.7% and a lightness of 58%. #5386d5 color hex could be obtained by blending #a6ffff with #000dab. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 53
- B 84
RGB color chart
- C 61
- M 37
- Y 0
- K 16
CMYK color chart

● #5386d5 color description : Moderate blue.

The hexadecimal color #5386d5 has RGB values of R:83, G:134, B:213 and CMYK values of C:0.61, M:0.37, Y:0, K:0.16. Its decimal value is 5474005.

Hex triplet	5386d5	`#5386d5`
RGB Decimal	83, 134, 213	`rgb(83,134,213)`
RGB Percent	32.5, 52.5, 83.5	`rgb(32.5%,52.5%,83.5%)`
CMYK	61, 37, 0, 16
HSL	216.5°, 60.7, 58	`hsl(216.5,60.7%,58%)`
HSV (or HSB)	216.5°, 61, 83.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.778, 7.08, -45.72
XYZ	24.1, 23.692, 66.25
xyY	0.211, 0.208, 23.692
CIE-LCH	55.778, 46.265, 278.803
CIE-LUV	55.778, -22.568, -72.205
Hunter-Lab	48.674, 3.2, -46.627
Binary	01010011, 10000110, 11010101

#5386d5
```
#5386d5 rgb(83,134,213)
```
#d5a253
```
#d5a253 rgb(213,162,83)
```

Complementary Color

#53c7d5
```
#53c7d5 rgb(83,199,213)
```
#5386d5
```
#5386d5 rgb(83,134,213)
```
#6153d5
```
#6153d5 rgb(97,83,213)
```

Analogous Color

#c7d553
```
#c7d553 rgb(199,213,83)
```
#5386d5
```
#5386d5 rgb(83,134,213)
```
#d56153
```
#d56153 rgb(213,97,83)
```

Split Complementary Color

#86d553
```
#86d553 rgb(134,213,83)
```
#5386d5
```
#5386d5 rgb(83,134,213)
```
#d55386
```
#d55386 rgb(213,83,134)
```

Triadic Color

#53d5a2
```
#53d5a2 rgb(83,213,162)
```
#5386d5
```
#5386d5 rgb(83,134,213)
```
#d55386
```
#d55386 rgb(213,83,134)
```
#d5a253
```
#d5a253 rgb(213,162,83)
```

Tetradic Color

#2b5fb0
```
#2b5fb0 rgb(43,95,176)
```
#306ac5
```
#306ac5 rgb(48,106,197)
```
#3f78d0
```
#3f78d0 rgb(63,120,208)
```
#5386d5
```
#5386d5 rgb(83,134,213)
```
#6794da
```
#6794da rgb(103,148,218)
```
#7ca3df
```
#7ca3df rgb(124,163,223)
```
#90b1e4
```
#90b1e4 rgb(144,177,228)
```

Monochromatic Color

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

#53a7d5
```
#53a7d5 rgb(83,167,213)
```
#539cd5
```
#539cd5 rgb(83,156,213)
```
#5391d5
```
#5391d5 rgb(83,145,213)
```
#5386d5
```
#5386d5 rgb(83,134,213)
```
#537bd5
```
#537bd5 rgb(83,123,213)
```
#5370d5
```
#5370d5 rgb(83,112,213)
```
#5366d5
```
#5366d5 rgb(83,102,213)
```

Similar Colors

Text with hexadecimal color #5386d5

This text has a font color of #5386d5.

<span style="color:#5386d5;">Text here</span>

#5386d5 background color

This paragraph has a background color of #5386d5.

<p style="background-color:#5386d5;">Content here</p>

#5386d5 border color

This element has a border color of #5386d5.

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

CSS codes

.text {color:#5386d5;}

.background {background-color:#5386d5;}

.border {border:1px solid #5386d5;}

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

#000101
```
#000101 rgb(0,1,1)
```
#040911
```
#040911 rgb(4,9,17)
```
#081221
```
#081221 rgb(8,18,33)
```
#0c1a31
```
#0c1a31 rgb(12,26,49)
```
#102340
```
#102340 rgb(16,35,64)
```
#142b50
```
#142b50 rgb(20,43,80)
```
#173460
```
#173460 rgb(23,52,96)
```
#1b3c70
```
#1b3c70 rgb(27,60,112)
```
#1f4580
```
#1f4580 rgb(31,69,128)
```
#234d8f
```
#234d8f rgb(35,77,143)
```
#27569f
```
#27569f rgb(39,86,159)
```
#2b5faf
```
#2b5faf rgb(43,95,175)
```
#2f67bf
```
#2f67bf rgb(47,103,191)
```

Shade Color Variation

#3370cd
```
#3370cd rgb(51,112,205)
```
#437bd1
```
#437bd1 rgb(67,123,209)
```
#5386d5
```
#5386d5 rgb(83,134,213)
```
#6391d9
```
#6391d9 rgb(99,145,217)
```
#739cdd
```
#739cdd rgb(115,156,221)
```
#82a7e1
```
#82a7e1 rgb(130,167,225)
```
#92b2e4
```
#92b2e4 rgb(146,178,228)
```
#a2bde8
```
#a2bde8 rgb(162,189,232)
```
#b2c9ec
```
#b2c9ec rgb(178,201,236)
```
#c1d4f0
```
#c1d4f0 rgb(193,212,240)
```
#d1dff4
```
#d1dff4 rgb(209,223,244)
```
#e1eaf8
```
#e1eaf8 rgb(225,234,248)
```
#f1f5fb
```
#f1f5fb rgb(241,245,251)
```

Tint Color Variation

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

#8d929b
```
#8d929b rgb(141,146,155)
```
#8491a4
```
#8491a4 rgb(132,145,164)
```
#7c8fac
```
#7c8fac rgb(124,143,172)
```
#748db4
```
#748db4 rgb(116,141,180)
```
#6c8bbc
```
#6c8bbc rgb(108,139,188)
```
#638ac5
```
#638ac5 rgb(99,138,197)
```
#5b88cd
```
#5b88cd rgb(91,136,205)
```
#5386d5
```
#5386d5 rgb(83,134,213)
```
#4b84dd
```
#4b84dd rgb(75,132,221)
```
#4382e5
```
#4382e5 rgb(67,130,229)
```
#3a81ee
```
#3a81ee rgb(58,129,238)
```
#327ff6
```
#327ff6 rgb(50,127,246)
```
#2a7dfe
```
#2a7dfe rgb(42,125,254)
```

Tone Color Variation

Below, you can see how #5386d5 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

#808080 Achromatopsia 0.005% of the population
#778191 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c89d4 Protanopia 1% of men
#5b8cd7 Deuteranopia 1% of men
#3a97a2 Tritanopia 0.001% of the population

Trichromacy

#6388d4 Protanomaly 1% of men, 0.01% of women
#588ad6 Deuteranomaly 6% of men, 0.4% of women
#4391b5 Tritanomaly 0.01% of the population

#5386d5 hex color

#5386d5 Color Information

#5386d5 Color Conversion

Color Schemes with #5386d5

Alternatives to #5386d5

#5386d5 Preview

Shades and Tints of #5386d5

Tones of #5386d5

Color Blindness Simulator