#5168aa hex color

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

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

● #5168aa color description : Dark moderate blue.

The hexadecimal color #5168aa has RGB values of R:81, G:104, B:170 and CMYK values of C:0.52, M:0.39, Y:0, K:0.33. Its decimal value is 5335210.

Hex triplet	5168aa	`#5168aa`
RGB Decimal	81, 104, 170	`rgb(81,104,170)`
RGB Percent	31.8, 40.8, 66.7	`rgb(31.8%,40.8%,66.7%)`
CMYK	52, 39, 0, 33
HSL	224.5°, 35.5, 49.2	`hsl(224.5,35.5%,49.2%)`
HSV (or HSB)	224.5°, 52.4, 66.7
Web Safe	666699	`#666699`

CIE-LAB	45.014, 10.754, -38.061
XYZ	15.598, 14.552, 40.015
xyY	0.222, 0.207, 14.552
CIE-LCH	45.014, 39.551, 285.777
CIE-LUV	45.014, -12.611, -57.519
Hunter-Lab	38.146, 6.231, -35.491
Binary	01010001, 01101000, 10101010

#5168aa
```
#5168aa rgb(81,104,170)
```
#aa9351
```
#aa9351 rgb(170,147,81)
```

Complementary Color

#5195aa
```
#5195aa rgb(81,149,170)
```
#5168aa
```
#5168aa rgb(81,104,170)
```
#6751aa
```
#6751aa rgb(103,81,170)
```

Analogous Color

#95aa51
```
#95aa51 rgb(149,170,81)
```
#5168aa
```
#5168aa rgb(81,104,170)
```
#aa6751
```
#aa6751 rgb(170,103,81)
```

Split Complementary Color

#68aa51
```
#68aa51 rgb(104,170,81)
```
#5168aa
```
#5168aa rgb(81,104,170)
```
#aa5168
```
#aa5168 rgb(170,81,104)
```

Triadic Color

#51aa93
```
#51aa93 rgb(81,170,147)
```
#5168aa
```
#5168aa rgb(81,104,170)
```
#aa5168
```
#aa5168 rgb(170,81,104)
```
#aa9351
```
#aa9351 rgb(170,147,81)
```

Tetradic Color

#384876
```
#384876 rgb(56,72,118)
```
#415387
```
#415387 rgb(65,83,135)
```
#495d99
```
#495d99 rgb(73,93,153)
```
#5168aa
```
#5168aa rgb(81,104,170)
```
#6176b4
```
#6176b4 rgb(97,118,180)
```
#7285bc
```
#7285bc rgb(114,133,188)
```
#8394c4
```
#8394c4 rgb(131,148,196)
```

Monochromatic Color

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

#517eaa
```
#517eaa rgb(81,126,170)
```
#5177aa
```
#5177aa rgb(81,119,170)
```
#516faa
```
#516faa rgb(81,111,170)
```
#5168aa
```
#5168aa rgb(81,104,170)
```
#5161aa
```
#5161aa rgb(81,97,170)
```
#5159aa
```
#5159aa rgb(81,89,170)
```
#5152aa
```
#5152aa rgb(81,82,170)
```

Similar Colors

Text with hexadecimal color #5168aa

This text has a font color of #5168aa.

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

#5168aa background color

This paragraph has a background color of #5168aa.

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

#5168aa border color

This element has a border color of #5168aa.

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

CSS codes

.text {color:#5168aa;}

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

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

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

#05060b
```
#05060b rgb(5,6,11)
```
#0b0f18
```
#0b0f18 rgb(11,15,24)
```
#121725
```
#121725 rgb(18,23,37)
```
#181f32
```
#181f32 rgb(24,31,50)
```
#1e2740
```
#1e2740 rgb(30,39,64)
```
#252f4d
```
#252f4d rgb(37,47,77)
```
#2b375a
```
#2b375a rgb(43,55,90)
```
#313f68
```
#313f68 rgb(49,63,104)
```
#384775
```
#384775 rgb(56,71,117)
```
#3e5082
```
#3e5082 rgb(62,80,130)
```
#44588f
```
#44588f rgb(68,88,143)
```
#4b609d
```
#4b609d rgb(75,96,157)
```
#5168aa
```
#5168aa rgb(81,104,170)
```

Shade Color Variation

#5d73b2
```
#5d73b2 rgb(93,115,178)
```
#6a7eb8
```
#6a7eb8 rgb(106,126,184)
```
#778abe
```
#778abe rgb(119,138,190)
```
#8595c5
```
#8595c5 rgb(133,149,197)
```
#92a1cb
```
#92a1cb rgb(146,161,203)
```
#9facd1
```
#9facd1 rgb(159,172,209)
```
#adb8d8
```
#adb8d8 rgb(173,184,216)
```
#bac3de
```
#bac3de rgb(186,195,222)
```
#c7cfe4
```
#c7cfe4 rgb(199,207,228)
```
#d4daeb
```
#d4daeb rgb(212,218,235)
```
#e2e6f1
```
#e2e6f1 rgb(226,230,241)
```
#eff1f7
```
#eff1f7 rgb(239,241,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#787b83
```
#787b83 rgb(120,123,131)
```
#6e768d
```
#6e768d rgb(110,118,141)
```
#647197
```
#647197 rgb(100,113,151)
```
#5b6da0
```
#5b6da0 rgb(91,109,160)
```
#5168aa
```
#5168aa rgb(81,104,170)
```
#4763b4
```
#4763b4 rgb(71,99,180)
```
#3e5fbd
```
#3e5fbd rgb(62,95,189)
```
#345ac7
```
#345ac7 rgb(52,90,199)
```
#2a55d1
```
#2a55d1 rgb(42,85,209)
```
#2151da
```
#2151da rgb(33,81,218)
```
#174ce4
```
#174ce4 rgb(23,76,228)
```
#0d47ee
```
#0d47ee rgb(13,71,238)
```
#0443f7
```
#0443f7 rgb(4,67,247)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#646976 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5870ae Protanopia 1% of men
#4e72ad Deuteranopia 1% of men
#477982 Tritanopia 0.001% of the population

Trichromacy

#556dac Protanomaly 1% of men, 0.01% of women
#4f6eac Deuteranomaly 6% of men, 0.4% of women
#4a7390 Tritanomaly 0.01% of the population

#5168aa hex color

#5168aa Color Information

#5168aa Color Conversion

Color Schemes with #5168aa

Alternatives to #5168aa

#5168aa Preview

Shades and Tints of #5168aa

Tones of #5168aa

Color Blindness Simulator