colorhexa.com

#5188c8 hex color

In a RGB color space, hex #5188c8 is composed of 31.8% red, 53.3% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 32% magenta, 0% yellow and 21.6% black. It has a hue angle of 212.3 degrees, a saturation of 52% and a lightness of 55.1%. #5188c8 color hex could be obtained by blending #a2ffff with #001191. Closest websafe color is: #6699cc.

- R 32
- G 53
- B 78
RGB color chart
- C 60
- M 32
- Y 0
- K 22
CMYK color chart

● #5188c8 color description : Moderate blue.

The hexadecimal color #5188c8 has RGB values of R:81, G:136, B:200 and CMYK values of C:0.6, M:0.32, Y:0, K:0.22. Its decimal value is 5343432.

Hex triplet	5188c8	`#5188c8`
RGB Decimal	81, 136, 200	`rgb(81,136,200)`
RGB Percent	31.8, 53.3, 78.4	`rgb(31.8%,53.3%,78.4%)`
CMYK	60, 32, 0, 22
HSL	212.3°, 52, 55.1	`hsl(212.3,52%,55.1%)`
HSV (or HSB)	212.3°, 59.5, 78.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.61, 1.189, -38.65
XYZ	22.62, 23.526, 57.989
xyY	0.217, 0.226, 23.526
CIE-LCH	55.61, 38.668, 271.761
CIE-LUV	55.61, -23.982, -60.002
Hunter-Lab	48.504, -1.636, -36.932
Binary	01010001, 10001000, 11001000

#5188c8
```
#5188c8 rgb(81,136,200)
```
#c89151
```
#c89151 rgb(200,145,81)
```

Complementary Color

#51c4c8
```
#51c4c8 rgb(81,196,200)
```
#5188c8
```
#5188c8 rgb(81,136,200)
```
#5651c8
```
#5651c8 rgb(86,81,200)
```

Analogous Color

#c4c851
```
#c4c851 rgb(196,200,81)
```
#5188c8
```
#5188c8 rgb(81,136,200)
```
#c85651
```
#c85651 rgb(200,86,81)
```

Split Complementary Color

#88c851
```
#88c851 rgb(136,200,81)
```
#5188c8
```
#5188c8 rgb(81,136,200)
```
#c85188
```
#c85188 rgb(200,81,136)
```

Triadic Color

#51c891
```
#51c891 rgb(81,200,145)
```
#5188c8
```
#5188c8 rgb(81,136,200)
```
#c85188
```
#c85188 rgb(200,81,136)
```
#c89151
```
#c89151 rgb(200,145,81)
```

Tetradic Color

#31629b
```
#31629b rgb(49,98,155)
```
#376eaf
```
#376eaf rgb(55,110,175)
```
#3e7bc2
```
#3e7bc2 rgb(62,123,194)
```
#5188c8
```
#5188c8 rgb(81,136,200)
```
#6495ce
```
#6495ce rgb(100,149,206)
```
#78a3d4
```
#78a3d4 rgb(120,163,212)
```
#8bb0da
```
#8bb0da rgb(139,176,218)
```

Monochromatic Color

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

#51a6c8
```
#51a6c8 rgb(81,166,200)
```
#519cc8
```
#519cc8 rgb(81,156,200)
```
#5192c8
```
#5192c8 rgb(81,146,200)
```
#5188c8
```
#5188c8 rgb(81,136,200)
```
#517ec8
```
#517ec8 rgb(81,126,200)
```
#5174c8
```
#5174c8 rgb(81,116,200)
```
#516ac8
```
#516ac8 rgb(81,106,200)
```

Similar Colors

Text with hexadecimal color #5188c8

This text has a font color of #5188c8.

<span style="color:#5188c8;">Text here</span>

#5188c8 background color

This paragraph has a background color of #5188c8.

<p style="background-color:#5188c8;">Content here</p>

#5188c8 border color

This element has a border color of #5188c8.

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

CSS codes

.text {color:#5188c8;}

.background {background-color:#5188c8;}

.border {border:1px solid #5188c8;}

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

#020305
```
#020305 rgb(2,3,5)
```
#060c14
```
#060c14 rgb(6,12,20)
```
#0b1623
```
#0b1623 rgb(11,22,35)
```
#101f32
```
#101f32 rgb(16,31,50)
```
#142940
```
#142940 rgb(20,41,64)
```
#19324f
```
#19324f rgb(25,50,79)
```
#1e3c5e
```
#1e3c5e rgb(30,60,94)
```
#23456d
```
#23456d rgb(35,69,109)
```
#274e7c
```
#274e7c rgb(39,78,124)
```
#2c588b
```
#2c588b rgb(44,88,139)
```
#31619a
```
#31619a rgb(49,97,154)
```
#356ba9
```
#356ba9 rgb(53,107,169)
```
#3a74b8
```
#3a74b8 rgb(58,116,184)
```

Shade Color Variation

#427ec3
```
#427ec3 rgb(66,126,195)
```
#5188c8
```
#5188c8 rgb(81,136,200)
```
#6092cd
```
#6092cd rgb(96,146,205)
```
#6f9cd1
```
#6f9cd1 rgb(111,156,209)
```
#7ea7d6
```
#7ea7d6 rgb(126,167,214)
```
#8db1db
```
#8db1db rgb(141,177,219)
```
#9cbbe0
```
#9cbbe0 rgb(156,187,224)
```
#aac5e4
```
#aac5e4 rgb(170,197,228)
```
#b9cfe9
```
#b9cfe9 rgb(185,207,233)
```
#c8daee
```
#c8daee rgb(200,218,238)
```
#d7e4f2
```
#d7e4f2 rgb(215,228,242)
```
#e6eef7
```
#e6eef7 rgb(230,238,247)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868c93 is the less saturated color, while #1c84fd is the most saturated one.

#868c93
```
#868c93 rgb(134,140,147)
```
#7d8b9c
```
#7d8b9c rgb(125,139,156)
```
#748ba5
```
#748ba5 rgb(116,139,165)
```
#6b8aae
```
#6b8aae rgb(107,138,174)
```
#6389b6
```
#6389b6 rgb(99,137,182)
```
#5a89bf
```
#5a89bf rgb(90,137,191)
```
#5188c8
```
#5188c8 rgb(81,136,200)
```
#4887d1
```
#4887d1 rgb(72,135,209)
```
#3f87da
```
#3f87da rgb(63,135,218)
```
#3786e2
```
#3786e2 rgb(55,134,226)
```
#2e85eb
```
#2e85eb rgb(46,133,235)
```
#2585f4
```
#2585f4 rgb(37,133,244)
```
#1c84fd
```
#1c84fd rgb(28,132,253)
```

Tone Color Variation

Below, you can see how #5188c8 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

#7f7f7f Achromatopsia 0.005% of the population
#76818e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7589c7 Protanopia 1% of men
#698bcc Deuteranopia 1% of men
#4296a1 Tritanopia 0.001% of the population

Trichromacy

#6788c7 Protanomaly 1% of men, 0.01% of women
#608aca Deuteranomaly 6% of men, 0.4% of women
#4791af Tritanomaly 0.01% of the population