#5151aa hex color

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

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

● #5151aa color description : Dark moderate blue.

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

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

CIE-LAB	38.788, 25.301, -47.993
XYZ	13.59, 10.536, 39.346
xyY	0.214, 0.166, 10.536
CIE-LCH	38.788, 54.254, 297.798
CIE-LUV	38.788, -5.131, -71.088
Hunter-Lab	32.459, 17.931, -49.147
Binary	01010001, 01010001, 10101010

#5151aa
```
#5151aa rgb(81,81,170)
```
#aaaa51
```
#aaaa51 rgb(170,170,81)
```

Complementary Color

#517eaa
```
#517eaa rgb(81,126,170)
```
#5151aa
```
#5151aa rgb(81,81,170)
```
#7e51aa
```
#7e51aa rgb(126,81,170)
```

Analogous Color

#7eaa51
```
#7eaa51 rgb(126,170,81)
```
#5151aa
```
#5151aa rgb(81,81,170)
```
#aa7e51
```
#aa7e51 rgb(170,126,81)
```

Split Complementary Color

#51aa51
```
#51aa51 rgb(81,170,81)
```
#5151aa
```
#5151aa rgb(81,81,170)
```
#aa5151
```
#aa5151 rgb(170,81,81)
```

Triadic Color

#51aaaa
```
#51aaaa rgb(81,170,170)
```
#5151aa
```
#5151aa rgb(81,81,170)
```
#aa5151
```
#aa5151 rgb(170,81,81)
```
#aaaa51
```
#aaaa51 rgb(170,170,81)
```

Tetradic Color

#383876
```
#383876 rgb(56,56,118)
```
#414187
```
#414187 rgb(65,65,135)
```
#494999
```
#494999 rgb(73,73,153)
```
#5151aa
```
#5151aa rgb(81,81,170)
```
#6161b4
```
#6161b4 rgb(97,97,180)
```
#7272bc
```
#7272bc rgb(114,114,188)
```
#8383c4
```
#8383c4 rgb(131,131,196)
```

Monochromatic Color

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

#5167aa
```
#5167aa rgb(81,103,170)
```
#5160aa
```
#5160aa rgb(81,96,170)
```
#5158aa
```
#5158aa rgb(81,88,170)
```
#5151aa
```
#5151aa rgb(81,81,170)
```
#5851aa
```
#5851aa rgb(88,81,170)
```
#6051aa
```
#6051aa rgb(96,81,170)
```
#6751aa
```
#6751aa rgb(103,81,170)
```

Similar Colors

Text with hexadecimal color #5151aa

This text has a font color of #5151aa.

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

#5151aa background color

This paragraph has a background color of #5151aa.

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

#5151aa border color

This element has a border color of #5151aa.

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

CSS codes

.text {color:#5151aa;}

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

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

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

#05050b
```
#05050b rgb(5,5,11)
```
#0b0b18
```
#0b0b18 rgb(11,11,24)
```
#121225
```
#121225 rgb(18,18,37)
```
#181832
```
#181832 rgb(24,24,50)
```
#1e1e40
```
#1e1e40 rgb(30,30,64)
```
#25254d
```
#25254d rgb(37,37,77)
```
#2b2b5a
```
#2b2b5a rgb(43,43,90)
```
#313168
```
#313168 rgb(49,49,104)
```
#383875
```
#383875 rgb(56,56,117)
```
#3e3e82
```
#3e3e82 rgb(62,62,130)
```
#44448f
```
#44448f rgb(68,68,143)
```
#4b4b9d
```
#4b4b9d rgb(75,75,157)
```
#5151aa
```
#5151aa rgb(81,81,170)
```

Shade Color Variation

#5d5db2
```
#5d5db2 rgb(93,93,178)
```
#6a6ab8
```
#6a6ab8 rgb(106,106,184)
```
#7777be
```
#7777be rgb(119,119,190)
```
#8585c5
```
#8585c5 rgb(133,133,197)
```
#9292cb
```
#9292cb rgb(146,146,203)
```
#9f9fd1
```
#9f9fd1 rgb(159,159,209)
```
#adadd8
```
#adadd8 rgb(173,173,216)
```
#babade
```
#babade rgb(186,186,222)
```
#c7c7e4
```
#c7c7e4 rgb(199,199,228)
```
#d4d4eb
```
#d4d4eb rgb(212,212,235)
```
#e2e2f1
```
#e2e2f1 rgb(226,226,241)
```
#efeff7
```
#efeff7 rgb(239,239,247)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#787883
```
#787883 rgb(120,120,131)
```
#6e6e8d
```
#6e6e8d rgb(110,110,141)
```
#646497
```
#646497 rgb(100,100,151)
```
#5b5ba0
```
#5b5ba0 rgb(91,91,160)
```
#5151aa
```
#5151aa rgb(81,81,170)
```
#4747b4
```
#4747b4 rgb(71,71,180)
```
#3e3ebd
```
#3e3ebd rgb(62,62,189)
```
#3434c7
```
#3434c7 rgb(52,52,199)
```
#2a2ad1
```
#2a2ad1 rgb(42,42,209)
```
#2121da
```
#2121da rgb(33,33,218)
```
#1717e4
```
#1717e4 rgb(23,23,228)
```
#0d0dee
```
#0d0dee rgb(13,13,238)
```
#0404f7
```
#0404f7 rgb(4,4,247)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#59596b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d61b4 Protanopia 1% of men
#0065a9 Deuteranopia 1% of men
#406a71 Tritanopia 0.001% of the population

Trichromacy

#3a5bb0 Protanomaly 1% of men, 0.01% of women
#1d5ea9 Deuteranomaly 6% of men, 0.4% of women
#466086 Tritanomaly 0.01% of the population

#5151aa hex color

#5151aa Color Information

#5151aa Color Conversion

Color Schemes with #5151aa

Alternatives to #5151aa

#5151aa Preview

Shades and Tints of #5151aa

Tones of #5151aa

Color Blindness Simulator