#5a50b8 hex color

In a RGB color space, hex #5a50b8 is composed of 35.3% red, 31.4% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 56.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 245.8 degrees, a saturation of 42.3% and a lightness of 51.8%. #5a50b8 color hex could be obtained by blending #b4a0ff with #000071. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 31
- B 72
RGB color chart
- C 51
- M 57
- Y 0
- K 28
CMYK color chart

● #5a50b8 color description : Moderate blue.

The hexadecimal color #5a50b8 has RGB values of R:90, G:80, B:184 and CMYK values of C:0.51, M:0.57, Y:0, K:0.28. Its decimal value is 5918904.

Hex triplet	5a50b8	`#5a50b8`
RGB Decimal	90, 80, 184	`rgb(90,80,184)`
RGB Percent	35.3, 31.4, 72.2	`rgb(35.3%,31.4%,72.2%)`
CMYK	51, 57, 0, 28
HSL	245.8°, 42.3, 51.8	`hsl(245.8,42.3%,51.8%)`
HSV (or HSB)	245.8°, 56.5, 72.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.199, 32.309, -53.945
XYZ	15.735, 11.371, 46.711
xyY	0.213, 0.154, 11.371
CIE-LCH	40.199, 62.881, 300.919
CIE-LUV	40.199, -2.627, -80.909
Hunter-Lab	33.721, 24.28, -58.523
Binary	01011010, 01010000, 10111000

#5a50b8
```
#5a50b8 rgb(90,80,184)
```
#aeb850
```
#aeb850 rgb(174,184,80)
```

Complementary Color

#507ab8
```
#507ab8 rgb(80,122,184)
```
#5a50b8
```
#5a50b8 rgb(90,80,184)
```
#8e50b8
```
#8e50b8 rgb(142,80,184)
```

Analogous Color

#7ab850
```
#7ab850 rgb(122,184,80)
```
#5a50b8
```
#5a50b8 rgb(90,80,184)
```
#b88e50
```
#b88e50 rgb(184,142,80)
```

Split Complementary Color

#50b85a
```
#50b85a rgb(80,184,90)
```
#5a50b8
```
#5a50b8 rgb(90,80,184)
```
#b85a50
```
#b85a50 rgb(184,90,80)
```

Triadic Color

#50aeb8
```
#50aeb8 rgb(80,174,184)
```
#5a50b8
```
#5a50b8 rgb(90,80,184)
```
#b85a50
```
#b85a50 rgb(184,90,80)
```
#aeb850
```
#aeb850 rgb(174,184,80)
```

Tetradic Color

#3e3685
```
#3e3685 rgb(62,54,133)
```
#463d98
```
#463d98 rgb(70,61,152)
```
#4f45aa
```
#4f45aa rgb(79,69,170)
```
#5a50b8
```
#5a50b8 rgb(90,80,184)
```
#6b62bf
```
#6b62bf rgb(107,98,191)
```
#7c74c7
```
#7c74c7 rgb(124,116,199)
```
#8d86ce
```
#8d86ce rgb(141,134,206)
```

Monochromatic Color

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

#5060b8
```
#5060b8 rgb(80,96,184)
```
#5057b8
```
#5057b8 rgb(80,87,184)
```
#5150b8
```
#5150b8 rgb(81,80,184)
```
#5a50b8
```
#5a50b8 rgb(90,80,184)
```
#6350b8
```
#6350b8 rgb(99,80,184)
```
#6b50b8
```
#6b50b8 rgb(107,80,184)
```
#7450b8
```
#7450b8 rgb(116,80,184)
```

Similar Colors

Text with hexadecimal color #5a50b8

This text has a font color of #5a50b8.

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

#5a50b8 background color

This paragraph has a background color of #5a50b8.

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

#5a50b8 border color

This element has a border color of #5a50b8.

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

CSS codes

.text {color:#5a50b8;}

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

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

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

#030306
```
#030306 rgb(3,3,6)
```
#090814
```
#090814 rgb(9,8,20)
```
#100e22
```
#100e22 rgb(16,14,34)
```
#161430
```
#161430 rgb(22,20,48)
```
#1d193e
```
#1d193e rgb(29,25,62)
```
#231f4c
```
#231f4c rgb(35,31,76)
```
#2a255a
```
#2a255a rgb(42,37,90)
```
#302a68
```
#302a68 rgb(48,42,104)
```
#373076
```
#373076 rgb(55,48,118)
```
#3d3684
```
#3d3684 rgb(61,54,132)
```
#443b92
```
#443b92 rgb(68,59,146)
```
#4a41a0
```
#4a41a0 rgb(74,65,160)
```
#5047ae
```
#5047ae rgb(80,71,174)
```

Shade Color Variation

#5a50b8
```
#5a50b8 rgb(90,80,184)
```
#675ebe
```
#675ebe rgb(103,94,190)
```
#746cc3
```
#746cc3 rgb(116,108,195)
```
#817ac9
```
#817ac9 rgb(129,122,201)
```
#8f88cf
```
#8f88cf rgb(143,136,207)
```
#9c96d4
```
#9c96d4 rgb(156,150,212)
```
#a9a4da
```
#a9a4da rgb(169,164,218)
```
#b6b2e0
```
#b6b2e0 rgb(182,178,224)
```
#c3c0e5
```
#c3c0e5 rgb(195,192,229)
```
#d0ceeb
```
#d0ceeb rgb(208,206,235)
```
#dedcf1
```
#dedcf1 rgb(222,220,241)
```
#ebe9f6
```
#ebe9f6 rgb(235,233,246)
```
#f8f7fc
```
#f8f7fc rgb(248,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #807f89 is the less saturated color, while #250efa is the most saturated one.

#807f89
```
#807f89 rgb(128,127,137)
```
#797692
```
#797692 rgb(121,118,146)
```
#716c9c
```
#716c9c rgb(113,108,156)
```
#6963a5
```
#6963a5 rgb(105,99,165)
```
#6259af
```
#6259af rgb(98,89,175)
```
#5a50b8
```
#5a50b8 rgb(90,80,184)
```
#5247c1
```
#5247c1 rgb(82,71,193)
```
#4b3dcb
```
#4b3dcb rgb(75,61,203)
```
#4334d4
```
#4334d4 rgb(67,52,212)
```
#3b2ade
```
#3b2ade rgb(59,42,222)
```
#3421e7
```
#3421e7 rgb(52,33,231)
```
#2c17f1
```
#2c17f1 rgb(44,23,241)
```
#250efa
```
#250efa rgb(37,14,250)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5e5c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c4 Protanopia 1% of men
#0068ad Deuteranopia 1% of men
#466d74 Tritanopia 0.001% of the population

Trichromacy

#205cbf Protanomaly 1% of men, 0.01% of women
#205fb1 Deuteranomaly 6% of men, 0.4% of women
#4d628d Tritanomaly 0.01% of the population

#5a50b8 hex color

#5a50b8 Color Information

#5a50b8 Color Conversion

Color Schemes with #5a50b8

Alternatives to #5a50b8

#5a50b8 Preview

Shades and Tints of #5a50b8

Tones of #5a50b8

Color Blindness Simulator