colorhexa.com

#5a51d2 hex color

In a RGB color space, hex #5a51d2 is composed of 35.3% red, 31.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 61.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 244.2 degrees, a saturation of 58.9% and a lightness of 57.1%. #5a51d2 color hex could be obtained by blending #b4a2ff with #0000a5. Closest websafe color is: #6666cc.

- R 35
- G 32
- B 82
RGB color chart
- C 57
- M 61
- Y 0
- K 18
CMYK color chart

● #5a51d2 color description : Moderate blue.

The hexadecimal color #5a51d2 has RGB values of R:90, G:81, B:210 and CMYK values of C:0.57, M:0.61, Y:0, K:0.18. Its decimal value is 5919186.

Hex triplet	5a51d2	`#5a51d2`
RGB Decimal	90, 81, 210	`rgb(90,81,210)`
RGB Percent	35.3, 31.8, 82.4	`rgb(35.3%,31.8%,82.4%)`
CMYK	57, 61, 0, 18
HSL	244.2°, 58.9, 57.1	`hsl(244.2,58.9%,57.1%)`
HSV (or HSB)	244.2°, 61.4, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.324, 39.871, -65.596
XYZ	18.789, 12.711, 62.433
xyY	0.2, 0.135, 12.711
CIE-LCH	42.324, 76.763, 301.293
CIE-LUV	42.324, -4.625, -99.038
Hunter-Lab	35.652, 31.681, -78.869
Binary	01011010, 01010001, 11010010

#5a51d2
```
#5a51d2 rgb(90,81,210)
```
#c9d251
```
#c9d251 rgb(201,210,81)
```

Complementary Color

#5189d2
```
#5189d2 rgb(81,137,210)
```
#5a51d2
```
#5a51d2 rgb(90,81,210)
```
#9b51d2
```
#9b51d2 rgb(155,81,210)
```

Analogous Color

#89d251
```
#89d251 rgb(137,210,81)
```
#5a51d2
```
#5a51d2 rgb(90,81,210)
```
#d29b51
```
#d29b51 rgb(210,155,81)
```

Split Complementary Color

#51d25a
```
#51d25a rgb(81,210,90)
```
#5a51d2
```
#5a51d2 rgb(90,81,210)
```
#d25a51
```
#d25a51 rgb(210,90,81)
```

Triadic Color

#51c9d2
```
#51c9d2 rgb(81,201,210)
```
#5a51d2
```
#5a51d2 rgb(90,81,210)
```
#d25a51
```
#d25a51 rgb(210,90,81)
```
#c9d251
```
#c9d251 rgb(201,210,81)
```

Tetradic Color

#352caa
```
#352caa rgb(53,44,170)
```
#3b31bf
```
#3b31bf rgb(59,49,191)
```
#473dcd
```
#473dcd rgb(71,61,205)
```
#5a51d2
```
#5a51d2 rgb(90,81,210)
```
#6d65d7
```
#6d65d7 rgb(109,101,215)
```
#807adc
```
#807adc rgb(128,122,220)
```
#948ee2
```
#948ee2 rgb(148,142,226)
```

Monochromatic Color

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

#5168d2
```
#5168d2 rgb(81,104,210)
```
#515ed2
```
#515ed2 rgb(81,94,210)
```
#5153d2
```
#5153d2 rgb(81,83,210)
```
#5a51d2
```
#5a51d2 rgb(90,81,210)
```
#6551d2
```
#6551d2 rgb(101,81,210)
```
#7051d2
```
#7051d2 rgb(112,81,210)
```
#7a51d2
```
#7a51d2 rgb(122,81,210)
```

Similar Colors

Text with hexadecimal color #5a51d2

This text has a font color of #5a51d2.

<span style="color:#5a51d2;">Text here</span>

#5a51d2 background color

This paragraph has a background color of #5a51d2.

<p style="background-color:#5a51d2;">Content here</p>

#5a51d2 border color

This element has a border color of #5a51d2.

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

CSS codes

.text {color:#5a51d2;}

.background {background-color:#5a51d2;}

.border {border:1px solid #5a51d2;}

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, #04030d is the darkest color, while #fdfcfe is the lightest one.

#04030d
```
#04030d rgb(4,3,13)
```
#09071d
```
#09071d rgb(9,7,29)
```
#0e0b2c
```
#0e0b2c rgb(14,11,44)
```
#130f3c
```
#130f3c rgb(19,15,60)
```
#17134b
```
#17134b rgb(23,19,75)
```
#1c185b
```
#1c185b rgb(28,24,91)
```
#211c6b
```
#211c6b rgb(33,28,107)
```
#26207a
```
#26207a rgb(38,32,122)
```
#2b248a
```
#2b248a rgb(43,36,138)
```
#302899
```
#302899 rgb(48,40,153)
```
#342ca9
```
#342ca9 rgb(52,44,169)
```
#3930b8
```
#3930b8 rgb(57,48,184)
```
#3e34c8
```
#3e34c8 rgb(62,52,200)
```

Shade Color Variation

#4b41ce
```
#4b41ce rgb(75,65,206)
```
#5a51d2
```
#5a51d2 rgb(90,81,210)
```
#6961d6
```
#6961d6 rgb(105,97,214)
```
#7870da
```
#7870da rgb(120,112,218)
```
#8680de
```
#8680de rgb(134,128,222)
```
#958fe2
```
#958fe2 rgb(149,143,226)
```
#a49fe6
```
#a49fe6 rgb(164,159,230)
```
#b3afea
```
#b3afea rgb(179,175,234)
```
#c1beee
```
#c1beee rgb(193,190,238)
```
#d0cef2
```
#d0cef2 rgb(208,206,242)
```
#dfddf6
```
#dfddf6 rgb(223,221,246)
```
#eeedfa
```
#eeedfa rgb(238,237,250)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8c97 is the less saturated color, while #3627fc is the most saturated one.

#8d8c97
```
#8d8c97 rgb(141,140,151)
```
#85849f
```
#85849f rgb(133,132,159)
```
#7e7ba8
```
#7e7ba8 rgb(126,123,168)
```
#7773b0
```
#7773b0 rgb(119,115,176)
```
#706ab9
```
#706ab9 rgb(112,106,185)
```
#6862c1
```
#6862c1 rgb(104,98,193)
```
#6159ca
```
#6159ca rgb(97,89,202)
```
#5a51d2
```
#5a51d2 rgb(90,81,210)
```
#5349da
```
#5349da rgb(83,73,218)
```
#4c40e3
```
#4c40e3 rgb(76,64,227)
```
#4438eb
```
#4438eb rgb(68,56,235)
```
#3d2ff4
```
#3d2ff4 rgb(61,47,244)
```
#3627fc
```
#3627fc rgb(54,39,252)
```

Tone Color Variation

Below, you can see how #5a51d2 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

#626262 Achromatopsia 0.005% of the population
#605f78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb3 Deuteranopia 1% of men
#32747d Tritanopia 0.001% of the population

Trichromacy

#2060ce Protanomaly 1% of men, 0.01% of women
#2063be Deuteranomaly 6% of men, 0.4% of women
#41679c Tritanomaly 0.01% of the population