#5188ad hex color

In a RGB color space, hex #5188ad is composed of 31.8% red, 53.3% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 21.4% magenta, 0% yellow and 32.2% black. It has a hue angle of 204.1 degrees, a saturation of 36.2% and a lightness of 49.8%. #5188ad color hex could be obtained by blending #a2ffff with #00115b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 32
- G 53
- B 68
RGB color chart
- C 53
- M 21
- Y 0
- K 32
CMYK color chart

● #5188ad color description : Dark moderate blue.

The hexadecimal color #5188ad has RGB values of R:81, G:136, B:173 and CMYK values of C:0.53, M:0.21, Y:0, K:0.32. Its decimal value is 5343405.

Hex triplet	5188ad	`#5188ad`
RGB Decimal	81, 136, 173	`rgb(81,136,173)`
RGB Percent	31.8, 53.3, 67.8	`rgb(31.8%,53.3%,67.8%)`
CMYK	53, 21, 0, 32
HSL	204.1°, 36.2, 49.8	`hsl(204.1,36.2%,49.8%)`
HSV (or HSB)	204.1°, 53.2, 67.8
Web Safe	669999	`#669999`

CIE-LAB	54.421, -7.446, -25.104
XYZ	19.738, 22.374, 42.811
xyY	0.232, 0.263, 22.374
CIE-LCH	54.421, 26.185, 253.479
CIE-LUV	54.421, -24.504, -36.864
Hunter-Lab	47.301, -8.289, -20.552
Binary	01010001, 10001000, 10101101

#5188ad
```
#5188ad rgb(81,136,173)
```
#ad7651
```
#ad7651 rgb(173,118,81)
```

Complementary Color

#51ada4
```
#51ada4 rgb(81,173,164)
```
#5188ad
```
#5188ad rgb(81,136,173)
```
#515aad
```
#515aad rgb(81,90,173)
```

Analogous Color

#ada451
```
#ada451 rgb(173,164,81)
```
#5188ad
```
#5188ad rgb(81,136,173)
```
#ad515a
```
#ad515a rgb(173,81,90)
```

Split Complementary Color

#88ad51
```
#88ad51 rgb(136,173,81)
```
#5188ad
```
#5188ad rgb(81,136,173)
```
#ad5188
```
#ad5188 rgb(173,81,136)
```

Triadic Color

#51ad76
```
#51ad76 rgb(81,173,118)
```
#5188ad
```
#5188ad rgb(81,136,173)
```
#ad5188
```
#ad5188 rgb(173,81,136)
```
#ad7651
```
#ad7651 rgb(173,118,81)
```

Tetradic Color

#395f79
```
#395f79 rgb(57,95,121)
```
#416d8a
```
#416d8a rgb(65,109,138)
```
#497a9c
```
#497a9c rgb(73,122,156)
```
#5188ad
```
#5188ad rgb(81,136,173)
```
#6294b5
```
#6294b5 rgb(98,148,181)
```
#73a0be
```
#73a0be rgb(115,160,190)
```
#85acc6
```
#85acc6 rgb(133,172,198)
```

Monochromatic Color

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

#519fad
```
#519fad rgb(81,159,173)
```
#5197ad
```
#5197ad rgb(81,151,173)
```
#5190ad
```
#5190ad rgb(81,144,173)
```
#5188ad
```
#5188ad rgb(81,136,173)
```
#5180ad
```
#5180ad rgb(81,128,173)
```
#5179ad
```
#5179ad rgb(81,121,173)
```
#5171ad
```
#5171ad rgb(81,113,173)
```

Similar Colors

Text with hexadecimal color #5188ad

This text has a font color of #5188ad.

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

#5188ad background color

This paragraph has a background color of #5188ad.

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

#5188ad border color

This element has a border color of #5188ad.

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

CSS codes

.text {color:#5188ad;}

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

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

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, #060a0d is the darkest color, while #feffff is the lightest one.

#060a0d
```
#060a0d rgb(6,10,13)
```
#0c141a
```
#0c141a rgb(12,20,26)
```
#121f27
```
#121f27 rgb(18,31,39)
```
#192935
```
#192935 rgb(25,41,53)
```
#1f3442
```
#1f3442 rgb(31,52,66)
```
#253e4f
```
#253e4f rgb(37,62,79)
```
#2b495d
```
#2b495d rgb(43,73,93)
```
#32536a
```
#32536a rgb(50,83,106)
```
#385e78
```
#385e78 rgb(56,94,120)
```
#3e6885
```
#3e6885 rgb(62,104,133)
```
#447392
```
#447392 rgb(68,115,146)
```
#4b7da0
```
#4b7da0 rgb(75,125,160)
```
#5188ad
```
#5188ad rgb(81,136,173)
```

Shade Color Variation

#5e91b4
```
#5e91b4 rgb(94,145,180)
```
#6b9aba
```
#6b9aba rgb(107,154,186)
```
#79a3c0
```
#79a3c0 rgb(121,163,192)
```
#86adc6
```
#86adc6 rgb(134,173,198)
```
#93b6cd
```
#93b6cd rgb(147,182,205)
```
#a1bfd3
```
#a1bfd3 rgb(161,191,211)
```
#aec8d9
```
#aec8d9 rgb(174,200,217)
```
#bcd1df
```
#bcd1df rgb(188,209,223)
```
#c9dae6
```
#c9dae6 rgb(201,218,230)
```
#d6e3ec
```
#d6e3ec rgb(214,227,236)
```
#e4ecf2
```
#e4ecf2 rgb(228,236,242)
```
#f1f5f8
```
#f1f5f8 rgb(241,245,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #788086 is the less saturated color, while #0397fb is the most saturated one.

#788086
```
#788086 rgb(120,128,134)
```
#6e8290
```
#6e8290 rgb(110,130,144)
```
#658499
```
#658499 rgb(101,132,153)
```
#5b86a3
```
#5b86a3 rgb(91,134,163)
```
#5188ad
```
#5188ad rgb(81,136,173)
```
#478ab7
```
#478ab7 rgb(71,138,183)
```
#3d8cc1
```
#3d8cc1 rgb(61,140,193)
```
#348eca
```
#348eca rgb(52,142,202)
```
#2a90d4
```
#2a90d4 rgb(42,144,212)
```
#2092de
```
#2092de rgb(32,146,222)
```
#1693e8
```
#1693e8 rgb(22,147,232)
```
#0d95f1
```
#0d95f1 rgb(13,149,241)
```
#0397fb
```
#0397fb rgb(3,151,251)
```

Tone Color Variation

Below, you can see how #5188ad 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
#737e86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e87ac Protanopia 1% of men
#7b86b4 Deuteranopia 1% of men
#50929c Tritanopia 0.001% of the population

Trichromacy

#6d87ac Protanomaly 1% of men, 0.01% of women
#6b87b1 Deuteranomaly 6% of men, 0.4% of women
#508ea2 Tritanomaly 0.01% of the population

#5188ad hex color

#5188ad Color Information

#5188ad Color Conversion

Color Schemes with #5188ad

Alternatives to #5188ad

#5188ad Preview

Shades and Tints of #5188ad

Tones of #5188ad

Color Blindness Simulator