#5356ac hex color

In a RGB color space, hex #5356ac is composed of 32.5% red, 33.7% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 50% magenta, 0% yellow and 32.5% black. It has a hue angle of 238 degrees, a saturation of 34.9% and a lightness of 50%. #5356ac color hex could be obtained by blending #a6acff with #000059. Closest websafe color is: #666699.

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

● #5356ac color description : Dark moderate blue.

The hexadecimal color #5356ac has RGB values of R:83, G:86, B:172 and CMYK values of C:0.52, M:0.5, Y:0, K:0.33. Its decimal value is 5461676.

Hex triplet	5356ac	`#5356ac`
RGB Decimal	83, 86, 172	`rgb(83,86,172)`
RGB Percent	32.5, 33.7, 67.5	`rgb(32.5%,33.7%,67.5%)`
CMYK	52, 50, 0, 33
HSL	238°, 34.9, 50	`hsl(238,34.9%,50%)`
HSV (or HSB)	238°, 51.7, 67.5
Web Safe	666699	`#666699`

CIE-LAB	40.365, 23.225, -46.636
XYZ	14.34, 11.473, 40.486
xyY	0.216, 0.173, 11.473
CIE-LCH	40.365, 52.099, 296.473
CIE-LUV	40.365, -6.055, -69.779
Hunter-Lab	33.871, 16.296, -47.159
Binary	01010011, 01010110, 10101100

#5356ac
```
#5356ac rgb(83,86,172)
```
#aca953
```
#aca953 rgb(172,169,83)
```

Complementary Color

#5383ac
```
#5383ac rgb(83,131,172)
```
#5356ac
```
#5356ac rgb(83,86,172)
```
#7d53ac
```
#7d53ac rgb(125,83,172)
```

Analogous Color

#83ac53
```
#83ac53 rgb(131,172,83)
```
#5356ac
```
#5356ac rgb(83,86,172)
```
#ac7d53
```
#ac7d53 rgb(172,125,83)
```

Split Complementary Color

#56ac53
```
#56ac53 rgb(86,172,83)
```
#5356ac
```
#5356ac rgb(83,86,172)
```
#ac5356
```
#ac5356 rgb(172,83,86)
```

Triadic Color

#53aca9
```
#53aca9 rgb(83,172,169)
```
#5356ac
```
#5356ac rgb(83,86,172)
```
#ac5356
```
#ac5356 rgb(172,83,86)
```
#aca953
```
#aca953 rgb(172,169,83)
```

Tetradic Color

#3a3c78
```
#3a3c78 rgb(58,60,120)
```
#42458a
```
#42458a rgb(66,69,138)
```
#4b4d9b
```
#4b4d9b rgb(75,77,155)
```
#5356ac
```
#5356ac rgb(83,86,172)
```
#6467b4
```
#6467b4 rgb(100,103,180)
```
#7578bd
```
#7578bd rgb(117,120,189)
```
#8789c5
```
#8789c5 rgb(135,137,197)
```

Monochromatic Color

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

#536cac
```
#536cac rgb(83,108,172)
```
#5365ac
```
#5365ac rgb(83,101,172)
```
#535dac
```
#535dac rgb(83,93,172)
```
#5356ac
```
#5356ac rgb(83,86,172)
```
#5753ac
```
#5753ac rgb(87,83,172)
```
#5f53ac
```
#5f53ac rgb(95,83,172)
```
#6653ac
```
#6653ac rgb(102,83,172)
```

Similar Colors

Text with hexadecimal color #5356ac

This text has a font color of #5356ac.

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

#5356ac background color

This paragraph has a background color of #5356ac.

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

#5356ac border color

This element has a border color of #5356ac.

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

CSS codes

.text {color:#5356ac;}

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

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

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, #06070d is the darkest color, while #ffffff is the lightest one.

#06070d
```
#06070d rgb(6,7,13)
```
#0d0d1a
```
#0d0d1a rgb(13,13,26)
```
#131428
```
#131428 rgb(19,20,40)
```
#1a1a35
```
#1a1a35 rgb(26,26,53)
```
#202142
```
#202142 rgb(32,33,66)
```
#26284f
```
#26284f rgb(38,40,79)
```
#2d2e5d
```
#2d2e5d rgb(45,46,93)
```
#33356a
```
#33356a rgb(51,53,106)
```
#393c77
```
#393c77 rgb(57,60,119)
```
#404284
```
#404284 rgb(64,66,132)
```
#464992
```
#464992 rgb(70,73,146)
```
#4d4f9f
```
#4d4f9f rgb(77,79,159)
```
#5356ac
```
#5356ac rgb(83,86,172)
```

Shade Color Variation

#6063b2
```
#6063b2 rgb(96,99,178)
```
#6d70b9
```
#6d70b9 rgb(109,112,185)
```
#7b7dbf
```
#7b7dbf rgb(123,125,191)
```
#888ac6
```
#888ac6 rgb(136,138,198)
```
#9597cc
```
#9597cc rgb(149,151,204)
```
#a2a4d2
```
#a2a4d2 rgb(162,164,210)
```
#b0b1d9
```
#b0b1d9 rgb(176,177,217)
```
#bdbedf
```
#bdbedf rgb(189,190,223)
```
#cacbe5
```
#cacbe5 rgb(202,203,229)
```
#d7d8ec
```
#d7d8ec rgb(215,216,236)
```
#e5e5f2
```
#e5e5f2 rgb(229,229,242)
```
#f2f2f9
```
#f2f2f9 rgb(242,242,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7a7b85
```
#7a7b85 rgb(122,123,133)
```
#70718f
```
#70718f rgb(112,113,143)
```
#676898
```
#676898 rgb(103,104,152)
```
#5d5fa2
```
#5d5fa2 rgb(93,95,162)
```
#5356ac
```
#5356ac rgb(83,86,172)
```
#494db6
```
#494db6 rgb(73,77,182)
```
#3f44c0
```
#3f44c0 rgb(63,68,192)
```
#363bc9
```
#363bc9 rgb(54,59,201)
```
#2c31d3
```
#2c31d3 rgb(44,49,211)
```
#2228dd
```
#2228dd rgb(34,40,221)
```
#181fe7
```
#181fe7 rgb(24,31,231)
```
#0e16f1
```
#0e16f1 rgb(14,22,241)
```
#050dfa
```
#050dfa rgb(5,13,250)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d5d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3864b5 Protanopia 1% of men
#2368ac Deuteranopia 1% of men
#436d75 Tritanopia 0.001% of the population

Trichromacy

#425fb2 Protanomaly 1% of men, 0.01% of women
#3461ac Deuteranomaly 6% of men, 0.4% of women
#496589 Tritanomaly 0.01% of the population

#5356ac hex color

#5356ac Color Information

#5356ac Color Conversion

Color Schemes with #5356ac

Alternatives to #5356ac

#5356ac Preview

Shades and Tints of #5356ac

Tones of #5356ac

Color Blindness Simulator