#5386b9 hex color

In a RGB color space, hex #5386b9 is composed of 32.5% red, 52.5% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 27.6% magenta, 0% yellow and 27.5% black. It has a hue angle of 210 degrees, a saturation of 42.1% and a lightness of 52.5%. #5386b9 color hex could be obtained by blending #a6ffff with #000d73. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 53
- B 73
RGB color chart
- C 55
- M 28
- Y 0
- K 27
CMYK color chart

● #5386b9 color description : Moderate blue.

The hexadecimal color #5386b9 has RGB values of R:83, G:134, B:185 and CMYK values of C:0.55, M:0.28, Y:0, K:0.27. Its decimal value is 5473977.

Hex triplet	5386b9	`#5386b9`
RGB Decimal	83, 134, 185	`rgb(83,134,185)`
RGB Percent	32.5, 52.5, 72.5	`rgb(32.5%,52.5%,72.5%)`
CMYK	55, 28, 0, 27
HSL	210°, 42.1, 52.5	`hsl(210,42.1%,52.5%)`
HSV (or HSB)	210°, 55.1, 72.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.439, -2.08, -31.942
XYZ	20.847, 22.391, 49.12
xyY	0.226, 0.242, 22.391
CIE-LCH	54.439, 32.01, 266.274
CIE-LUV	54.439, -22.935, -48.517
Hunter-Lab	47.319, -4.166, -28.423
Binary	01010011, 10000110, 10111001

#5386b9
```
#5386b9 rgb(83,134,185)
```
#b98653
```
#b98653 rgb(185,134,83)
```

Complementary Color

#53b9b9
```
#53b9b9 rgb(83,185,185)
```
#5386b9
```
#5386b9 rgb(83,134,185)
```
#5353b9
```
#5353b9 rgb(83,83,185)
```

Analogous Color

#b9b953
```
#b9b953 rgb(185,185,83)
```
#5386b9
```
#5386b9 rgb(83,134,185)
```
#b95353
```
#b95353 rgb(185,83,83)
```

Split Complementary Color

#86b953
```
#86b953 rgb(134,185,83)
```
#5386b9
```
#5386b9 rgb(83,134,185)
```
#b95386
```
#b95386 rgb(185,83,134)
```

Triadic Color

#53b986
```
#53b986 rgb(83,185,134)
```
#5386b9
```
#5386b9 rgb(83,134,185)
```
#b95386
```
#b95386 rgb(185,83,134)
```
#b98653
```
#b98653 rgb(185,134,83)
```

Tetradic Color

#376088
```
#376088 rgb(55,96,136)
```
#3f6d9a
```
#3f6d9a rgb(63,109,154)
```
#4679ac
```
#4679ac rgb(70,121,172)
```
#5386b9
```
#5386b9 rgb(83,134,185)
```
#6593c0
```
#6593c0 rgb(101,147,192)
```
#77a0c8
```
#77a0c8 rgb(119,160,200)
```
#89accf
```
#89accf rgb(137,172,207)
```

Monochromatic Color

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

#53a0b9
```
#53a0b9 rgb(83,160,185)
```
#5397b9
```
#5397b9 rgb(83,151,185)
```
#538fb9
```
#538fb9 rgb(83,143,185)
```
#5386b9
```
#5386b9 rgb(83,134,185)
```
#537eb9
```
#537eb9 rgb(83,126,185)
```
#5375b9
```
#5375b9 rgb(83,117,185)
```
#536db9
```
#536db9 rgb(83,109,185)
```

Similar Colors

Text with hexadecimal color #5386b9

This text has a font color of #5386b9.

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

#5386b9 background color

This paragraph has a background color of #5386b9.

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

#5386b9 border color

This element has a border color of #5386b9.

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

CSS codes

.text {color:#5386b9;}

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

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

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

#040709
```
#040709 rgb(4,7,9)
```
#091017
```
#091017 rgb(9,16,23)
```
#0f1a25
```
#0f1a25 rgb(15,26,37)
```
#152433
```
#152433 rgb(21,36,51)
```
#1a2e41
```
#1a2e41 rgb(26,46,65)
```
#20384f
```
#20384f rgb(32,56,79)
```
#26415d
```
#26415d rgb(38,65,93)
```
#2b4b6b
```
#2b4b6b rgb(43,75,107)
```
#315579
```
#315579 rgb(49,85,121)
```
#375f87
```
#375f87 rgb(55,95,135)
```
#3c6995
```
#3c6995 rgb(60,105,149)
```
#4272a3
```
#4272a3 rgb(66,114,163)
```
#487cb1
```
#487cb1 rgb(72,124,177)
```

Shade Color Variation

#5386b9
```
#5386b9 rgb(83,134,185)
```
#6190bf
```
#6190bf rgb(97,144,191)
```
#6f9ac4
```
#6f9ac4 rgb(111,154,196)
```
#7da3ca
```
#7da3ca rgb(125,163,202)
```
#8badd0
```
#8badd0 rgb(139,173,208)
```
#99b7d5
```
#99b7d5 rgb(153,183,213)
```
#a7c1db
```
#a7c1db rgb(167,193,219)
```
#b5cbe1
```
#b5cbe1 rgb(181,203,225)
```
#c3d4e6
```
#c3d4e6 rgb(195,212,230)
```
#d0deec
```
#d0deec rgb(208,222,236)
```
#dee8f2
```
#dee8f2 rgb(222,232,242)
```
#ecf2f7
```
#ecf2f7 rgb(236,242,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82868a is the less saturated color, while #1286fa is the most saturated one.

#82868a
```
#82868a rgb(130,134,138)
```
#788694
```
#788694 rgb(120,134,148)
```
#6f869d
```
#6f869d rgb(111,134,157)
```
#6686a6
```
#6686a6 rgb(102,134,166)
```
#5c86b0
```
#5c86b0 rgb(92,134,176)
```
#5386b9
```
#5386b9 rgb(83,134,185)
```
#4a86c2
```
#4a86c2 rgb(74,134,194)
```
#4086cc
```
#4086cc rgb(64,134,204)
```
#3786d5
```
#3786d5 rgb(55,134,213)
```
#2e86de
```
#2e86de rgb(46,134,222)
```
#2486e8
```
#2486e8 rgb(36,134,232)
```
#1b86f1
```
#1b86f1 rgb(27,134,241)
```
#1286fa
```
#1286fa rgb(18,134,250)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#757f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7886b8 Protanopia 1% of men
#7187be Deuteranopia 1% of men
#4c929d Tritanopia 0.001% of the population

Trichromacy

#6a86b8 Protanomaly 1% of men, 0.01% of women
#6687bc Deuteranomaly 6% of men, 0.4% of women
#4f8da7 Tritanomaly 0.01% of the population

#5386b9 hex color

#5386b9 Color Information

#5386b9 Color Conversion

Color Schemes with #5386b9

Alternatives to #5386b9

#5386b9 Preview

Shades and Tints of #5386b9

Tones of #5386b9

Color Blindness Simulator