#5170aa hex color

In a RGB color space, hex #5170aa is composed of 31.8% red, 43.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 34.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 219.1 degrees, a saturation of 35.5% and a lightness of 49.2%. #5170aa color hex could be obtained by blending #a2e0ff with #000055. Closest websafe color is: #666699.

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

● #5170aa color description : Dark moderate blue.

The hexadecimal color #5170aa has RGB values of R:81, G:112, B:170 and CMYK values of C:0.52, M:0.34, Y:0, K:0.33. Its decimal value is 5337258.

Hex triplet	5170aa	`#5170aa`
RGB Decimal	81, 112, 170	`rgb(81,112,170)`
RGB Percent	31.8, 43.9, 66.7	`rgb(31.8%,43.9%,66.7%)`
CMYK	52, 34, 0, 33
HSL	219.1°, 35.5, 49.2	`hsl(219.1,35.5%,49.2%)`
HSV (or HSB)	219.1°, 52.4, 66.7
Web Safe	666699	`#666699`

CIE-LAB	47.287, 5.807, -34.477
XYZ	16.442, 16.239, 40.296
xyY	0.225, 0.223, 16.239
CIE-LCH	47.287, 34.963, 279.56
CIE-LUV	47.287, -15.483, -52.037
Hunter-Lab	40.298, 2.307, -31.079
Binary	01010001, 01110000, 10101010

#5170aa
```
#5170aa rgb(81,112,170)
```
#aa8b51
```
#aa8b51 rgb(170,139,81)
```

Complementary Color

#519daa
```
#519daa rgb(81,157,170)
```
#5170aa
```
#5170aa rgb(81,112,170)
```
#5f51aa
```
#5f51aa rgb(95,81,170)
```

Analogous Color

#9daa51
```
#9daa51 rgb(157,170,81)
```
#5170aa
```
#5170aa rgb(81,112,170)
```
#aa5f51
```
#aa5f51 rgb(170,95,81)
```

Split Complementary Color

#70aa51
```
#70aa51 rgb(112,170,81)
```
#5170aa
```
#5170aa rgb(81,112,170)
```
#aa5170
```
#aa5170 rgb(170,81,112)
```

Triadic Color

#51aa8b
```
#51aa8b rgb(81,170,139)
```
#5170aa
```
#5170aa rgb(81,112,170)
```
#aa5170
```
#aa5170 rgb(170,81,112)
```
#aa8b51
```
#aa8b51 rgb(170,139,81)
```

Tetradic Color

#384e76
```
#384e76 rgb(56,78,118)
```
#415987
```
#415987 rgb(65,89,135)
```
#496599
```
#496599 rgb(73,101,153)
```
#5170aa
```
#5170aa rgb(81,112,170)
```
#617eb4
```
#617eb4 rgb(97,126,180)
```
#728cbc
```
#728cbc rgb(114,140,188)
```
#839ac4
```
#839ac4 rgb(131,154,196)
```

Monochromatic Color

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

#5186aa
```
#5186aa rgb(81,134,170)
```
#517faa
```
#517faa rgb(81,127,170)
```
#5177aa
```
#5177aa rgb(81,119,170)
```
#5170aa
```
#5170aa rgb(81,112,170)
```
#5169aa
```
#5169aa rgb(81,105,170)
```
#5161aa
```
#5161aa rgb(81,97,170)
```
#515aaa
```
#515aaa rgb(81,90,170)
```

Similar Colors

Text with hexadecimal color #5170aa

This text has a font color of #5170aa.

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

#5170aa background color

This paragraph has a background color of #5170aa.

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

#5170aa border color

This element has a border color of #5170aa.

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

CSS codes

.text {color:#5170aa;}

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

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

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, #05070b is the darkest color, while #fcfdfe is the lightest one.

#05070b
```
#05070b rgb(5,7,11)
```
#0b1018
```
#0b1018 rgb(11,16,24)
```
#121825
```
#121825 rgb(18,24,37)
```
#182132
```
#182132 rgb(24,33,50)
```
#1e2a40
```
#1e2a40 rgb(30,42,64)
```
#25334d
```
#25334d rgb(37,51,77)
```
#2b3b5a
```
#2b3b5a rgb(43,59,90)
```
#314468
```
#314468 rgb(49,68,104)
```
#384d75
```
#384d75 rgb(56,77,117)
```
#3e5682
```
#3e5682 rgb(62,86,130)
```
#445e8f
```
#445e8f rgb(68,94,143)
```
#4b679d
```
#4b679d rgb(75,103,157)
```
#5170aa
```
#5170aa rgb(81,112,170)
```

Shade Color Variation

#5d7ab2
```
#5d7ab2 rgb(93,122,178)
```
#6a85b8
```
#6a85b8 rgb(106,133,184)
```
#7790be
```
#7790be rgb(119,144,190)
```
#859bc5
```
#859bc5 rgb(133,155,197)
```
#92a6cb
```
#92a6cb rgb(146,166,203)
```
#9fb1d1
```
#9fb1d1 rgb(159,177,209)
```
#adbcd8
```
#adbcd8 rgb(173,188,216)
```
#bac6de
```
#bac6de rgb(186,198,222)
```
#c7d1e4
```
#c7d1e4 rgb(199,209,228)
```
#d4dceb
```
#d4dceb rgb(212,220,235)
```
#e2e7f1
```
#e2e7f1 rgb(226,231,241)
```
#eff2f7
```
#eff2f7 rgb(239,242,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#787c83
```
#787c83 rgb(120,124,131)
```
#6e798d
```
#6e798d rgb(110,121,141)
```
#647697
```
#647697 rgb(100,118,151)
```
#5b73a0
```
#5b73a0 rgb(91,115,160)
```
#5170aa
```
#5170aa rgb(81,112,170)
```
#476db4
```
#476db4 rgb(71,109,180)
```
#3e6abd
```
#3e6abd rgb(62,106,189)
```
#3467c7
```
#3467c7 rgb(52,103,199)
```
#2a64d1
```
#2a64d1 rgb(42,100,209)
```
#2161da
```
#2161da rgb(33,97,218)
```
#175ee4
```
#175ee4 rgb(23,94,228)
```
#0d5bee
```
#0d5bee rgb(13,91,238)
```
#0459f7
```
#0459f7 rgb(4,89,247)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#676e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6275ad Protanopia 1% of men
#5b77ae Deuteranopia 1% of men
#497f88 Tritanopia 0.001% of the population

Trichromacy

#5c73ac Protanomaly 1% of men, 0.01% of women
#5774ac Deuteranomaly 6% of men, 0.4% of women
#4c7994 Tritanomaly 0.01% of the population

#5170aa hex color

#5170aa Color Information

#5170aa Color Conversion

Color Schemes with #5170aa

Alternatives to #5170aa

#5170aa Preview

Shades and Tints of #5170aa

Tones of #5170aa

Color Blindness Simulator