#5a50bb hex color

In a RGB color space, hex #5a50bb is composed of 35.3% red, 31.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 57.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 245.6 degrees, a saturation of 44% and a lightness of 52.4%. #5a50bb color hex could be obtained by blending #b4a0ff with #000077. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 31
- B 73
RGB color chart
- C 52
- M 57
- Y 0
- K 27
CMYK color chart

● #5a50bb color description : Moderate blue.

The hexadecimal color #5a50bb has RGB values of R:90, G:80, B:187 and CMYK values of C:0.52, M:0.57, Y:0, K:0.27. Its decimal value is 5918907.

Hex triplet	5a50bb	`#5a50bb`
RGB Decimal	90, 80, 187	`rgb(90,80,187)`
RGB Percent	35.3, 31.4, 73.3	`rgb(35.3%,31.4%,73.3%)`
CMYK	52, 57, 0, 27
HSL	245.6°, 44, 52.4	`hsl(245.6,44%,52.4%)`
HSV (or HSB)	245.6°, 57.2, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.407, 33.246, -55.366
XYZ	16.053, 11.498, 48.385
xyY	0.211, 0.151, 11.498
CIE-LCH	40.407, 64.581, 300.984
CIE-LUV	40.407, -2.839, -83.105
Hunter-Lab	33.909, 25.163, -60.863
Binary	01011010, 01010000, 10111011

#5a50bb
```
#5a50bb rgb(90,80,187)
```
#b1bb50
```
#b1bb50 rgb(177,187,80)
```

Complementary Color

#507cbb
```
#507cbb rgb(80,124,187)
```
#5a50bb
```
#5a50bb rgb(90,80,187)
```
#9050bb
```
#9050bb rgb(144,80,187)
```

Analogous Color

#7cbb50
```
#7cbb50 rgb(124,187,80)
```
#5a50bb
```
#5a50bb rgb(90,80,187)
```
#bb9050
```
#bb9050 rgb(187,144,80)
```

Split Complementary Color

#50bb5a
```
#50bb5a rgb(80,187,90)
```
#5a50bb
```
#5a50bb rgb(90,80,187)
```
#bb5a50
```
#bb5a50 rgb(187,90,80)
```

Triadic Color

#50b1bb
```
#50b1bb rgb(80,177,187)
```
#5a50bb
```
#5a50bb rgb(90,80,187)
```
#bb5a50
```
#bb5a50 rgb(187,90,80)
```
#b1bb50
```
#b1bb50 rgb(177,187,80)
```

Tetradic Color

#3d3589
```
#3d3589 rgb(61,53,137)
```
#453c9c
```
#453c9c rgb(69,60,156)
```
#4e44ae
```
#4e44ae rgb(78,68,174)
```
#5a50bb
```
#5a50bb rgb(90,80,187)
```
#6b62c2
```
#6b62c2 rgb(107,98,194)
```
#7d75c9
```
#7d75c9 rgb(125,117,201)
```
#8e87d0
```
#8e87d0 rgb(142,135,208)
```

Monochromatic Color

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

#5061bb
```
#5061bb rgb(80,97,187)
```
#5058bb
```
#5058bb rgb(80,88,187)
```
#5150bb
```
#5150bb rgb(81,80,187)
```
#5a50bb
```
#5a50bb rgb(90,80,187)
```
#6350bb
```
#6350bb rgb(99,80,187)
```
#6c50bb
```
#6c50bb rgb(108,80,187)
```
#7550bb
```
#7550bb rgb(117,80,187)
```

Similar Colors

Text with hexadecimal color #5a50bb

This text has a font color of #5a50bb.

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

#5a50bb background color

This paragraph has a background color of #5a50bb.

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

#5a50bb border color

This element has a border color of #5a50bb.

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

CSS codes

.text {color:#5a50bb;}

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

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

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

#040309
```
#040309 rgb(4,3,9)
```
#0a0917
```
#0a0917 rgb(10,9,23)
```
#100e25
```
#100e25 rgb(16,14,37)
```
#171433
```
#171433 rgb(23,20,51)
```
#1d1941
```
#1d1941 rgb(29,25,65)
```
#231f4f
```
#231f4f rgb(35,31,79)
```
#2a245d
```
#2a245d rgb(42,36,93)
```
#302a6c
```
#302a6c rgb(48,42,108)
```
#362f7a
```
#362f7a rgb(54,47,122)
```
#3d3588
```
#3d3588 rgb(61,53,136)
```
#433a96
```
#433a96 rgb(67,58,150)
```
#4940a4
```
#4940a4 rgb(73,64,164)
```
#4f45b2
```
#4f45b2 rgb(79,69,178)
```

Shade Color Variation

#5a50bb
```
#5a50bb rgb(90,80,187)
```
#675ec0
```
#675ec0 rgb(103,94,192)
```
#756cc6
```
#756cc6 rgb(117,108,198)
```
#827acb
```
#827acb rgb(130,122,203)
```
#8f89d1
```
#8f89d1 rgb(143,137,209)
```
#9d97d6
```
#9d97d6 rgb(157,151,214)
```
#aaa5dc
```
#aaa5dc rgb(170,165,220)
```
#b7b3e1
```
#b7b3e1 rgb(183,179,225)
```
#c5c1e7
```
#c5c1e7 rgb(197,193,231)
```
#d2cfec
```
#d2cfec rgb(210,207,236)
```
#dfddf2
```
#dfddf2 rgb(223,221,242)
```
#edebf7
```
#edebf7 rgb(237,235,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#807f8c
```
#807f8c rgb(128,127,140)
```
#787596
```
#787596 rgb(120,117,150)
```
#716c9f
```
#716c9f rgb(113,108,159)
```
#6963a8
```
#6963a8 rgb(105,99,168)
```
#6259b2
```
#6259b2 rgb(98,89,178)
```
#5a50bb
```
#5a50bb rgb(90,80,187)
```
#5247c4
```
#5247c4 rgb(82,71,196)
```
#4b3dce
```
#4b3dce rgb(75,61,206)
```
#4334d7
```
#4334d7 rgb(67,52,215)
```
#3c2be0
```
#3c2be0 rgb(60,43,224)
```
#3421ea
```
#3421ea rgb(52,33,234)
```
#2c18f3
```
#2c18f3 rgb(44,24,243)
```
#250ffc
```
#250ffc rgb(37,15,252)
```

Tone Color Variation

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

#0064c4 Protanopia 1% of men
#0069ae Deuteranopia 1% of men
#446d75 Tritanopia 0.001% of the population

Trichromacy

#205cc1 Protanomaly 1% of men, 0.01% of women
#2060b2 Deuteranomaly 6% of men, 0.4% of women
#4c628e Tritanomaly 0.01% of the population

#5a50bb hex color

#5a50bb Color Information

#5a50bb Color Conversion

Color Schemes with #5a50bb

Alternatives to #5a50bb

#5a50bb Preview

Shades and Tints of #5a50bb

Tones of #5a50bb

Color Blindness Simulator