#5386ed hex color

In a RGB color space, hex #5386ed is composed of 32.5% red, 52.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 43.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 220.1 degrees, a saturation of 81.1% and a lightness of 62.7%. #5386ed color hex could be obtained by blending #a6ffff with #000ddb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 53
- B 93
RGB color chart
- C 65
- M 43
- Y 0
- K 7
CMYK color chart

● #5386ed color description : Soft blue.

The hexadecimal color #5386ed has RGB values of R:83, G:134, B:237 and CMYK values of C:0.65, M:0.43, Y:0, K:0.07. Its decimal value is 5474029.

Hex triplet	5386ed	`#5386ed`
RGB Decimal	83, 134, 237	`rgb(83,134,237)`
RGB Percent	32.5, 52.5, 92.9	`rgb(32.5%,52.5%,92.9%)`
CMYK	65, 43, 0, 7
HSL	220.1°, 81.1, 62.7	`hsl(220.1,81.1%,62.7%)`
HSV (or HSB)	220.1°, 65, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.077, 15.211, -57.069
XYZ	27.375, 25.002, 83.499
xyY	0.201, 0.184, 25.002
CIE-LCH	57.077, 59.062, 284.924
CIE-LUV	57.077, -22.354, -91.782
Hunter-Lab	50.002, 10.222, -64.008
Binary	01010011, 10000110, 11101101

#5386ed
```
#5386ed rgb(83,134,237)
```
#edba53
```
#edba53 rgb(237,186,83)
```

Complementary Color

#53d3ed
```
#53d3ed rgb(83,211,237)
```
#5386ed
```
#5386ed rgb(83,134,237)
```
#6d53ed
```
#6d53ed rgb(109,83,237)
```

Analogous Color

#d3ed53
```
#d3ed53 rgb(211,237,83)
```
#5386ed
```
#5386ed rgb(83,134,237)
```
#ed6d53
```
#ed6d53 rgb(237,109,83)
```

Split Complementary Color

#86ed53
```
#86ed53 rgb(134,237,83)
```
#5386ed
```
#5386ed rgb(83,134,237)
```
#ed5386
```
#ed5386 rgb(237,83,134)
```

Triadic Color

#53edba
```
#53edba rgb(83,237,186)
```
#5386ed
```
#5386ed rgb(83,134,237)
```
#ed5386
```
#ed5386 rgb(237,83,134)
```
#edba53
```
#edba53 rgb(237,186,83)
```

Tetradic Color

#1758dc
```
#1758dc rgb(23,88,220)
```
#2566e8
```
#2566e8 rgb(37,102,232)
```
#3c76eb
```
#3c76eb rgb(60,118,235)
```
#5386ed
```
#5386ed rgb(83,134,237)
```
#6a96ef
```
#6a96ef rgb(106,150,239)
```
#81a6f2
```
#81a6f2 rgb(129,166,242)
```
#98b7f4
```
#98b7f4 rgb(152,183,244)
```

Monochromatic Color

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

#53aded
```
#53aded rgb(83,173,237)
```
#53a0ed
```
#53a0ed rgb(83,160,237)
```
#5393ed
```
#5393ed rgb(83,147,237)
```
#5386ed
```
#5386ed rgb(83,134,237)
```
#5379ed
```
#5379ed rgb(83,121,237)
```
#536ced
```
#536ced rgb(83,108,237)
```
#5360ed
```
#5360ed rgb(83,96,237)
```

Similar Colors

Text with hexadecimal color #5386ed

This text has a font color of #5386ed.

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

#5386ed background color

This paragraph has a background color of #5386ed.

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

#5386ed border color

This element has a border color of #5386ed.

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

CSS codes

.text {color:#5386ed;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#020917
```
#020917 rgb(2,9,23)
```
#041029
```
#041029 rgb(4,16,41)
```
#06183b
```
#06183b rgb(6,24,59)
```
#081f4d
```
#081f4d rgb(8,31,77)
```
#0a265e
```
#0a265e rgb(10,38,94)
```
#0c2d70
```
#0c2d70 rgb(12,45,112)
```
#0e3482
```
#0e3482 rgb(14,52,130)
```
#0f3b94
```
#0f3b94 rgb(15,59,148)
```
#1142a5
```
#1142a5 rgb(17,66,165)
```
#1349b7
```
#1349b7 rgb(19,73,183)
```
#1551c9
```
#1551c9 rgb(21,81,201)
```
#1758db
```
#1758db rgb(23,88,219)
```

Shade Color Variation

#1e61e7
```
#1e61e7 rgb(30,97,231)
```
#2f6de9
```
#2f6de9 rgb(47,109,233)
```
#417aeb
```
#417aeb rgb(65,122,235)
```
#5386ed
```
#5386ed rgb(83,134,237)
```
#6592ef
```
#6592ef rgb(101,146,239)
```
#779ff1
```
#779ff1 rgb(119,159,241)
```
#88abf3
```
#88abf3 rgb(136,171,243)
```
#9ab8f4
```
#9ab8f4 rgb(154,184,244)
```
#acc4f6
```
#acc4f6 rgb(172,196,246)
```
#bed1f8
```
#bed1f8 rgb(190,209,248)
```
#cfddfa
```
#cfddfa rgb(207,221,250)
```
#e1eafc
```
#e1eafc rgb(225,234,252)
```
#f3f6fe
```
#f3f6fe rgb(243,246,254)
```

Tint Color Variation

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

#9c9fa4
```
#9c9fa4 rgb(156,159,164)
```
#959cab
```
#959cab rgb(149,156,171)
```
#8d9ab3
```
#8d9ab3 rgb(141,154,179)
```
#8697ba
```
#8697ba rgb(134,151,186)
```
#7f95c1
```
#7f95c1 rgb(127,149,193)
```
#7892c8
```
#7892c8 rgb(120,146,200)
```
#7090d0
```
#7090d0 rgb(112,144,208)
```
#698dd7
```
#698dd7 rgb(105,141,215)
```
#628bde
```
#628bde rgb(98,139,222)
```
#5a88e6
```
#5a88e6 rgb(90,136,230)
```
#5386ed
```
#5386ed rgb(83,134,237)
```
#4c84f4
```
#4c84f4 rgb(76,132,244)
```
#4481fc
```
#4481fc rgb(68,129,252)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#798397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e8bed Protanopia 1% of men
#3990eb Deuteranopia 1% of men
#159ca8 Tritanopia 0.001% of the population

Trichromacy

#5a89ed Protanomaly 1% of men, 0.01% of women
#438cec Deuteranomaly 6% of men, 0.4% of women
#2b94c1 Tritanomaly 0.01% of the population

#5386ed hex color

#5386ed Color Information

#5386ed Color Conversion

Color Schemes with #5386ed

Alternatives to #5386ed

#5386ed Preview

Shades and Tints of #5386ed

Tones of #5386ed

Color Blindness Simulator