#5a5098 hex color

In a RGB color space, hex #5a5098 is composed of 35.3% red, 31.4% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 47.4% magenta, 0% yellow and 40.4% black. It has a hue angle of 248.3 degrees, a saturation of 31% and a lightness of 45.5%. #5a5098 color hex could be obtained by blending #b4a0ff with #000031. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 31
- B 60
RGB color chart
- C 41
- M 47
- Y 0
- K 40
CMYK color chart

● #5a5098 color description : Dark moderate blue.

The hexadecimal color #5a5098 has RGB values of R:90, G:80, B:152 and CMYK values of C:0.41, M:0.47, Y:0, K:0.4. Its decimal value is 5918872.

Hex triplet	5a5098	`#5a5098`
RGB Decimal	90, 80, 152	`rgb(90,80,152)`
RGB Percent	35.3, 31.4, 59.6	`rgb(35.3%,31.4%,59.6%)`
CMYK	41, 47, 0, 40
HSL	248.3°, 31, 45.5	`hsl(248.3,31%,45.5%)`
HSV (or HSB)	248.3°, 47.4, 59.6
Web Safe	666699	`#666699`

CIE-LAB	38.16, 22.517, -38.189
XYZ	12.752, 10.178, 30.997
xyY	0.236, 0.189, 10.178
CIE-LCH	38.16, 44.333, 300.525
CIE-LUV	38.16, -0.225, -56.482
Hunter-Lab	31.903, 15.517, -35.275
Binary	01011010, 01010000, 10011000

#5a5098
```
#5a5098 rgb(90,80,152)
```
#8e9850
```
#8e9850 rgb(142,152,80)
```

Complementary Color

#506a98
```
#506a98 rgb(80,106,152)
```
#5a5098
```
#5a5098 rgb(90,80,152)
```
#7e5098
```
#7e5098 rgb(126,80,152)
```

Analogous Color

#6a9850
```
#6a9850 rgb(106,152,80)
```
#5a5098
```
#5a5098 rgb(90,80,152)
```
#987e50
```
#987e50 rgb(152,126,80)
```

Split Complementary Color

#50985a
```
#50985a rgb(80,152,90)
```
#5a5098
```
#5a5098 rgb(90,80,152)
```
#985a50
```
#985a50 rgb(152,90,80)
```

Triadic Color

#508e98
```
#508e98 rgb(80,142,152)
```
#5a5098
```
#5a5098 rgb(90,80,152)
```
#985a50
```
#985a50 rgb(152,90,80)
```
#8e9850
```
#8e9850 rgb(142,152,80)
```

Tetradic Color

#3c3666
```
#3c3666 rgb(60,54,102)
```
#463e77
```
#463e77 rgb(70,62,119)
```
#504787
```
#504787 rgb(80,71,135)
```
#5a5098
```
#5a5098 rgb(90,80,152)
```
#645aa8
```
#645aa8 rgb(100,90,168)
```
#746ab1
```
#746ab1 rgb(116,106,177)
```
#847bba
```
#847bba rgb(132,123,186)
```

Monochromatic Color

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

#505898
```
#505898 rgb(80,88,152)
```
#505298
```
#505298 rgb(80,82,152)
```
#545098
```
#545098 rgb(84,80,152)
```
#5a5098
```
#5a5098 rgb(90,80,152)
```
#605098
```
#605098 rgb(96,80,152)
```
#665098
```
#665098 rgb(102,80,152)
```
#6c5098
```
#6c5098 rgb(108,80,152)
```

Similar Colors

Text with hexadecimal color #5a5098

This text has a font color of #5a5098.

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

#5a5098 background color

This paragraph has a background color of #5a5098.

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

#5a5098 border color

This element has a border color of #5a5098.

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

CSS codes

.text {color:#5a5098;}

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

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

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, #06060b is the darkest color, while #fdfdfe is the lightest one.

#06060b
```
#06060b rgb(6,6,11)
```
#0e0c17
```
#0e0c17 rgb(14,12,23)
```
#161324
```
#161324 rgb(22,19,36)
```
#1d1a31
```
#1d1a31 rgb(29,26,49)
```
#25213e
```
#25213e rgb(37,33,62)
```
#2c274b
```
#2c274b rgb(44,39,75)
```
#342e58
```
#342e58 rgb(52,46,88)
```
#3c3565
```
#3c3565 rgb(60,53,101)
```
#433c71
```
#433c71 rgb(67,60,113)
```
#4b427e
```
#4b427e rgb(75,66,126)
```
#52498b
```
#52498b rgb(82,73,139)
```
#5a5098
```
#5a5098 rgb(90,80,152)
```
#6257a5
```
#6257a5 rgb(98,87,165)
```

Shade Color Variation

#6d63ad
```
#6d63ad rgb(109,99,173)
```
#796fb3
```
#796fb3 rgb(121,111,179)
```
#857cba
```
#857cba rgb(133,124,186)
```
#9189c1
```
#9189c1 rgb(145,137,193)
```
#9d96c8
```
#9d96c8 rgb(157,150,200)
```
#a9a3ce
```
#a9a3ce rgb(169,163,206)
```
#b5b0d5
```
#b5b0d5 rgb(181,176,213)
```
#c1bddc
```
#c1bddc rgb(193,189,220)
```
#cdc9e3
```
#cdc9e3 rgb(205,201,227)
```
#d9d6ea
```
#d9d6ea rgb(217,214,234)
```
#e5e3f0
```
#e5e3f0 rgb(229,227,240)
```
#f1f0f7
```
#f1f0f7 rgb(241,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#747474
```
#747474 rgb(116,116,116)
```
#6d6b7d
```
#6d6b7d rgb(109,107,125)
```
#676286
```
#676286 rgb(103,98,134)
```
#60598f
```
#60598f rgb(96,89,143)
```
#5a5098
```
#5a5098 rgb(90,80,152)
```
#5447a1
```
#5447a1 rgb(84,71,161)
```
#4d3eaa
```
#4d3eaa rgb(77,62,170)
```
#4735b3
```
#4735b3 rgb(71,53,179)
```
#402cbc
```
#402cbc rgb(64,44,188)
```
#3a23c5
```
#3a23c5 rgb(58,35,197)
```
#331ace
```
#331ace rgb(51,26,206)
```
#2d12d6
```
#2d12d6 rgb(45,18,214)
```
#2609df
```
#2609df rgb(38,9,223)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5b5967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4160a3 Protanopia 1% of men
#3c6299 Deuteranopia 1% of men
#54656c Tritanopia 0.001% of the population

Trichromacy

#4a5a9f Protanomaly 1% of men, 0.01% of women
#475c99 Deuteranomaly 6% of men, 0.4% of women
#565d7c Tritanomaly 0.01% of the population

#5a5098 hex color

#5a5098 Color Information

#5a5098 Color Conversion

Color Schemes with #5a5098

Alternatives to #5a5098

#5a5098 Preview

Shades and Tints of #5a5098

Tones of #5a5098

Color Blindness Simulator