#5186cc hex color

In a RGB color space, hex #5186cc is composed of 31.8% red, 52.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 34.3% magenta, 0% yellow and 20% black. It has a hue angle of 214.1 degrees, a saturation of 54.7% and a lightness of 55.9%. #5186cc color hex could be obtained by blending #a2ffff with #000d99. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 53
- B 80
RGB color chart
- C 60
- M 34
- Y 0
- K 20
CMYK color chart

● #5186cc color description : Moderate blue.

The hexadecimal color #5186cc has RGB values of R:81, G:134, B:204 and CMYK values of C:0.6, M:0.34, Y:0, K:0.2. Its decimal value is 5342924.

Hex triplet	5186cc	`#5186cc`
RGB Decimal	81, 134, 204	`rgb(81,134,204)`
RGB Percent	31.8, 52.5, 80	`rgb(31.8%,52.5%,80%)`
CMYK	60, 34, 0, 20
HSL	214.1°, 54.7, 55.9	`hsl(214.1,54.7%,55.9%)`
HSV (or HSB)	214.1°, 60.3, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.234, 3.695, -41.506
XYZ	22.815, 23.158, 60.391
xyY	0.215, 0.218, 23.158
CIE-LCH	55.234, 41.67, 275.088
CIE-LUV	55.234, -23.207, -64.856
Hunter-Lab	48.122, 0.413, -40.72
Binary	01010001, 10000110, 11001100

#5186cc
```
#5186cc rgb(81,134,204)
```
#cc9751
```
#cc9751 rgb(204,151,81)
```

Complementary Color

#51c4cc
```
#51c4cc rgb(81,196,204)
```
#5186cc
```
#5186cc rgb(81,134,204)
```
#5a51cc
```
#5a51cc rgb(90,81,204)
```

Analogous Color

#c4cc51
```
#c4cc51 rgb(196,204,81)
```
#5186cc
```
#5186cc rgb(81,134,204)
```
#cc5a51
```
#cc5a51 rgb(204,90,81)
```

Split Complementary Color

#86cc51
```
#86cc51 rgb(134,204,81)
```
#5186cc
```
#5186cc rgb(81,134,204)
```
#cc5186
```
#cc5186 rgb(204,81,134)
```

Triadic Color

#51cc97
```
#51cc97 rgb(81,204,151)
```
#5186cc
```
#5186cc rgb(81,134,204)
```
#cc5186
```
#cc5186 rgb(204,81,134)
```
#cc9751
```
#cc9751 rgb(204,151,81)
```

Tetradic Color

#2f60a1
```
#2f60a1 rgb(47,96,161)
```
#356cb5
```
#356cb5 rgb(53,108,181)
```
#3d78c6
```
#3d78c6 rgb(61,120,198)
```
#5186cc
```
#5186cc rgb(81,134,204)
```
#6594d2
```
#6594d2 rgb(101,148,210)
```
#78a1d8
```
#78a1d8 rgb(120,161,216)
```
#8cafdd
```
#8cafdd rgb(140,175,221)
```

Monochromatic Color

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

#51a5cc
```
#51a5cc rgb(81,165,204)
```
#519bcc
```
#519bcc rgb(81,155,204)
```
#5190cc
```
#5190cc rgb(81,144,204)
```
#5186cc
```
#5186cc rgb(81,134,204)
```
#517ccc
```
#517ccc rgb(81,124,204)
```
#5172cc
```
#5172cc rgb(81,114,204)
```
#5167cc
```
#5167cc rgb(81,103,204)
```

Similar Colors

Text with hexadecimal color #5186cc

This text has a font color of #5186cc.

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

#5186cc background color

This paragraph has a background color of #5186cc.

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

#5186cc border color

This element has a border color of #5186cc.

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

CSS codes

.text {color:#5186cc;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#070e17
```
#070e17 rgb(7,14,23)
```
#0b1726
```
#0b1726 rgb(11,23,38)
```
#102036
```
#102036 rgb(16,32,54)
```
#142945
```
#142945 rgb(20,41,69)
```
#193254
```
#193254 rgb(25,50,84)
```
#1d3b63
```
#1d3b63 rgb(29,59,99)
```
#214472
```
#214472 rgb(33,68,114)
```
#264d81
```
#264d81 rgb(38,77,129)
```
#2a5691
```
#2a5691 rgb(42,86,145)
```
#2f5fa0
```
#2f5fa0 rgb(47,95,160)
```
#3369af
```
#3369af rgb(51,105,175)
```
#3872be
```
#3872be rgb(56,114,190)
```

Shade Color Variation

#427bc8
```
#427bc8 rgb(66,123,200)
```
#5186cc
```
#5186cc rgb(81,134,204)
```
#6091d0
```
#6091d0 rgb(96,145,208)
```
#6f9bd5
```
#6f9bd5 rgb(111,155,213)
```
#7fa6d9
```
#7fa6d9 rgb(127,166,217)
```
#8eb0de
```
#8eb0de rgb(142,176,222)
```
#9dbbe2
```
#9dbbe2 rgb(157,187,226)
```
#acc5e7
```
#acc5e7 rgb(172,197,231)
```
#bbd0eb
```
#bbd0eb rgb(187,208,235)
```
#cadaf0
```
#cadaf0 rgb(202,218,240)
```
#dae5f4
```
#dae5f4 rgb(218,229,244)
```
#e9eff8
```
#e9eff8 rgb(233,239,248)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#858d98
```
#858d98 rgb(133,141,152)
```
#7c8ca1
```
#7c8ca1 rgb(124,140,161)
```
#748ba9
```
#748ba9 rgb(116,139,169)
```
#6b8ab2
```
#6b8ab2 rgb(107,138,178)
```
#6288bb
```
#6288bb rgb(98,136,187)
```
#5a87c3
```
#5a87c3 rgb(90,135,195)
```
#5186cc
```
#5186cc rgb(81,134,204)
```
#4885d5
```
#4885d5 rgb(72,133,213)
```
#4084dd
```
#4084dd rgb(64,132,221)
```
#3782e6
```
#3782e6 rgb(55,130,230)
```
#2e81ef
```
#2e81ef rgb(46,129,239)
```
#2680f7
```
#2680f7 rgb(38,128,247)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#75808e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7088cb Protanopia 1% of men
#638acf Deuteranopia 1% of men
#3e96a1 Tritanopia 0.001% of the population

Trichromacy

#6587cb Protanomaly 1% of men, 0.01% of women
#5c88ce Deuteranomaly 6% of men, 0.4% of women
#4590b0 Tritanomaly 0.01% of the population

#5186cc hex color

#5186cc Color Information

#5186cc Color Conversion

Color Schemes with #5186cc

Alternatives to #5186cc

#5186cc Preview

Shades and Tints of #5186cc

Tones of #5186cc

Color Blindness Simulator