#5186bc hex color

In a RGB color space, hex #5186bc is composed of 31.8% red, 52.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 28.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 210.3 degrees, a saturation of 44.4% and a lightness of 52.7%. #5186bc color hex could be obtained by blending #a2ffff with #000d79. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 53
- B 74
RGB color chart
- C 57
- M 29
- Y 0
- K 26
CMYK color chart

● #5186bc color description : Moderate blue.

The hexadecimal color #5186bc has RGB values of R:81, G:134, B:188 and CMYK values of C:0.57, M:0.29, Y:0, K:0.26. Its decimal value is 5342908.

Hex triplet	5186bc	`#5186bc`
RGB Decimal	81, 134, 188	`rgb(81,134,188)`
RGB Percent	31.8, 52.5, 73.7	`rgb(31.8%,52.5%,73.7%)`
CMYK	57, 29, 0, 26
HSL	210.3°, 44.4, 52.7	`hsl(210.3,44.4%,52.7%)`
HSV (or HSB)	210.3°, 56.9, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.479, -1.551, -33.6
XYZ	20.993, 22.429, 50.797
xyY	0.223, 0.238, 22.429
CIE-LCH	54.479, 33.636, 267.358
CIE-LUV	54.479, -23.462, -51.269
Hunter-Lab	47.359, -3.754, -30.442
Binary	01010001, 10000110, 10111100

#5186bc
```
#5186bc rgb(81,134,188)
```
#bc8751
```
#bc8751 rgb(188,135,81)
```

Complementary Color

#51bcbc
```
#51bcbc rgb(81,188,188)
```
#5186bc
```
#5186bc rgb(81,134,188)
```
#5251bc
```
#5251bc rgb(82,81,188)
```

Analogous Color

#bcbc51
```
#bcbc51 rgb(188,188,81)
```
#5186bc
```
#5186bc rgb(81,134,188)
```
#bc5251
```
#bc5251 rgb(188,82,81)
```

Split Complementary Color

#86bc51
```
#86bc51 rgb(134,188,81)
```
#5186bc
```
#5186bc rgb(81,134,188)
```
#bc5186
```
#bc5186 rgb(188,81,134)
```

Triadic Color

#51bc87
```
#51bc87 rgb(81,188,135)
```
#5186bc
```
#5186bc rgb(81,134,188)
```
#bc5186
```
#bc5186 rgb(188,81,134)
```
#bc8751
```
#bc8751 rgb(188,135,81)
```

Tetradic Color

#36608b
```
#36608b rgb(54,96,139)
```
#3d6d9d
```
#3d6d9d rgb(61,109,157)
```
#4479b0
```
#4479b0 rgb(68,121,176)
```
#5186bc
```
#5186bc rgb(81,134,188)
```
#6393c3
```
#6393c3 rgb(99,147,195)
```
#76a0ca
```
#76a0ca rgb(118,160,202)
```
#88acd1
```
#88acd1 rgb(136,172,209)
```

Monochromatic Color

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

#51a1bc
```
#51a1bc rgb(81,161,188)
```
#5198bc
```
#5198bc rgb(81,152,188)
```
#518fbc
```
#518fbc rgb(81,143,188)
```
#5186bc
```
#5186bc rgb(81,134,188)
```
#517dbc
```
#517dbc rgb(81,125,188)
```
#5174bc
```
#5174bc rgb(81,116,188)
```
#516bbc
```
#516bbc rgb(81,107,188)
```

Similar Colors

Text with hexadecimal color #5186bc

This text has a font color of #5186bc.

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

#5186bc background color

This paragraph has a background color of #5186bc.

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

#5186bc border color

This element has a border color of #5186bc.

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

CSS codes

.text {color:#5186bc;}

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

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

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, #04070a is the darkest color, while #fbfcfd is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#091118
```
#091118 rgb(9,17,24)
```
#0f1b26
```
#0f1b26 rgb(15,27,38)
```
#142435
```
#142435 rgb(20,36,53)
```
#1a2e43
```
#1a2e43 rgb(26,46,67)
```
#1f3851
```
#1f3851 rgb(31,56,81)
```
#25425f
```
#25425f rgb(37,66,95)
```
#2a4b6d
```
#2a4b6d rgb(42,75,109)
```
#30557b
```
#30557b rgb(48,85,123)
```
#355f8a
```
#355f8a rgb(53,95,138)
```
#3a6998
```
#3a6998 rgb(58,105,152)
```
#4072a6
```
#4072a6 rgb(64,114,166)
```
#457cb4
```
#457cb4 rgb(69,124,180)
```

Shade Color Variation

#5186bc
```
#5186bc rgb(81,134,188)
```
#5f90c1
```
#5f90c1 rgb(95,144,193)
```
#6d9ac7
```
#6d9ac7 rgb(109,154,199)
```
#7ba4cc
```
#7ba4cc rgb(123,164,204)
```
#8aadd2
```
#8aadd2 rgb(138,173,210)
```
#98b7d7
```
#98b7d7 rgb(152,183,215)
```
#a6c1dd
```
#a6c1dd rgb(166,193,221)
```
#b4cbe2
```
#b4cbe2 rgb(180,203,226)
```
#c2d5e8
```
#c2d5e8 rgb(194,213,232)
```
#d0dfed
```
#d0dfed rgb(208,223,237)
```
#dfe8f3
```
#dfe8f3 rgb(223,232,243)
```
#edf2f8
```
#edf2f8 rgb(237,242,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f868e is the less saturated color, while #1085fd is the most saturated one.

#7f868e
```
#7f868e rgb(127,134,142)
```
#768697
```
#768697 rgb(118,134,151)
```
#6d86a0
```
#6d86a0 rgb(109,134,160)
```
#6486a9
```
#6486a9 rgb(100,134,169)
```
#5a86b3
```
#5a86b3 rgb(90,134,179)
```
#5186bc
```
#5186bc rgb(81,134,188)
```
#4886c5
```
#4886c5 rgb(72,134,197)
```
#3e86cf
```
#3e86cf rgb(62,134,207)
```
#3586d8
```
#3586d8 rgb(53,134,216)
```
#2c86e1
```
#2c86e1 rgb(44,134,225)
```
#2386ea
```
#2386ea rgb(35,134,234)
```
#1985f4
```
#1985f4 rgb(25,133,244)
```
#1085fd
```
#1085fd rgb(16,133,253)
```

Tone Color Variation

Below, you can see how #5186bc 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

#7c7c7c Achromatopsia 0.005% of the population
#737e89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7787bb Protanopia 1% of men
#6f87c1 Deuteranopia 1% of men
#48939d Tritanopia 0.001% of the population

Trichromacy

#6986bb Protanomaly 1% of men, 0.01% of women
#6487bf Deuteranomaly 6% of men, 0.4% of women
#4b8ea8 Tritanomaly 0.01% of the population

#5186bc hex color

#5186bc Color Information

#5186bc Color Conversion

Color Schemes with #5186bc

Alternatives to #5186bc

#5186bc Preview

Shades and Tints of #5186bc

Tones of #5186bc

Color Blindness Simulator