#5176a0 hex color

In a RGB color space, hex #5176a0 is composed of 31.8% red, 46.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 26.3% magenta, 0% yellow and 37.3% black. It has a hue angle of 211.9 degrees, a saturation of 32.8% and a lightness of 47.3%. #5176a0 color hex could be obtained by blending #a2ecff with #000041. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 32
- G 46
- B 63
RGB color chart
- C 49
- M 26
- Y 0
- K 37
CMYK color chart

● #5176a0 color description : Dark moderate blue.

The hexadecimal color #5176a0 has RGB values of R:81, G:118, B:160 and CMYK values of C:0.49, M:0.26, Y:0, K:0.37. Its decimal value is 5338784.

Hex triplet	5176a0	`#5176a0`
RGB Decimal	81, 118, 160	`rgb(81,118,160)`
RGB Percent	31.8, 46.3, 62.7	`rgb(31.8%,46.3%,62.7%)`
CMYK	49, 26, 0, 37
HSL	211.9°, 32.8, 47.3	`hsl(211.9,32.8%,47.3%)`
HSV (or HSB)	211.9°, 49.4, 62.7
Web Safe	666699	`#666699`

CIE-LAB	48.565, -0.988, -26.63
XYZ	16.215, 17.243, 35.73
xyY	0.234, 0.249, 17.243
CIE-LCH	48.565, 26.648, 267.876
CIE-LUV	48.565, -17.721, -39.23
Hunter-Lab	41.525, -2.965, -21.947
Binary	01010001, 01110110, 10100000

#5176a0
```
#5176a0 rgb(81,118,160)
```
#a07b51
```
#a07b51 rgb(160,123,81)
```

Complementary Color

#519ea0
```
#519ea0 rgb(81,158,160)
```
#5176a0
```
#5176a0 rgb(81,118,160)
```
#5351a0
```
#5351a0 rgb(83,81,160)
```

Analogous Color

#9ea051
```
#9ea051 rgb(158,160,81)
```
#5176a0
```
#5176a0 rgb(81,118,160)
```
#a05351
```
#a05351 rgb(160,83,81)
```

Split Complementary Color

#76a051
```
#76a051 rgb(118,160,81)
```
#5176a0
```
#5176a0 rgb(81,118,160)
```
#a05176
```
#a05176 rgb(160,81,118)
```

Triadic Color

#51a07b
```
#51a07b rgb(81,160,123)
```
#5176a0
```
#5176a0 rgb(81,118,160)
```
#a05176
```
#a05176 rgb(160,81,118)
```
#a07b51
```
#a07b51 rgb(160,123,81)
```

Tetradic Color

#37516d
```
#37516d rgb(55,81,109)
```
#405d7e
```
#405d7e rgb(64,93,126)
```
#486a8f
```
#486a8f rgb(72,106,143)
```
#5176a0
```
#5176a0 rgb(81,118,160)
```
#5d83ad
```
#5d83ad rgb(93,131,173)
```
#6e90b6
```
#6e90b6 rgb(110,144,182)
```
#7f9dbe
```
#7f9dbe rgb(127,157,190)
```

Monochromatic Color

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

#518aa0
```
#518aa0 rgb(81,138,160)
```
#5183a0
```
#5183a0 rgb(81,131,160)
```
#517da0
```
#517da0 rgb(81,125,160)
```
#5176a0
```
#5176a0 rgb(81,118,160)
```
#516fa0
```
#516fa0 rgb(81,111,160)
```
#5169a0
```
#5169a0 rgb(81,105,160)
```
#5162a0
```
#5162a0 rgb(81,98,160)
```

Similar Colors

Text with hexadecimal color #5176a0

This text has a font color of #5176a0.

<span style="color:#5176a0;">Text here</span>

#5176a0 background color

This paragraph has a background color of #5176a0.

<p style="background-color:#5176a0;">Content here</p>

#5176a0 border color

This element has a border color of #5176a0.

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

CSS codes

.text {color:#5176a0;}

.background {background-color:#5176a0;}

.border {border:1px solid #5176a0;}

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

#020304
```
#020304 rgb(2,3,4)
```
#080c11
```
#080c11 rgb(8,12,17)
```
#0f161e
```
#0f161e rgb(15,22,30)
```
#16202b
```
#16202b rgb(22,32,43)
```
#1c2938
```
#1c2938 rgb(28,41,56)
```
#233345
```
#233345 rgb(35,51,69)
```
#293c52
```
#293c52 rgb(41,60,82)
```
#30465f
```
#30465f rgb(48,70,95)
```
#37506c
```
#37506c rgb(55,80,108)
```
#3d5979
```
#3d5979 rgb(61,89,121)
```
#446386
```
#446386 rgb(68,99,134)
```
#4a6c93
```
#4a6c93 rgb(74,108,147)
```
#5176a0
```
#5176a0 rgb(81,118,160)
```

Shade Color Variation

#5980ab
```
#5980ab rgb(89,128,171)
```
#668ab2
```
#668ab2 rgb(102,138,178)
```
#7394b8
```
#7394b8 rgb(115,148,184)
```
#819ebf
```
#819ebf rgb(129,158,191)
```
#8ea8c6
```
#8ea8c6 rgb(142,168,198)
```
#9bb2cc
```
#9bb2cc rgb(155,178,204)
```
#a8bcd3
```
#a8bcd3 rgb(168,188,211)
```
#b5c6d9
```
#b5c6d9 rgb(181,198,217)
```
#c2d0e0
```
#c2d0e0 rgb(194,208,224)
```
#cfdae7
```
#cfdae7 rgb(207,218,231)
```
#dce4ed
```
#dce4ed rgb(220,228,237)
```
#e9eef4
```
#e9eef4 rgb(233,238,244)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76787b is the less saturated color, while #0771ea is the most saturated one.

#76787b
```
#76787b rgb(118,120,123)
```
#6d7884
```
#6d7884 rgb(109,120,132)
```
#64778d
```
#64778d rgb(100,119,141)
```
#5a7797
```
#5a7797 rgb(90,119,151)
```
#5176a0
```
#5176a0 rgb(81,118,160)
```
#4875a9
```
#4875a9 rgb(72,117,169)
```
#3e75b3
```
#3e75b3 rgb(62,117,179)
```
#3574bc
```
#3574bc rgb(53,116,188)
```
#2c74c5
```
#2c74c5 rgb(44,116,197)
```
#2373ce
```
#2373ce rgb(35,115,206)
```
#1972d8
```
#1972d8 rgb(25,114,216)
```
#1072e1
```
#1072e1 rgb(16,114,225)
```
#0771ea
```
#0771ea rgb(7,113,234)
```

Tone Color Variation

Below, you can see how #5176a0 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

#707070 Achromatopsia 0.005% of the population
#6a717a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d79a2 Protanopia 1% of men
#6a79a6 Deuteranopia 1% of men
#4f828b Tritanopia 0.001% of the population

Trichromacy

#6378a1 Protanomaly 1% of men, 0.01% of women
#6178a4 Deuteranomaly 6% of men, 0.4% of women
#507d93 Tritanomaly 0.01% of the population

#5176a0 hex color

#5176a0 Color Information

#5176a0 Color Conversion

Color Schemes with #5176a0

Alternatives to #5176a0

#5176a0 Preview

Shades and Tints of #5176a0

Tones of #5176a0

Color Blindness Simulator