#5356cc hex color

In a RGB color space, hex #5356cc is composed of 32.5% red, 33.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 57.8% magenta, 0% yellow and 20% black. It has a hue angle of 238.5 degrees, a saturation of 54.3% and a lightness of 56.3%. #5356cc color hex could be obtained by blending #a6acff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 34
- B 80
RGB color chart
- C 59
- M 58
- Y 0
- K 20
CMYK color chart

● #5356cc color description : Moderate blue.

The hexadecimal color #5356cc has RGB values of R:83, G:86, B:204 and CMYK values of C:0.59, M:0.58, Y:0, K:0.2. Its decimal value is 5461708.

Hex triplet	5356cc	`#5356cc`
RGB Decimal	83, 86, 204	`rgb(83,86,204)`
RGB Percent	32.5, 33.7, 80	`rgb(32.5%,33.7%,80%)`
CMYK	59, 58, 0, 20
HSL	238.5°, 54.3, 56.3	`hsl(238.5,54.3%,56.3%)`
HSV (or HSB)	238.5°, 59.3, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.542, 33.687, -61.811
XYZ	17.792, 12.853, 58.667
xyY	0.199, 0.144, 12.853
CIE-LCH	42.542, 70.395, 298.59
CIE-LUV	42.542, -7.604, -93.522
Hunter-Lab	35.852, 25.843, -71.925
Binary	01010011, 01010110, 11001100

#5356cc
```
#5356cc rgb(83,86,204)
```
#ccc953
```
#ccc953 rgb(204,201,83)
```

Complementary Color

#5393cc
```
#5393cc rgb(83,147,204)
```
#5356cc
```
#5356cc rgb(83,86,204)
```
#8d53cc
```
#8d53cc rgb(141,83,204)
```

Analogous Color

#93cc53
```
#93cc53 rgb(147,204,83)
```
#5356cc
```
#5356cc rgb(83,86,204)
```
#cc8d53
```
#cc8d53 rgb(204,141,83)
```

Split Complementary Color

#56cc53
```
#56cc53 rgb(86,204,83)
```
#5356cc
```
#5356cc rgb(83,86,204)
```
#cc5356
```
#cc5356 rgb(204,83,86)
```

Triadic Color

#53ccc9
```
#53ccc9 rgb(83,204,201)
```
#5356cc
```
#5356cc rgb(83,86,204)
```
#cc5356
```
#cc5356 rgb(204,83,86)
```
#ccc953
```
#ccc953 rgb(204,201,83)
```

Tetradic Color

#3033a2
```
#3033a2 rgb(48,51,162)
```
#3639b6
```
#3639b6 rgb(54,57,182)
```
#3f43c6
```
#3f43c6 rgb(63,67,198)
```
#5356cc
```
#5356cc rgb(83,86,204)
```
#6769d2
```
#6769d2 rgb(103,105,210)
```
#7a7dd8
```
#7a7dd8 rgb(122,125,216)
```
#8e90dd
```
#8e90dd rgb(142,144,221)
```

Monochromatic Color

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

#5374cc
```
#5374cc rgb(83,116,204)
```
#536acc
```
#536acc rgb(83,106,204)
```
#5360cc
```
#5360cc rgb(83,96,204)
```
#5356cc
```
#5356cc rgb(83,86,204)
```
#5a53cc
```
#5a53cc rgb(90,83,204)
```
#6453cc
```
#6453cc rgb(100,83,204)
```
#6e53cc
```
#6e53cc rgb(110,83,204)
```

Similar Colors

Text with hexadecimal color #5356cc

This text has a font color of #5356cc.

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

#5356cc background color

This paragraph has a background color of #5356cc.

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

#5356cc border color

This element has a border color of #5356cc.

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

CSS codes

.text {color:#5356cc;}

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

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

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, #03030a is the darkest color, while #f9fafd is the lightest one.

#03030a
```
#03030a rgb(3,3,10)
```
#070819
```
#070819 rgb(7,8,25)
```
#0c0c28
```
#0c0c28 rgb(12,12,40)
```
#101137
```
#101137 rgb(16,17,55)
```
#151646
```
#151646 rgb(21,22,70)
```
#191b55
```
#191b55 rgb(25,27,85)
```
#1e1f64
```
#1e1f64 rgb(30,31,100)
```
#222473
```
#222473 rgb(34,36,115)
```
#272983
```
#272983 rgb(39,41,131)
```
#2b2e92
```
#2b2e92 rgb(43,46,146)
```
#3032a1
```
#3032a1 rgb(48,50,161)
```
#3437b0
```
#3437b0 rgb(52,55,176)
```
#393cbf
```
#393cbf rgb(57,60,191)
```

Shade Color Variation

#4447c8
```
#4447c8 rgb(68,71,200)
```
#5356cc
```
#5356cc rgb(83,86,204)
```
#6265d0
```
#6265d0 rgb(98,101,208)
```
#7174d5
```
#7174d5 rgb(113,116,213)
```
#8083d9
```
#8083d9 rgb(128,131,217)
```
#9091de
```
#9091de rgb(144,145,222)
```
#9fa0e2
```
#9fa0e2 rgb(159,160,226)
```
#aeafe7
```
#aeafe7 rgb(174,175,231)
```
#bdbeeb
```
#bdbeeb rgb(189,190,235)
```
#cccdf0
```
#cccdf0 rgb(204,205,240)
```
#dbdcf4
```
#dbdcf4 rgb(219,220,244)
```
#eaebf9
```
#eaebf9 rgb(234,235,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#8f8f90
```
#8f8f90 rgb(143,143,144)
```
#868799
```
#868799 rgb(134,135,153)
```
#7e7fa1
```
#7e7fa1 rgb(126,127,161)
```
#7577aa
```
#7577aa rgb(117,119,170)
```
#6d6eb2
```
#6d6eb2 rgb(109,110,178)
```
#6466bb
```
#6466bb rgb(100,102,187)
```
#5c5ec3
```
#5c5ec3 rgb(92,94,195)
```
#5356cc
```
#5356cc rgb(83,86,204)
```
#4a4ed5
```
#4a4ed5 rgb(74,78,213)
```
#4246dd
```
#4246dd rgb(66,70,221)
```
#393ee6
```
#393ee6 rgb(57,62,230)
```
#3135ee
```
#3135ee rgb(49,53,238)
```
#282df7
```
#282df7 rgb(40,45,247)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#606078 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006eb5 Deuteranopia 1% of men
#29757e Tritanopia 0.001% of the population

Trichromacy

#1e62cd Protanomaly 1% of men, 0.01% of women
#1e65bd Deuteranomaly 6% of men, 0.4% of women
#386a9a Tritanomaly 0.01% of the population

#5356cc hex color

#5356cc Color Information

#5356cc Color Conversion

Color Schemes with #5356cc

Alternatives to #5356cc

#5356cc Preview

Shades and Tints of #5356cc

Tones of #5356cc

Color Blindness Simulator