#5386d3 hex color

In a RGB color space, hex #5386d3 is composed of 32.5% red, 52.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 36.5% magenta, 0% yellow and 17.3% black. It has a hue angle of 216.1 degrees, a saturation of 59.3% and a lightness of 57.6%. #5386d3 color hex could be obtained by blending #a6ffff with #000da7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 53
- B 83
RGB color chart
- C 61
- M 36
- Y 0
- K 17
CMYK color chart

● #5386d3 color description : Moderate blue.

The hexadecimal color #5386d3 has RGB values of R:83, G:134, B:211 and CMYK values of C:0.61, M:0.36, Y:0, K:0.17. Its decimal value is 5474003.

Hex triplet	5386d3	`#5386d3`
RGB Decimal	83, 134, 211	`rgb(83,134,211)`
RGB Percent	32.5, 52.5, 82.7	`rgb(32.5%,52.5%,82.7%)`
CMYK	61, 36, 0, 17
HSL	216.1°, 59.3, 57.6	`hsl(216.1,59.3%,57.6%)`
HSV (or HSB)	216.1°, 60.7, 82.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.676, 6.412, -44.755
XYZ	23.848, 23.591, 64.921
xyY	0.212, 0.21, 23.591
CIE-LCH	55.676, 45.212, 278.153
CIE-LUV	55.676, -22.59, -70.539
Hunter-Lab	48.57, 2.643, -45.25
Binary	01010011, 10000110, 11010011

#5386d3
```
#5386d3 rgb(83,134,211)
```
#d3a053
```
#d3a053 rgb(211,160,83)
```

Complementary Color

#53c6d3
```
#53c6d3 rgb(83,198,211)
```
#5386d3
```
#5386d3 rgb(83,134,211)
```
#6053d3
```
#6053d3 rgb(96,83,211)
```

Analogous Color

#c6d353
```
#c6d353 rgb(198,211,83)
```
#5386d3
```
#5386d3 rgb(83,134,211)
```
#d36053
```
#d36053 rgb(211,96,83)
```

Split Complementary Color

#86d353
```
#86d353 rgb(134,211,83)
```
#5386d3
```
#5386d3 rgb(83,134,211)
```
#d35386
```
#d35386 rgb(211,83,134)
```

Triadic Color

#53d3a0
```
#53d3a0 rgb(83,211,160)
```
#5386d3
```
#5386d3 rgb(83,134,211)
```
#d35386
```
#d35386 rgb(211,83,134)
```
#d3a053
```
#d3a053 rgb(211,160,83)
```

Tetradic Color

#2c60ad
```
#2c60ad rgb(44,96,173)
```
#326bc2
```
#326bc2 rgb(50,107,194)
```
#3f78ce
```
#3f78ce rgb(63,120,206)
```
#5386d3
```
#5386d3 rgb(83,134,211)
```
#6794d8
```
#6794d8 rgb(103,148,216)
```
#7ca3dd
```
#7ca3dd rgb(124,163,221)
```
#90b1e3
```
#90b1e3 rgb(144,177,227)
```

Monochromatic Color

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

#53a6d3
```
#53a6d3 rgb(83,166,211)
```
#539bd3
```
#539bd3 rgb(83,155,211)
```
#5391d3
```
#5391d3 rgb(83,145,211)
```
#5386d3
```
#5386d3 rgb(83,134,211)
```
#537bd3
```
#537bd3 rgb(83,123,211)
```
#5371d3
```
#5371d3 rgb(83,113,211)
```
#5366d3
```
#5366d3 rgb(83,102,211)
```

Similar Colors

Text with hexadecimal color #5386d3

This text has a font color of #5386d3.

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

#5386d3 background color

This paragraph has a background color of #5386d3.

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

#5386d3 border color

This element has a border color of #5386d3.

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

CSS codes

.text {color:#5386d3;}

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

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

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

#04090f
```
#04090f rgb(4,9,15)
```
#08111f
```
#08111f rgb(8,17,31)
```
#0c1a2f
```
#0c1a2f rgb(12,26,47)
```
#10223e
```
#10223e rgb(16,34,62)
```
#142b4e
```
#142b4e rgb(20,43,78)
```
#18345e
```
#18345e rgb(24,52,94)
```
#1c3c6d
```
#1c3c6d rgb(28,60,109)
```
#20457d
```
#20457d rgb(32,69,125)
```
#244e8c
```
#244e8c rgb(36,78,140)
```
#28569c
```
#28569c rgb(40,86,156)
```
#2c5fac
```
#2c5fac rgb(44,95,172)
```
#3067bb
```
#3067bb rgb(48,103,187)
```
#3470cb
```
#3470cb rgb(52,112,203)
```

Shade Color Variation

#437bcf
```
#437bcf rgb(67,123,207)
```
#5386d3
```
#5386d3 rgb(83,134,211)
```
#6391d7
```
#6391d7 rgb(99,145,215)
```
#729cdb
```
#729cdb rgb(114,156,219)
```
#82a7df
```
#82a7df rgb(130,167,223)
```
#91b2e3
```
#91b2e3 rgb(145,178,227)
```
#a1bde7
```
#a1bde7 rgb(161,189,231)
```
#b1c8eb
```
#b1c8eb rgb(177,200,235)
```
#c0d3ef
```
#c0d3ef rgb(192,211,239)
```
#d0def3
```
#d0def3 rgb(208,222,243)
```
#e0e9f7
```
#e0e9f7 rgb(224,233,247)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8d9299
```
#8d9299 rgb(141,146,153)
```
#8590a1
```
#8590a1 rgb(133,144,161)
```
#7d8ea9
```
#7d8ea9 rgb(125,142,169)
```
#748db2
```
#748db2 rgb(116,141,178)
```
#6c8bba
```
#6c8bba rgb(108,139,186)
```
#6489c2
```
#6489c2 rgb(100,137,194)
```
#5b88cb
```
#5b88cb rgb(91,136,203)
```
#5386d3
```
#5386d3 rgb(83,134,211)
```
#4b84db
```
#4b84db rgb(75,132,219)
```
#4283e4
```
#4283e4 rgb(66,131,228)
```
#3a81ec
```
#3a81ec rgb(58,129,236)
```
#327ff4
```
#327ff4 rgb(50,127,244)
```
#297efd
```
#297efd rgb(41,126,253)
```

Tone Color Variation

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

#6d89d2 Protanopia 1% of men
#5d8cd5 Deuteranopia 1% of men
#3c97a2 Tritanopia 0.001% of the population

Trichromacy

#6488d2 Protanomaly 1% of men, 0.01% of women
#5989d4 Deuteranomaly 6% of men, 0.4% of women
#4491b4 Tritanomaly 0.01% of the population

#5386d3 hex color

#5386d3 Color Information

#5386d3 Color Conversion

Color Schemes with #5386d3

Alternatives to #5386d3

#5386d3 Preview

Shades and Tints of #5386d3

Tones of #5386d3

Color Blindness Simulator