#5358aa hex color

In a RGB color space, hex #5358aa is composed of 32.5% red, 34.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 48.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 236.6 degrees, a saturation of 34.4% and a lightness of 49.6%. #5358aa color hex could be obtained by blending #a6b0ff with #000055. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 35
- B 67
RGB color chart
- C 51
- M 48
- Y 0
- K 33
CMYK color chart

● #5358aa color description : Dark moderate blue.

The hexadecimal color #5358aa has RGB values of R:83, G:88, B:170 and CMYK values of C:0.51, M:0.48, Y:0, K:0.33. Its decimal value is 5462186.

Hex triplet	5358aa	`#5358aa`
RGB Decimal	83, 88, 170	`rgb(83,88,170)`
RGB Percent	32.5, 34.5, 66.7	`rgb(32.5%,34.5%,66.7%)`
CMYK	51, 48, 0, 33
HSL	236.6°, 34.4, 49.6	`hsl(236.6,34.4%,49.6%)`
HSV (or HSB)	236.6°, 51.2, 66.7
Web Safe	666699	`#666699`

CIE-LAB	40.768, 21.311, -44.808
XYZ	14.311, 11.72, 39.536
xyY	0.218, 0.179, 11.72
CIE-LCH	40.768, 49.618, 295.437
CIE-LUV	40.768, -6.58, -67.13
Hunter-Lab	34.235, 14.708, -44.507
Binary	01010011, 01011000, 10101010

#5358aa
```
#5358aa rgb(83,88,170)
```
#aaa553
```
#aaa553 rgb(170,165,83)
```

Complementary Color

#5384aa
```
#5384aa rgb(83,132,170)
```
#5358aa
```
#5358aa rgb(83,88,170)
```
#7a53aa
```
#7a53aa rgb(122,83,170)
```

Analogous Color

#84aa53
```
#84aa53 rgb(132,170,83)
```
#5358aa
```
#5358aa rgb(83,88,170)
```
#aa7a53
```
#aa7a53 rgb(170,122,83)
```

Split Complementary Color

#58aa53
```
#58aa53 rgb(88,170,83)
```
#5358aa
```
#5358aa rgb(83,88,170)
```
#aa5358
```
#aa5358 rgb(170,83,88)
```

Triadic Color

#53aaa5
```
#53aaa5 rgb(83,170,165)
```
#5358aa
```
#5358aa rgb(83,88,170)
```
#aa5358
```
#aa5358 rgb(170,83,88)
```
#aaa553
```
#aaa553 rgb(170,165,83)
```

Tetradic Color

#3a3d77
```
#3a3d77 rgb(58,61,119)
```
#424688
```
#424688 rgb(66,70,136)
```
#4b4f99
```
#4b4f99 rgb(75,79,153)
```
#5358aa
```
#5358aa rgb(83,88,170)
```
#6368b3
```
#6368b3 rgb(99,104,179)
```
#7579bb
```
#7579bb rgb(117,121,187)
```
#8689c4
```
#8689c4 rgb(134,137,196)
```

Monochromatic Color

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

#536eaa
```
#536eaa rgb(83,110,170)
```
#5367aa
```
#5367aa rgb(83,103,170)
```
#535faa
```
#535faa rgb(83,95,170)
```
#5358aa
```
#5358aa rgb(83,88,170)
```
#5553aa
```
#5553aa rgb(85,83,170)
```
#5d53aa
```
#5d53aa rgb(93,83,170)
```
#6453aa
```
#6453aa rgb(100,83,170)
```

Similar Colors

Text with hexadecimal color #5358aa

This text has a font color of #5358aa.

<span style="color:#5358aa;">Text here</span>

#5358aa background color

This paragraph has a background color of #5358aa.

<p style="background-color:#5358aa;">Content here</p>

#5358aa border color

This element has a border color of #5358aa.

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

CSS codes

.text {color:#5358aa;}

.background {background-color:#5358aa;}

.border {border:1px solid #5358aa;}

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

#06060c
```
#06060c rgb(6,6,12)
```
#0c0d19
```
#0c0d19 rgb(12,13,25)
```
#131426
```
#131426 rgb(19,20,38)
```
#191b33
```
#191b33 rgb(25,27,51)
```
#202141
```
#202141 rgb(32,33,65)
```
#26284e
```
#26284e rgb(38,40,78)
```
#2c2f5b
```
#2c2f5b rgb(44,47,91)
```
#333668
```
#333668 rgb(51,54,104)
```
#393d75
```
#393d75 rgb(57,61,117)
```
#404482
```
#404482 rgb(64,68,130)
```
#464a90
```
#464a90 rgb(70,74,144)
```
#4d519d
```
#4d519d rgb(77,81,157)
```
#5358aa
```
#5358aa rgb(83,88,170)
```

Shade Color Variation

#5f64b1
```
#5f64b1 rgb(95,100,177)
```
#6d71b8
```
#6d71b8 rgb(109,113,184)
```
#7a7ebe
```
#7a7ebe rgb(122,126,190)
```
#878bc4
```
#878bc4 rgb(135,139,196)
```
#9497cb
```
#9497cb rgb(148,151,203)
```
#a1a4d1
```
#a1a4d1 rgb(161,164,209)
```
#afb1d8
```
#afb1d8 rgb(175,177,216)
```
#bcbede
```
#bcbede rgb(188,190,222)
```
#c9cbe5
```
#c9cbe5 rgb(201,203,229)
```
#d6d7eb
```
#d6d7eb rgb(214,215,235)
```
#e3e4f1
```
#e3e4f1 rgb(227,228,241)
```
#f0f1f8
```
#f0f1f8 rgb(240,241,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7a83 is the less saturated color, while #0513f8 is the most saturated one.

#7a7a83
```
#7a7a83 rgb(122,122,131)
```
#70728d
```
#70728d rgb(112,114,141)
```
#666997
```
#666997 rgb(102,105,151)
```
#5d61a0
```
#5d61a0 rgb(93,97,160)
```
#5358aa
```
#5358aa rgb(83,88,170)
```
#494fb4
```
#494fb4 rgb(73,79,180)
```
#4047bd
```
#4047bd rgb(64,71,189)
```
#363ec7
```
#363ec7 rgb(54,62,199)
```
#2c36d1
```
#2c36d1 rgb(44,54,209)
```
#222ddb
```
#222ddb rgb(34,45,219)
```
#1924e4
```
#1924e4 rgb(25,36,228)
```
#0f1cee
```
#0f1cee rgb(15,28,238)
```
#0513f8
```
#0513f8 rgb(5,19,248)
```

Tone Color Variation

Below, you can see how #5358aa 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
#5d5e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e65b2 Protanopia 1% of men
#2e69aa Deuteranopia 1% of men
#456e76 Tritanopia 0.001% of the population

Trichromacy

#4660af Protanomaly 1% of men, 0.01% of women
#3b63aa Deuteranomaly 6% of men, 0.4% of women
#4a6689 Tritanomaly 0.01% of the population

#5358aa hex color

#5358aa Color Information

#5358aa Color Conversion

Color Schemes with #5358aa

Alternatives to #5358aa

#5358aa Preview

Shades and Tints of #5358aa

Tones of #5358aa

Color Blindness Simulator