#5a51bb hex color

In a RGB color space, hex #5a51bb is composed of 35.3% red, 31.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 56.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 245.1 degrees, a saturation of 43.8% and a lightness of 52.5%. #5a51bb color hex could be obtained by blending #b4a2ff with #000077. Closest websafe color is: #6666cc.

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

● #5a51bb color description : Moderate blue.

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

Hex triplet	5a51bb	`#5a51bb`
RGB Decimal	90, 81, 187	`rgb(90,81,187)`
RGB Percent	35.3, 31.8, 73.3	`rgb(35.3%,31.8%,73.3%)`
CMYK	52, 57, 0, 27
HSL	245.1°, 43.8, 52.5	`hsl(245.1,43.8%,52.5%)`
HSV (or HSB)	245.1°, 56.7, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.648, 32.634, -54.978
XYZ	16.127, 11.646, 48.409
xyY	0.212, 0.153, 11.646
CIE-LCH	40.648, 63.933, 300.692
CIE-LUV	40.648, -3.106, -82.662
Hunter-Lab	34.126, 24.632, -60.217
Binary	01011010, 01010001, 10111011

#5a51bb
```
#5a51bb rgb(90,81,187)
```
#b2bb51
```
#b2bb51 rgb(178,187,81)
```

Complementary Color

#517dbb
```
#517dbb rgb(81,125,187)
```
#5a51bb
```
#5a51bb rgb(90,81,187)
```
#8f51bb
```
#8f51bb rgb(143,81,187)
```

Analogous Color

#7dbb51
```
#7dbb51 rgb(125,187,81)
```
#5a51bb
```
#5a51bb rgb(90,81,187)
```
#bb8f51
```
#bb8f51 rgb(187,143,81)
```

Split Complementary Color

#51bb5a
```
#51bb5a rgb(81,187,90)
```
#5a51bb
```
#5a51bb rgb(90,81,187)
```
#bb5a51
```
#bb5a51 rgb(187,90,81)
```

Triadic Color

#51b2bb
```
#51b2bb rgb(81,178,187)
```
#5a51bb
```
#5a51bb rgb(90,81,187)
```
#bb5a51
```
#bb5a51 rgb(187,90,81)
```
#b2bb51
```
#b2bb51 rgb(178,187,81)
```

Tetradic Color

#3d368a
```
#3d368a rgb(61,54,138)
```
#453d9c
```
#453d9c rgb(69,61,156)
```
#4d44ae
```
#4d44ae rgb(77,68,174)
```
#5a51bb
```
#5a51bb rgb(90,81,187)
```
#6b63c2
```
#6b63c2 rgb(107,99,194)
```
#7d76c9
```
#7d76c9 rgb(125,118,201)
```
#8e88d0
```
#8e88d0 rgb(142,136,208)
```

Monochromatic Color

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

#5163bb
```
#5163bb rgb(81,99,187)
```
#515abb
```
#515abb rgb(81,90,187)
```
#5151bb
```
#5151bb rgb(81,81,187)
```
#5a51bb
```
#5a51bb rgb(90,81,187)
```
#6351bb
```
#6351bb rgb(99,81,187)
```
#6c51bb
```
#6c51bb rgb(108,81,187)
```
#7551bb
```
#7551bb rgb(117,81,187)
```

Similar Colors

Text with hexadecimal color #5a51bb

This text has a font color of #5a51bb.

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

#5a51bb background color

This paragraph has a background color of #5a51bb.

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

#5a51bb border color

This element has a border color of #5a51bb.

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

CSS codes

.text {color:#5a51bb;}

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

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

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 #fafafd is the lightest one.

#040409
```
#040409 rgb(4,4,9)
```
#0a0917
```
#0a0917 rgb(10,9,23)
```
#110f26
```
#110f26 rgb(17,15,38)
```
#171434
```
#171434 rgb(23,20,52)
```
#1d1a42
```
#1d1a42 rgb(29,26,66)
```
#231f50
```
#231f50 rgb(35,31,80)
```
#2a255e
```
#2a255e rgb(42,37,94)
```
#302a6c
```
#302a6c rgb(48,42,108)
```
#36307a
```
#36307a rgb(54,48,122)
```
#3c3588
```
#3c3588 rgb(60,53,136)
```
#433b96
```
#433b96 rgb(67,59,150)
```
#4940a4
```
#4940a4 rgb(73,64,164)
```
#4f46b3
```
#4f46b3 rgb(79,70,179)
```

Shade Color Variation

#5a51bb
```
#5a51bb rgb(90,81,187)
```
#675fc1
```
#675fc1 rgb(103,95,193)
```
#756dc6
```
#756dc6 rgb(117,109,198)
```
#827bcc
```
#827bcc rgb(130,123,204)
```
#8f89d1
```
#8f89d1 rgb(143,137,209)
```
#9d98d7
```
#9d98d7 rgb(157,152,215)
```
#aaa6dc
```
#aaa6dc rgb(170,166,220)
```
#b8b4e2
```
#b8b4e2 rgb(184,180,226)
```
#c5c2e7
```
#c5c2e7 rgb(197,194,231)
```
#d2d0ed
```
#d2d0ed rgb(210,208,237)
```
#e0def2
```
#e0def2 rgb(224,222,242)
```
#edecf8
```
#edecf8 rgb(237,236,248)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#81808c
```
#81808c rgb(129,128,140)
```
#797696
```
#797696 rgb(121,118,150)
```
#716d9f
```
#716d9f rgb(113,109,159)
```
#6964a8
```
#6964a8 rgb(105,100,168)
```
#625ab2
```
#625ab2 rgb(98,90,178)
```
#5a51bb
```
#5a51bb rgb(90,81,187)
```
#5248c4
```
#5248c4 rgb(82,72,196)
```
#4b3ece
```
#4b3ece rgb(75,62,206)
```
#4335d7
```
#4335d7 rgb(67,53,215)
```
#3b2ce0
```
#3b2ce0 rgb(59,44,224)
```
#3322ea
```
#3322ea rgb(51,34,234)
```
#2c19f3
```
#2c19f3 rgb(44,25,243)
```
#2410fc
```
#2410fc rgb(36,16,252)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5f5d72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c6 Protanopia 1% of men
#006aaf Deuteranopia 1% of men
#446e76 Tritanopia 0.001% of the population

Trichromacy

#205dc2 Protanomaly 1% of men, 0.01% of women
#2060b3 Deuteranomaly 6% of men, 0.4% of women
#4c638f Tritanomaly 0.01% of the population

#5a51bb hex color

#5a51bb Color Information

#5a51bb Color Conversion

Color Schemes with #5a51bb

Alternatives to #5a51bb

#5a51bb Preview

Shades and Tints of #5a51bb

Tones of #5a51bb

Color Blindness Simulator