#5170ac hex color

In a RGB color space, hex #5170ac is composed of 31.8% red, 43.9% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 34.9% magenta, 0% yellow and 32.5% black. It has a hue angle of 219.6 degrees, a saturation of 36% and a lightness of 49.6%. #5170ac color hex could be obtained by blending #a2e0ff with #000059. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 32
- G 44
- B 67
RGB color chart
- C 53
- M 35
- Y 0
- K 33
CMYK color chart

● #5170ac color description : Dark moderate blue.

The hexadecimal color #5170ac has RGB values of R:81, G:112, B:172 and CMYK values of C:0.53, M:0.35, Y:0, K:0.33. Its decimal value is 5337260.

Hex triplet	5170ac	`#5170ac`
RGB Decimal	81, 112, 172	`rgb(81,112,172)`
RGB Percent	31.8, 43.9, 67.5	`rgb(31.8%,43.9%,67.5%)`
CMYK	53, 35, 0, 33
HSL	219.6°, 36, 49.6	`hsl(219.6,36%,49.6%)`
HSV (or HSB)	219.6°, 52.9, 67.5
Web Safe	666699	`#666699`

CIE-LAB	47.386, 6.453, -35.49
XYZ	16.632, 16.315, 41.3
xyY	0.224, 0.22, 16.315
CIE-LCH	47.386, 36.072, 280.305
CIE-LUV	47.386, -15.496, -53.715
Hunter-Lab	40.392, 2.814, -32.348
Binary	01010001, 01110000, 10101100

#5170ac
```
#5170ac rgb(81,112,172)
```
#ac8d51
```
#ac8d51 rgb(172,141,81)
```

Complementary Color

#519eac
```
#519eac rgb(81,158,172)
```
#5170ac
```
#5170ac rgb(81,112,172)
```
#5f51ac
```
#5f51ac rgb(95,81,172)
```

Analogous Color

#9eac51
```
#9eac51 rgb(158,172,81)
```
#5170ac
```
#5170ac rgb(81,112,172)
```
#ac6051
```
#ac6051 rgb(172,96,81)
```

Split Complementary Color

#70ac51
```
#70ac51 rgb(112,172,81)
```
#5170ac
```
#5170ac rgb(81,112,172)
```
#ac5170
```
#ac5170 rgb(172,81,112)
```

Triadic Color

#51ac8d
```
#51ac8d rgb(81,172,141)
```
#5170ac
```
#5170ac rgb(81,112,172)
```
#ac5170
```
#ac5170 rgb(172,81,112)
```
#ac8d51
```
#ac8d51 rgb(172,141,81)
```

Tetradic Color

#394e78
```
#394e78 rgb(57,78,120)
```
#415989
```
#415989 rgb(65,89,137)
```
#49659b
```
#49659b rgb(73,101,155)
```
#5170ac
```
#5170ac rgb(81,112,172)
```
#627eb5
```
#627eb5 rgb(98,126,181)
```
#738cbd
```
#738cbd rgb(115,140,189)
```
#849ac5
```
#849ac5 rgb(132,154,197)
```

Monochromatic Color

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

#5187ac
```
#5187ac rgb(81,135,172)
```
#517fac
```
#517fac rgb(81,127,172)
```
#5178ac
```
#5178ac rgb(81,120,172)
```
#5170ac
```
#5170ac rgb(81,112,172)
```
#5168ac
```
#5168ac rgb(81,104,172)
```
#5161ac
```
#5161ac rgb(81,97,172)
```
#5159ac
```
#5159ac rgb(81,89,172)
```

Similar Colors

Text with hexadecimal color #5170ac

This text has a font color of #5170ac.

<span style="color:#5170ac;">Text here</span>

#5170ac background color

This paragraph has a background color of #5170ac.

<p style="background-color:#5170ac;">Content here</p>

#5170ac border color

This element has a border color of #5170ac.

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

CSS codes

.text {color:#5170ac;}

.background {background-color:#5170ac;}

.border {border:1px solid #5170ac;}

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, #06080c is the darkest color, while #fefefe is the lightest one.

#06080c
```
#06080c rgb(6,8,12)
```
#0c1019
```
#0c1019 rgb(12,16,25)
```
#121927
```
#121927 rgb(18,25,39)
```
#182234
```
#182234 rgb(24,34,52)
```
#1f2b41
```
#1f2b41 rgb(31,43,65)
```
#25334f
```
#25334f rgb(37,51,79)
```
#2b3c5c
```
#2b3c5c rgb(43,60,92)
```
#324569
```
#324569 rgb(50,69,105)
```
#384d77
```
#384d77 rgb(56,77,119)
```
#3e5684
```
#3e5684 rgb(62,86,132)
```
#445f91
```
#445f91 rgb(68,95,145)
```
#4b679f
```
#4b679f rgb(75,103,159)
```
#5170ac
```
#5170ac rgb(81,112,172)
```

Shade Color Variation

#5e7bb3
```
#5e7bb3 rgb(94,123,179)
```
#6b86b9
```
#6b86b9 rgb(107,134,185)
```
#7891c0
```
#7891c0 rgb(120,145,192)
```
#869bc6
```
#869bc6 rgb(134,155,198)
```
#93a6cc
```
#93a6cc rgb(147,166,204)
```
#a0b1d2
```
#a0b1d2 rgb(160,177,210)
```
#aebcd9
```
#aebcd9 rgb(174,188,217)
```
#bbc7df
```
#bbc7df rgb(187,199,223)
```
#c8d2e5
```
#c8d2e5 rgb(200,210,229)
```
#d6ddec
```
#d6ddec rgb(214,221,236)
```
#e3e8f2
```
#e3e8f2 rgb(227,232,242)
```
#f0f3f8
```
#f0f3f8 rgb(240,243,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787c85 is the less saturated color, while #0357fa is the most saturated one.

#787c85
```
#787c85 rgb(120,124,133)
```
#6e798f
```
#6e798f rgb(110,121,143)
```
#647699
```
#647699 rgb(100,118,153)
```
#5b73a2
```
#5b73a2 rgb(91,115,162)
```
#5170ac
```
#5170ac rgb(81,112,172)
```
#476db6
```
#476db6 rgb(71,109,182)
```
#3e6abf
```
#3e6abf rgb(62,106,191)
```
#3467c9
```
#3467c9 rgb(52,103,201)
```
#2a64d3
```
#2a64d3 rgb(42,100,211)
```
#2060dd
```
#2060dd rgb(32,96,221)
```
#175de6
```
#175de6 rgb(23,93,230)
```
#0d5af0
```
#0d5af0 rgb(13,90,240)
```
#0357fa
```
#0357fa rgb(3,87,250)
```

Tone Color Variation

Below, you can see how #5170ac 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

#6e6e6e Achromatopsia 0.005% of the population
#686e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6275af Protanopia 1% of men
#5977b0 Deuteranopia 1% of men
#487f89 Tritanopia 0.001% of the population

Trichromacy

#5b73ae Protanomaly 1% of men, 0.01% of women
#5674ae Deuteranomaly 6% of men, 0.4% of women
#4b7a95 Tritanomaly 0.01% of the population

#5170ac hex color

#5170ac Color Information

#5170ac Color Conversion

Color Schemes with #5170ac

Alternatives to #5170ac

#5170ac Preview

Shades and Tints of #5170ac

Tones of #5170ac

Color Blindness Simulator