#5180ad hex color

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

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

● #5180ad color description : Dark moderate blue.

The hexadecimal color #5180ad has RGB values of R:81, G:128, B:173 and CMYK values of C:0.53, M:0.26, Y:0, K:0.32. Its decimal value is 5341357.

Hex triplet	5180ad	`#5180ad`
RGB Decimal	81, 128, 173	`rgb(81,128,173)`
RGB Percent	31.8, 50.2, 67.8	`rgb(31.8%,50.2%,67.8%)`
CMYK	53, 26, 0, 32
HSL	209.3°, 36.2, 49.8	`hsl(209.3,36.2%,49.8%)`
HSV (or HSB)	209.3°, 53.2, 67.8
Web Safe	669999	`#669999`

CIE-LAB	52.067, -2.826, -28.749
XYZ	18.654, 20.204, 42.45
xyY	0.229, 0.248, 20.204
CIE-LCH	52.067, 28.888, 264.387
CIE-LUV	52.067, -21.445, -42.923
Hunter-Lab	44.949, -4.583, -24.53
Binary	01010001, 10000000, 10101101

#5180ad
```
#5180ad rgb(81,128,173)
```
#ad7e51
```
#ad7e51 rgb(173,126,81)
```

Complementary Color

#51adac
```
#51adac rgb(81,173,172)
```
#5180ad
```
#5180ad rgb(81,128,173)
```
#5152ad
```
#5152ad rgb(81,82,173)
```

Analogous Color

#adac51
```
#adac51 rgb(173,172,81)
```
#5180ad
```
#5180ad rgb(81,128,173)
```
#ad5152
```
#ad5152 rgb(173,81,82)
```

Split Complementary Color

#80ad51
```
#80ad51 rgb(128,173,81)
```
#5180ad
```
#5180ad rgb(81,128,173)
```
#ad5180
```
#ad5180 rgb(173,81,128)
```

Triadic Color

#51ad7e
```
#51ad7e rgb(81,173,126)
```
#5180ad
```
#5180ad rgb(81,128,173)
```
#ad5180
```
#ad5180 rgb(173,81,128)
```
#ad7e51
```
#ad7e51 rgb(173,126,81)
```

Tetradic Color

#395979
```
#395979 rgb(57,89,121)
```
#41668a
```
#41668a rgb(65,102,138)
```
#49739c
```
#49739c rgb(73,115,156)
```
#5180ad
```
#5180ad rgb(81,128,173)
```
#628db5
```
#628db5 rgb(98,141,181)
```
#7399be
```
#7399be rgb(115,153,190)
```
#85a6c6
```
#85a6c6 rgb(133,166,198)
```

Monochromatic Color

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

#5197ad
```
#5197ad rgb(81,151,173)
```
#518fad
```
#518fad rgb(81,143,173)
```
#5188ad
```
#5188ad rgb(81,136,173)
```
#5180ad
```
#5180ad rgb(81,128,173)
```
#5178ad
```
#5178ad rgb(81,120,173)
```
#5171ad
```
#5171ad rgb(81,113,173)
```
#5169ad
```
#5169ad rgb(81,105,173)
```

Similar Colors

Text with hexadecimal color #5180ad

This text has a font color of #5180ad.

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

#5180ad background color

This paragraph has a background color of #5180ad.

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

#5180ad border color

This element has a border color of #5180ad.

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

CSS codes

.text {color:#5180ad;}

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

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

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

#06090d
```
#06090d rgb(6,9,13)
```
#0c131a
```
#0c131a rgb(12,19,26)
```
#121d27
```
#121d27 rgb(18,29,39)
```
#192735
```
#192735 rgb(25,39,53)
```
#1f3142
```
#1f3142 rgb(31,49,66)
```
#253b4f
```
#253b4f rgb(37,59,79)
```
#2b455d
```
#2b455d rgb(43,69,93)
```
#324f6a
```
#324f6a rgb(50,79,106)
```
#385878
```
#385878 rgb(56,88,120)
```
#3e6285
```
#3e6285 rgb(62,98,133)
```
#446c92
```
#446c92 rgb(68,108,146)
```
#4b76a0
```
#4b76a0 rgb(75,118,160)
```
#5180ad
```
#5180ad rgb(81,128,173)
```

Shade Color Variation

#5e8ab4
```
#5e8ab4 rgb(94,138,180)
```
#6b93ba
```
#6b93ba rgb(107,147,186)
```
#799dc0
```
#799dc0 rgb(121,157,192)
```
#86a7c6
```
#86a7c6 rgb(134,167,198)
```
#93b1cd
```
#93b1cd rgb(147,177,205)
```
#a1bad3
```
#a1bad3 rgb(161,186,211)
```
#aec4d9
```
#aec4d9 rgb(174,196,217)
```
#bccedf
```
#bccedf rgb(188,206,223)
```
#c9d8e6
```
#c9d8e6 rgb(201,216,230)
```
#d6e1ec
```
#d6e1ec rgb(214,225,236)
```
#e4ebf2
```
#e4ebf2 rgb(228,235,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, #787f86 is the less saturated color, while #0382fb is the most saturated one.

#787f86
```
#787f86 rgb(120,127,134)
```
#6e7f90
```
#6e7f90 rgb(110,127,144)
```
#658099
```
#658099 rgb(101,128,153)
```
#5b80a3
```
#5b80a3 rgb(91,128,163)
```
#5180ad
```
#5180ad rgb(81,128,173)
```
#4780b7
```
#4780b7 rgb(71,128,183)
```
#3d80c1
```
#3d80c1 rgb(61,128,193)
```
#3481ca
```
#3481ca rgb(52,129,202)
```
#2a81d4
```
#2a81d4 rgb(42,129,212)
```
#2081de
```
#2081de rgb(32,129,222)
```
#1681e8
```
#1681e8 rgb(22,129,232)
```
#0d81f1
```
#0d81f1 rgb(13,129,241)
```
#0382fb
```
#0382fb rgb(3,130,251)
```

Tone Color Variation

Below, you can see how #5180ad 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

#777777 Achromatopsia 0.005% of the population
#6f7982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7581ad Protanopia 1% of men
#7081b3 Deuteranopia 1% of men
#4d8b96 Tritanopia 0.001% of the population

Trichromacy

#6880ad Protanomaly 1% of men, 0.01% of women
#6481b0 Deuteranomaly 6% of men, 0.4% of women
#4f879e Tritanomaly 0.01% of the population

#5180ad hex color

#5180ad Color Information

#5180ad Color Conversion

Color Schemes with #5180ad

Alternatives to #5180ad

#5180ad Preview

Shades and Tints of #5180ad

Tones of #5180ad

Color Blindness Simulator