#5358b5 hex color

In a RGB color space, hex #5358b5 is composed of 32.5% red, 34.5% green and 71% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 51.4% magenta, 0% yellow and 29% black. It has a hue angle of 236.9 degrees, a saturation of 39.8% and a lightness of 51.8%. #5358b5 color hex could be obtained by blending #a6b0ff with #00006b. Closest websafe color is: #6666cc.

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

● #5358b5 color description : Moderate blue.

The hexadecimal color #5358b5 has RGB values of R:83, G:88, B:181 and CMYK values of C:0.54, M:0.51, Y:0, K:0.29. Its decimal value is 5462197.

Hex triplet	5358b5	`#5358b5`
RGB Decimal	83, 88, 181	`rgb(83,88,181)`
RGB Percent	32.5, 34.5, 71	`rgb(32.5%,34.5%,71%)`
CMYK	54, 51, 0, 29
HSL	236.9°, 39.8, 51.8	`hsl(236.9,39.8%,51.8%)`
HSV (or HSB)	236.9°, 54.1, 71
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.46, 24.886, -50.18
XYZ	15.396, 12.154, 45.248
xyY	0.211, 0.167, 12.154
CIE-LCH	41.46, 56.012, 296.378
CIE-LUV	41.46, -7.09, -75.615
Hunter-Lab	34.863, 17.818, -52.549
Binary	01010011, 01011000, 10110101

#5358b5
```
#5358b5 rgb(83,88,181)
```
#b5b053
```
#b5b053 rgb(181,176,83)
```

Complementary Color

#5389b5
```
#5389b5 rgb(83,137,181)
```
#5358b5
```
#5358b5 rgb(83,88,181)
```
#7f53b5
```
#7f53b5 rgb(127,83,181)
```

Analogous Color

#89b553
```
#89b553 rgb(137,181,83)
```
#5358b5
```
#5358b5 rgb(83,88,181)
```
#b57f53
```
#b57f53 rgb(181,127,83)
```

Split Complementary Color

#58b553
```
#58b553 rgb(88,181,83)
```
#5358b5
```
#5358b5 rgb(83,88,181)
```
#b55358
```
#b55358 rgb(181,83,88)
```

Triadic Color

#53b5b0
```
#53b5b0 rgb(83,181,176)
```
#5358b5
```
#5358b5 rgb(83,88,181)
```
#b55358
```
#b55358 rgb(181,83,88)
```
#b5b053
```
#b5b053 rgb(181,176,83)
```

Tetradic Color

#383c83
```
#383c83 rgb(56,60,131)
```
#404495
```
#404495 rgb(64,68,149)
```
#484da7
```
#484da7 rgb(72,77,167)
```
#5358b5
```
#5358b5 rgb(83,88,181)
```
#6569bd
```
#6569bd rgb(101,105,189)
```
#777bc4
```
#777bc4 rgb(119,123,196)
```
#888ccc
```
#888ccc rgb(136,140,204)
```

Monochromatic Color

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

#5371b5
```
#5371b5 rgb(83,113,181)
```
#5368b5
```
#5368b5 rgb(83,104,181)
```
#5360b5
```
#5360b5 rgb(83,96,181)
```
#5358b5
```
#5358b5 rgb(83,88,181)
```
#5653b5
```
#5653b5 rgb(86,83,181)
```
#5e53b5
```
#5e53b5 rgb(94,83,181)
```
#6753b5
```
#6753b5 rgb(103,83,181)
```

Similar Colors

Text with hexadecimal color #5358b5

This text has a font color of #5358b5.

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

#5358b5 background color

This paragraph has a background color of #5358b5.

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

#5358b5 border color

This element has a border color of #5358b5.

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

CSS codes

.text {color:#5358b5;}

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

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

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

#030306
```
#030306 rgb(3,3,6)
```
#090914
```
#090914 rgb(9,9,20)
```
#0f0f22
```
#0f0f22 rgb(15,15,34)
```
#14162f
```
#14162f rgb(20,22,47)
```
#1a1c3d
```
#1a1c3d rgb(26,28,61)
```
#20224b
```
#20224b rgb(32,34,75)
```
#262959
```
#262959 rgb(38,41,89)
```
#2c2f66
```
#2c2f66 rgb(44,47,102)
```
#323574
```
#323574 rgb(50,53,116)
```
#383c82
```
#383c82 rgb(56,60,130)
```
#3e428f
```
#3e428f rgb(62,66,143)
```
#44489d
```
#44489d rgb(68,72,157)
```
#4a4eab
```
#4a4eab rgb(74,78,171)
```

Shade Color Variation

#5358b5
```
#5358b5 rgb(83,88,181)
```
#6165bb
```
#6165bb rgb(97,101,187)
```
#6e73c1
```
#6e73c1 rgb(110,115,193)
```
#7c80c7
```
#7c80c7 rgb(124,128,199)
```
#8a8dcd
```
#8a8dcd rgb(138,141,205)
```
#989bd3
```
#989bd3 rgb(152,155,211)
```
#a5a8d8
```
#a5a8d8 rgb(165,168,216)
```
#b3b5de
```
#b3b5de rgb(179,181,222)
```
#c1c3e4
```
#c1c3e4 rgb(193,195,228)
```
#ced0ea
```
#ced0ea rgb(206,208,234)
```
#dcddf0
```
#dcddf0 rgb(220,221,240)
```
#eaeaf6
```
#eaeaf6 rgb(234,234,246)
```
#f8f8fc
```
#f8f8fc rgb(248,248,252)
```

Tint Color Variation

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

#828286
```
#828286 rgb(130,130,134)
```
#797a8f
```
#797a8f rgb(121,122,143)
```
#6f7199
```
#6f7199 rgb(111,113,153)
```
#6669a2
```
#6669a2 rgb(102,105,162)
```
#5c60ac
```
#5c60ac rgb(92,96,172)
```
#5358b5
```
#5358b5 rgb(83,88,181)
```
#4a50be
```
#4a50be rgb(74,80,190)
```
#4047c8
```
#4047c8 rgb(64,71,200)
```
#373fd1
```
#373fd1 rgb(55,63,209)
```
#2d36db
```
#2d36db rgb(45,54,219)
```
#242ee4
```
#242ee4 rgb(36,46,228)
```
#1a25ee
```
#1a25ee rgb(26,37,238)
```
#111df7
```
#111df7 rgb(17,29,247)
```

Tone Color Variation

Below, you can see how #5358b5 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

#616161 Achromatopsia 0.005% of the population
#5e5f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3267be Protanopia 1% of men
#006bb3 Deuteranopia 1% of men
#3f7179 Tritanopia 0.001% of the population

Trichromacy

#3e61bb Protanomaly 1% of men, 0.01% of women
#1e64b4 Deuteranomaly 6% of men, 0.4% of women
#46688f Tritanomaly 0.01% of the population

#5358b5 hex color

#5358b5 Color Information

#5358b5 Color Conversion

Color Schemes with #5358b5

Alternatives to #5358b5

#5358b5 Preview

Shades and Tints of #5358b5

Tones of #5358b5

Color Blindness Simulator