#5387bc hex color

In a RGB color space, hex #5387bc is composed of 32.5% red, 52.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 28.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 210.3 degrees, a saturation of 43.9% and a lightness of 53.1%. #5387bc color hex could be obtained by blending #a6ffff with #000f79. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 53
- B 74
RGB color chart
- C 56
- M 28
- Y 0
- K 26
CMYK color chart

● #5387bc color description : Moderate blue.

The hexadecimal color #5387bc has RGB values of R:83, G:135, B:188 and CMYK values of C:0.56, M:0.28, Y:0, K:0.26. Its decimal value is 5474236.

Hex triplet	5387bc	`#5387bc`
RGB Decimal	83, 135, 188	`rgb(83,135,188)`
RGB Percent	32.5, 52.9, 73.7	`rgb(32.5%,52.9%,73.7%)`
CMYK	56, 28, 0, 26
HSL	210.3°, 43.9, 53.1	`hsl(210.3,43.9%,53.1%)`
HSV (or HSB)	210.3°, 55.9, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.862, -1.707, -32.995
XYZ	21.306, 22.797, 50.852
xyY	0.224, 0.24, 22.797
CIE-LCH	54.862, 33.039, 267.039
CIE-LUV	54.862, -23.261, -50.335
Hunter-Lab	47.746, -3.9, -29.725
Binary	01010011, 10000111, 10111100

#5387bc
```
#5387bc rgb(83,135,188)
```
#bc8853
```
#bc8853 rgb(188,136,83)
```

Complementary Color

#53bcbc
```
#53bcbc rgb(83,188,188)
```
#5387bc
```
#5387bc rgb(83,135,188)
```
#5453bc
```
#5453bc rgb(84,83,188)
```

Analogous Color

#bcbc53
```
#bcbc53 rgb(188,188,83)
```
#5387bc
```
#5387bc rgb(83,135,188)
```
#bc5453
```
#bc5453 rgb(188,84,83)
```

Split Complementary Color

#87bc53
```
#87bc53 rgb(135,188,83)
```
#5387bc
```
#5387bc rgb(83,135,188)
```
#bc5387
```
#bc5387 rgb(188,83,135)
```

Triadic Color

#53bc88
```
#53bc88 rgb(83,188,136)
```
#5387bc
```
#5387bc rgb(83,135,188)
```
#bc5387
```
#bc5387 rgb(188,83,135)
```
#bc8853
```
#bc8853 rgb(188,136,83)
```

Tetradic Color

#37618c
```
#37618c rgb(55,97,140)
```
#3e6e9e
```
#3e6e9e rgb(62,110,158)
```
#457ab1
```
#457ab1 rgb(69,122,177)
```
#5387bc
```
#5387bc rgb(83,135,188)
```
#6594c3
```
#6594c3 rgb(101,148,195)
```
#78a1ca
```
#78a1ca rgb(120,161,202)
```
#8aadd1
```
#8aadd1 rgb(138,173,209)
```

Monochromatic Color

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

#53a1bc
```
#53a1bc rgb(83,161,188)
```
#5399bc
```
#5399bc rgb(83,153,188)
```
#5390bc
```
#5390bc rgb(83,144,188)
```
#5387bc
```
#5387bc rgb(83,135,188)
```
#537ebc
```
#537ebc rgb(83,126,188)
```
#5376bc
```
#5376bc rgb(83,118,188)
```
#536dbc
```
#536dbc rgb(83,109,188)
```

Similar Colors

Text with hexadecimal color #5387bc

This text has a font color of #5387bc.

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

#5387bc background color

This paragraph has a background color of #5387bc.

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

#5387bc border color

This element has a border color of #5387bc.

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

CSS codes

.text {color:#5387bc;}

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

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

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, #04080c is the darkest color, while #fcfdfe is the lightest one.

#04080c
```
#04080c rgb(4,8,12)
```
#0a121a
```
#0a121a rgb(10,18,26)
```
#0f1b28
```
#0f1b28 rgb(15,27,40)
```
#152536
```
#152536 rgb(21,37,54)
```
#1a2f44
```
#1a2f44 rgb(26,47,68)
```
#203952
```
#203952 rgb(32,57,82)
```
#254360
```
#254360 rgb(37,67,96)
```
#2b4c6e
```
#2b4c6e rgb(43,76,110)
```
#30567c
```
#30567c rgb(48,86,124)
```
#36608b
```
#36608b rgb(54,96,139)
```
#3b6a99
```
#3b6a99 rgb(59,106,153)
```
#4173a7
```
#4173a7 rgb(65,115,167)
```
#467db5
```
#467db5 rgb(70,125,181)
```

Shade Color Variation

#5387bc
```
#5387bc rgb(83,135,188)
```
#6191c1
```
#6191c1 rgb(97,145,193)
```
#6f9bc7
```
#6f9bc7 rgb(111,155,199)
```
#7da5cc
```
#7da5cc rgb(125,165,204)
```
#8baed2
```
#8baed2 rgb(139,174,210)
```
#9ab8d7
```
#9ab8d7 rgb(154,184,215)
```
#a8c2dd
```
#a8c2dd rgb(168,194,221)
```
#b6cce2
```
#b6cce2 rgb(182,204,226)
```
#c4d6e8
```
#c4d6e8 rgb(196,214,232)
```
#d2e0ed
```
#d2e0ed rgb(210,224,237)
```
#e0e9f3
```
#e0e9f3 rgb(224,233,243)
```
#eef3f8
```
#eef3f8 rgb(238,243,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#81878e
```
#81878e rgb(129,135,142)
```
#788797
```
#788797 rgb(120,135,151)
```
#6f87a0
```
#6f87a0 rgb(111,135,160)
```
#6587aa
```
#6587aa rgb(101,135,170)
```
#5c87b3
```
#5c87b3 rgb(92,135,179)
```
#5387bc
```
#5387bc rgb(83,135,188)
```
#4a87c5
```
#4a87c5 rgb(74,135,197)
```
#4187ce
```
#4187ce rgb(65,135,206)
```
#3787d8
```
#3787d8 rgb(55,135,216)
```
#2e87e1
```
#2e87e1 rgb(46,135,225)
```
#2587ea
```
#2587ea rgb(37,135,234)
```
#1c86f3
```
#1c86f3 rgb(28,134,243)
```
#1386fc
```
#1386fc rgb(19,134,252)
```

Tone Color Variation

Below, you can see how #5387bc 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
#757f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7887bb Protanopia 1% of men
#7188c1 Deuteranopia 1% of men
#4b939e Tritanopia 0.001% of the population

Trichromacy

#6a87bb Protanomaly 1% of men, 0.01% of women
#6688bf Deuteranomaly 6% of men, 0.4% of women
#4e8fa9 Tritanomaly 0.01% of the population

#5387bc hex color

#5387bc Color Information

#5387bc Color Conversion

Color Schemes with #5387bc

Alternatives to #5387bc

#5387bc Preview

Shades and Tints of #5387bc

Tones of #5387bc

Color Blindness Simulator