#5150a9 hex color

In a RGB color space, hex #5150a9 is composed of 31.8% red, 31.4% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 52.7% magenta, 0% yellow and 33.7% black. It has a hue angle of 240.7 degrees, a saturation of 35.7% and a lightness of 48.8%. #5150a9 color hex could be obtained by blending #a2a0ff with #000053. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 32
- G 31
- B 66
RGB color chart
- C 52
- M 53
- Y 0
- K 34
CMYK color chart

● #5150a9 color description : Dark moderate blue.

The hexadecimal color #5150a9 has RGB values of R:81, G:80, B:169 and CMYK values of C:0.52, M:0.53, Y:0, K:0.34. Its decimal value is 5329065.

Hex triplet	5150a9	`#5150a9`
RGB Decimal	81, 80, 169	`rgb(81,80,169)`
RGB Percent	31.8, 31.4, 66.3	`rgb(31.8%,31.4%,66.3%)`
CMYK	52, 53, 0, 34
HSL	240.7°, 35.7, 48.8	`hsl(240.7,35.7%,48.8%)`
HSV (or HSB)	240.7°, 52.7, 66.3
Web Safe	666699	`#666699`

CIE-LAB	38.465, 25.611, -47.918
XYZ	13.422, 10.351, 38.825
xyY	0.214, 0.165, 10.351
CIE-LCH	38.465, 54.333, 298.124
CIE-LUV	38.465, -4.783, -70.831
Hunter-Lab	32.173, 18.166, -49.028
Binary	01010001, 01010000, 10101001

#5150a9
```
#5150a9 rgb(81,80,169)
```
#a8a950
```
#a8a950 rgb(168,169,80)
```

Complementary Color

#507ca9
```
#507ca9 rgb(80,124,169)
```
#5150a9
```
#5150a9 rgb(81,80,169)
```
#7e50a9
```
#7e50a9 rgb(126,80,169)
```

Analogous Color

#7ca950
```
#7ca950 rgb(124,169,80)
```
#5150a9
```
#5150a9 rgb(81,80,169)
```
#a97e50
```
#a97e50 rgb(169,126,80)
```

Split Complementary Color

#50a951
```
#50a951 rgb(80,169,81)
```
#5150a9
```
#5150a9 rgb(81,80,169)
```
#a95150
```
#a95150 rgb(169,81,80)
```

Triadic Color

#50a8a9
```
#50a8a9 rgb(80,168,169)
```
#5150a9
```
#5150a9 rgb(81,80,169)
```
#a95150
```
#a95150 rgb(169,81,80)
```
#a8a950
```
#a8a950 rgb(168,169,80)
```

Tetradic Color

#383775
```
#383775 rgb(56,55,117)
```
#404086
```
#404086 rgb(64,64,134)
```
#494898
```
#494898 rgb(73,72,152)
```
#5150a9
```
#5150a9 rgb(81,80,169)
```
#605fb3
```
#605fb3 rgb(96,95,179)
```
#7170bc
```
#7170bc rgb(113,112,188)
```
#8382c4
```
#8382c4 rgb(131,130,196)
```

Monochromatic Color

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

#5065a9
```
#5065a9 rgb(80,101,169)
```
#505ea9
```
#505ea9 rgb(80,94,169)
```
#5056a9
```
#5056a9 rgb(80,86,169)
```
#5150a9
```
#5150a9 rgb(81,80,169)
```
#5850a9
```
#5850a9 rgb(88,80,169)
```
#6050a9
```
#6050a9 rgb(96,80,169)
```
#6750a9
```
#6750a9 rgb(103,80,169)
```

Similar Colors

Text with hexadecimal color #5150a9

This text has a font color of #5150a9.

<span style="color:#5150a9;">Text here</span>

#5150a9 background color

This paragraph has a background color of #5150a9.

<p style="background-color:#5150a9;">Content here</p>

#5150a9 border color

This element has a border color of #5150a9.

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

CSS codes

.text {color:#5150a9;}

.background {background-color:#5150a9;}

.border {border:1px solid #5150a9;}

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

#040409
```
#040409 rgb(4,4,9)
```
#0b0b17
```
#0b0b17 rgb(11,11,23)
```
#111124
```
#111124 rgb(17,17,36)
```
#181731
```
#181731 rgb(24,23,49)
```
#1e1e3e
```
#1e1e3e rgb(30,30,62)
```
#24244c
```
#24244c rgb(36,36,76)
```
#2b2a59
```
#2b2a59 rgb(43,42,89)
```
#313066
```
#313066 rgb(49,48,102)
```
#373774
```
#373774 rgb(55,55,116)
```
#3e3d81
```
#3e3d81 rgb(62,61,129)
```
#44438e
```
#44438e rgb(68,67,142)
```
#4b4a9c
```
#4b4a9c rgb(75,74,156)
```
#5150a9
```
#5150a9 rgb(81,80,169)
```

Shade Color Variation

#5c5bb1
```
#5c5bb1 rgb(92,91,177)
```
#6968b8
```
#6968b8 rgb(105,104,184)
```
#7776be
```
#7776be rgb(119,118,190)
```
#8483c4
```
#8483c4 rgb(132,131,196)
```
#9190cb
```
#9190cb rgb(145,144,203)
```
#9e9ed1
```
#9e9ed1 rgb(158,158,209)
```
#acabd7
```
#acabd7 rgb(172,171,215)
```
#b9b8de
```
#b9b8de rgb(185,184,222)
```
#c6c6e4
```
#c6c6e4 rgb(198,198,228)
```
#d3d3ea
```
#d3d3ea rgb(211,211,234)
```
#e0e0f0
```
#e0e0f0 rgb(224,224,240)
```
#eeeef7
```
#eeeef7 rgb(238,238,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#767683
```
#767683 rgb(118,118,131)
```
#6d6d8c
```
#6d6d8c rgb(109,109,140)
```
#646396
```
#646396 rgb(100,99,150)
```
#5a5a9f
```
#5a5a9f rgb(90,90,159)
```
#5150a9
```
#5150a9 rgb(81,80,169)
```
#4846b3
```
#4846b3 rgb(72,70,179)
```
#3e3dbc
```
#3e3dbc rgb(62,61,188)
```
#3533c6
```
#3533c6 rgb(53,51,198)
```
#2c2acf
```
#2c2acf rgb(44,42,207)
```
#2220d9
```
#2220d9 rgb(34,32,217)
```
#1917e2
```
#1917e2 rgb(25,23,226)
```
#0f0dec
```
#0f0dec rgb(15,13,236)
```
#0603f6
```
#0603f6 rgb(6,3,246)
```

Tone Color Variation

Below, you can see how #5150a9 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

#5a5a5a Achromatopsia 0.005% of the population
#58586a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b60b3 Protanopia 1% of men
#0064a8 Deuteranopia 1% of men
#406970 Tritanopia 0.001% of the population

Trichromacy

#395aaf Protanomaly 1% of men, 0.01% of women
#1d5da8 Deuteranomaly 6% of men, 0.4% of women
#466085 Tritanomaly 0.01% of the population

#5150a9 hex color

#5150a9 Color Information

#5150a9 Color Conversion

Color Schemes with #5150a9

Alternatives to #5150a9

#5150a9 Preview

Shades and Tints of #5150a9

Tones of #5150a9

Color Blindness Simulator