#5180a4 hex color

In a RGB color space, hex #5180a4 is composed of 31.8% red, 50.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 22% magenta, 0% yellow and 35.7% black. It has a hue angle of 206 degrees, a saturation of 33.9% and a lightness of 48%. #5180a4 color hex could be obtained by blending #a2ffff with #000149. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 32
- G 50
- B 64
RGB color chart
- C 51
- M 22
- Y 0
- K 36
CMYK color chart

● #5180a4 color description : Dark moderate blue.

The hexadecimal color #5180a4 has RGB values of R:81, G:128, B:164 and CMYK values of C:0.51, M:0.22, Y:0, K:0.36. Its decimal value is 5341348.

Hex triplet	5180a4	`#5180a4`
RGB Decimal	81, 128, 164	`rgb(81,128,164)`
RGB Percent	31.8, 50.2, 64.3	`rgb(31.8%,50.2%,64.3%)`
CMYK	51, 22, 0, 36
HSL	206°, 33.9, 48	`hsl(206,33.9%,48%)`
HSV (or HSB)	206°, 50.6, 64.3
Web Safe	669999	`#669999`

CIE-LAB	51.687, -5.625, -24.13
XYZ	17.812, 19.867, 38.016
xyY	0.235, 0.262, 19.867
CIE-LCH	51.687, 24.777, 256.878
CIE-LUV	51.687, -21.567, -35.198
Hunter-Lab	44.572, -6.671, -19.368
Binary	01010001, 10000000, 10100100

#5180a4
```
#5180a4 rgb(81,128,164)
```
#a47551
```
#a47551 rgb(164,117,81)
```

Complementary Color

#51a49f
```
#51a49f rgb(81,164,159)
```
#5180a4
```
#5180a4 rgb(81,128,164)
```
#5157a4
```
#5157a4 rgb(81,87,164)
```

Analogous Color

#a49f51
```
#a49f51 rgb(164,159,81)
```
#5180a4
```
#5180a4 rgb(81,128,164)
```
#a45157
```
#a45157 rgb(164,81,87)
```

Split Complementary Color

#80a451
```
#80a451 rgb(128,164,81)
```
#5180a4
```
#5180a4 rgb(81,128,164)
```
#a45180
```
#a45180 rgb(164,81,128)
```

Triadic Color

#51a475
```
#51a475 rgb(81,164,117)
```
#5180a4
```
#5180a4 rgb(81,128,164)
```
#a45180
```
#a45180 rgb(164,81,128)
```
#a47551
```
#a47551 rgb(164,117,81)
```

Tetradic Color

#385871
```
#385871 rgb(56,88,113)
```
#406582
```
#406582 rgb(64,101,130)
```
#497393
```
#497393 rgb(73,115,147)
```
#5180a4
```
#5180a4 rgb(81,128,164)
```
#5f8db0
```
#5f8db0 rgb(95,141,176)
```
#7099b8
```
#7099b8 rgb(112,153,184)
```
#81a5c1
```
#81a5c1 rgb(129,165,193)
```

Monochromatic Color

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

#5195a4
```
#5195a4 rgb(81,149,164)
```
#518ea4
```
#518ea4 rgb(81,142,164)
```
#5187a4
```
#5187a4 rgb(81,135,164)
```
#5180a4
```
#5180a4 rgb(81,128,164)
```
#5179a4
```
#5179a4 rgb(81,121,164)
```
#5172a4
```
#5172a4 rgb(81,114,164)
```
#516ba4
```
#516ba4 rgb(81,107,164)
```

Similar Colors

Text with hexadecimal color #5180a4

This text has a font color of #5180a4.

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

#5180a4 background color

This paragraph has a background color of #5180a4.

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

#5180a4 border color

This element has a border color of #5180a4.

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

CSS codes

.text {color:#5180a4;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a0f14
```
#0a0f14 rgb(10,15,20)
```
#101a21
```
#101a21 rgb(16,26,33)
```
#17242e
```
#17242e rgb(23,36,46)
```
#1d2e3b
```
#1d2e3b rgb(29,46,59)
```
#243848
```
#243848 rgb(36,56,72)
```
#2a4355
```
#2a4355 rgb(42,67,85)
```
#314d62
```
#314d62 rgb(49,77,98)
```
#37576f
```
#37576f rgb(55,87,111)
```
#3e617d
```
#3e617d rgb(62,97,125)
```
#446c8a
```
#446c8a rgb(68,108,138)
```
#4b7697
```
#4b7697 rgb(75,118,151)
```
#5180a4
```
#5180a4 rgb(81,128,164)
```

Shade Color Variation

#5b8aae
```
#5b8aae rgb(91,138,174)
```
#6893b4
```
#6893b4 rgb(104,147,180)
```
#759dbb
```
#759dbb rgb(117,157,187)
```
#82a6c1
```
#82a6c1 rgb(130,166,193)
```
#8fafc8
```
#8fafc8 rgb(143,175,200)
```
#9cb9ce
```
#9cb9ce rgb(156,185,206)
```
#aac2d5
```
#aac2d5 rgb(170,194,213)
```
#b7cbdb
```
#b7cbdb rgb(183,203,219)
```
#c4d5e2
```
#c4d5e2 rgb(196,213,226)
```
#d1dee8
```
#d1dee8 rgb(209,222,232)
```
#dee7ef
```
#dee7ef rgb(222,231,239)
```
#ebf1f5
```
#ebf1f5 rgb(235,241,245)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777b7e is the less saturated color, while #068aef is the most saturated one.

#777b7e
```
#777b7e rgb(119,123,126)
```
#6d7c88
```
#6d7c88 rgb(109,124,136)
```
#647e91
```
#647e91 rgb(100,126,145)
```
#5a7f9b
```
#5a7f9b rgb(90,127,155)
```
#5180a4
```
#5180a4 rgb(81,128,164)
```
#4881ad
```
#4881ad rgb(72,129,173)
```
#3e82b7
```
#3e82b7 rgb(62,130,183)
```
#3584c0
```
#3584c0 rgb(53,132,192)
```
#2b85ca
```
#2b85ca rgb(43,133,202)
```
#2286d3
```
#2286d3 rgb(34,134,211)
```
#1887dd
```
#1887dd rgb(24,135,221)
```
#0f89e6
```
#0f89e6 rgb(15,137,230)
```
#068aef
```
#068aef rgb(6,138,239)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6f787f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7780a4 Protanopia 1% of men
#7580ab Deuteranopia 1% of men
#518a94 Tritanopia 0.001% of the population

Trichromacy

#6980a4 Protanomaly 1% of men, 0.01% of women
#6880a8 Deuteranomaly 6% of men, 0.4% of women
#51869a Tritanomaly 0.01% of the population

#5180a4 hex color

#5180a4 Color Information

#5180a4 Color Conversion

Color Schemes with #5180a4

Alternatives to #5180a4

#5180a4 Preview

Shades and Tints of #5180a4

Tones of #5180a4

Color Blindness Simulator