#5356a5 hex color

In a RGB color space, hex #5356a5 is composed of 32.5% red, 33.7% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 47.9% magenta, 0% yellow and 35.3% black. It has a hue angle of 237.8 degrees, a saturation of 33.1% and a lightness of 48.6%. #5356a5 color hex could be obtained by blending #a6acff with #00004b. Closest websafe color is: #666699.

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

● #5356a5 color description : Dark moderate blue.

The hexadecimal color #5356a5 has RGB values of R:83, G:86, B:165 and CMYK values of C:0.5, M:0.48, Y:0, K:0.35. Its decimal value is 5461669.

Hex triplet	5356a5	`#5356a5`
RGB Decimal	83, 86, 165	`rgb(83,86,165)`
RGB Percent	32.5, 33.7, 64.7	`rgb(32.5%,33.7%,64.7%)`
CMYK	50, 48, 0, 35
HSL	237.8°, 33.1, 48.6	`hsl(237.8,33.1%,48.6%)`
HSV (or HSB)	237.8°, 49.7, 64.7
Web Safe	666699	`#666699`

CIE-LAB	39.933, 20.973, -43.177
XYZ	13.685, 11.211, 37.038
xyY	0.221, 0.181, 11.211
CIE-LCH	39.933, 48.001, 295.908
CIE-LUV	39.933, -5.703, -64.337
Hunter-Lab	33.482, 14.364, -42.148
Binary	01010011, 01010110, 10100101

#5356a5
```
#5356a5 rgb(83,86,165)
```
#a5a253
```
#a5a253 rgb(165,162,83)
```

Complementary Color

#537fa5
```
#537fa5 rgb(83,127,165)
```
#5356a5
```
#5356a5 rgb(83,86,165)
```
#7953a5
```
#7953a5 rgb(121,83,165)
```

Analogous Color

#7fa553
```
#7fa553 rgb(127,165,83)
```
#5356a5
```
#5356a5 rgb(83,86,165)
```
#a57953
```
#a57953 rgb(165,121,83)
```

Split Complementary Color

#56a553
```
#56a553 rgb(86,165,83)
```
#5356a5
```
#5356a5 rgb(83,86,165)
```
#a55356
```
#a55356 rgb(165,83,86)
```

Triadic Color

#53a5a2
```
#53a5a2 rgb(83,165,162)
```
#5356a5
```
#5356a5 rgb(83,86,165)
```
#a55356
```
#a55356 rgb(165,83,86)
```
#a5a253
```
#a5a253 rgb(165,162,83)
```

Tetradic Color

#393b72
```
#393b72 rgb(57,59,114)
```
#424483
```
#424483 rgb(66,68,131)
```
#4a4d94
```
#4a4d94 rgb(74,77,148)
```
#5356a5
```
#5356a5 rgb(83,86,165)
```
#6265b0
```
#6265b0 rgb(98,101,176)
```
#7375b8
```
#7375b8 rgb(115,117,184)
```
#8486c1
```
#8486c1 rgb(132,134,193)
```

Monochromatic Color

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

#536ba5
```
#536ba5 rgb(83,107,165)
```
#5364a5
```
#5364a5 rgb(83,100,165)
```
#535da5
```
#535da5 rgb(83,93,165)
```
#5356a5
```
#5356a5 rgb(83,86,165)
```
#5753a5
```
#5753a5 rgb(87,83,165)
```
#5e53a5
```
#5e53a5 rgb(94,83,165)
```
#6553a5
```
#6553a5 rgb(101,83,165)
```

Similar Colors

Text with hexadecimal color #5356a5

This text has a font color of #5356a5.

<span style="color:#5356a5;">Text here</span>

#5356a5 background color

This paragraph has a background color of #5356a5.

<p style="background-color:#5356a5;">Content here</p>

#5356a5 border color

This element has a border color of #5356a5.

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

CSS codes

.text {color:#5356a5;}

.background {background-color:#5356a5;}

.border {border:1px solid #5356a5;}

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

#040408
```
#040408 rgb(4,4,8)
```
#0b0b15
```
#0b0b15 rgb(11,11,21)
```
#111222
```
#111222 rgb(17,18,34)
```
#181930
```
#181930 rgb(24,25,48)
```
#1e203d
```
#1e203d rgb(30,32,61)
```
#25264a
```
#25264a rgb(37,38,74)
```
#2c2d57
```
#2c2d57 rgb(44,45,87)
```
#323464
```
#323464 rgb(50,52,100)
```
#393b71
```
#393b71 rgb(57,59,113)
```
#3f427e
```
#3f427e rgb(63,66,126)
```
#46488b
```
#46488b rgb(70,72,139)
```
#4c4f98
```
#4c4f98 rgb(76,79,152)
```
#5356a5
```
#5356a5 rgb(83,86,165)
```

Shade Color Variation

#5e61ae
```
#5e61ae rgb(94,97,174)
```
#6b6db4
```
#6b6db4 rgb(107,109,180)
```
#787abb
```
#787abb rgb(120,122,187)
```
#8587c2
```
#8587c2 rgb(133,135,194)
```
#9294c8
```
#9294c8 rgb(146,148,200)
```
#9fa1cf
```
#9fa1cf rgb(159,161,207)
```
#acaed5
```
#acaed5 rgb(172,174,213)
```
#b9badc
```
#b9badc rgb(185,186,220)
```
#c6c7e2
```
#c6c7e2 rgb(198,199,226)
```
#d3d4e9
```
#d3d4e9 rgb(211,212,233)
```
#e0e1f0
```
#e0e1f0 rgb(224,225,240)
```
#edeef6
```
#edeef6 rgb(237,238,246)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79797f is the less saturated color, while #070ff1 is the most saturated one.

#79797f
```
#79797f rgb(121,121,127)
```
#707188
```
#707188 rgb(112,113,136)
```
#666892
```
#666892 rgb(102,104,146)
```
#5d5f9b
```
#5d5f9b rgb(93,95,155)
```
#5356a5
```
#5356a5 rgb(83,86,165)
```
#494daf
```
#494daf rgb(73,77,175)
```
#4044b8
```
#4044b8 rgb(64,68,184)
```
#363bc2
```
#363bc2 rgb(54,59,194)
```
#2d33cb
```
#2d33cb rgb(45,51,203)
```
#232ad5
```
#232ad5 rgb(35,42,213)
```
#1a21de
```
#1a21de rgb(26,33,222)
```
#1018e8
```
#1018e8 rgb(16,24,232)
```
#070ff1
```
#070ff1 rgb(7,15,241)
```

Tone Color Variation

Below, you can see how #5356a5 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

#5e5e5e Achromatopsia 0.005% of the population
#5c5c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f64ae Protanopia 1% of men
#3167a6 Deuteranopia 1% of men
#476c73 Tritanopia 0.001% of the population

Trichromacy

#465eaa Protanomaly 1% of men, 0.01% of women
#3d61a5 Deuteranomaly 6% of men, 0.4% of women
#4b6485 Tritanomaly 0.01% of the population

#5356a5 hex color

#5356a5 Color Information

#5356a5 Color Conversion

Color Schemes with #5356a5

Alternatives to #5356a5

#5356a5 Preview

Shades and Tints of #5356a5

Tones of #5356a5

Color Blindness Simulator