#5a36cc hex color

In a RGB color space, hex #5a36cc is composed of 35.3% red, 21.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 73.5% magenta, 0% yellow and 20% black. It has a hue angle of 254.4 degrees, a saturation of 59.5% and a lightness of 50.6%. #5a36cc color hex could be obtained by blending #b46cff with #000099. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 21
- B 80
RGB color chart
- C 56
- M 74
- Y 0
- K 20
CMYK color chart

● #5a36cc color description : Moderate blue.

The hexadecimal color #5a36cc has RGB values of R:90, G:54, B:204 and CMYK values of C:0.56, M:0.74, Y:0, K:0.2. Its decimal value is 5912268.

Hex triplet	5a36cc	`#5a36cc`
RGB Decimal	90, 54, 204	`rgb(90,54,204)`
RGB Percent	35.3, 21.2, 80	`rgb(35.3%,21.2%,80%)`
CMYK	56, 74, 0, 20
HSL	254.4°, 59.5, 50.6	`hsl(254.4,59.5%,50.6%)`
HSV (or HSB)	254.4°, 73.5, 80
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.312, 53.062, -71.959
XYZ	16.433, 9.171, 58.028
xyY	0.196, 0.11, 9.171
CIE-LCH	36.312, 89.407, 306.405
CIE-LUV	36.312, 1.184, -102.319
Hunter-Lab	30.284, 43.861, -92.408
Binary	01011010, 00110110, 11001100

#5a36cc
```
#5a36cc rgb(90,54,204)
```
#a8cc36
```
#a8cc36 rgb(168,204,54)
```

Complementary Color

#365dcc
```
#365dcc rgb(54,93,204)
```
#5a36cc
```
#5a36cc rgb(90,54,204)
```
#a536cc
```
#a536cc rgb(165,54,204)
```

Analogous Color

#5dcc36
```
#5dcc36 rgb(93,204,54)
```
#5a36cc
```
#5a36cc rgb(90,54,204)
```
#cca536
```
#cca536 rgb(204,165,54)
```

Split Complementary Color

#36cc5a
```
#36cc5a rgb(54,204,90)
```
#5a36cc
```
#5a36cc rgb(90,54,204)
```
#cc5a36
```
#cc5a36 rgb(204,90,54)
```

Triadic Color

#36a8cc
```
#36a8cc rgb(54,168,204)
```
#5a36cc
```
#5a36cc rgb(90,54,204)
```
#cc5a36
```
#cc5a36 rgb(204,90,54)
```
#a8cc36
```
#a8cc36 rgb(168,204,54)
```

Tetradic Color

#3f2591
```
#3f2591 rgb(63,37,145)
```
#472aa5
```
#472aa5 rgb(71,42,165)
```
#502fb9
```
#502fb9 rgb(80,47,185)
```
#5a36cc
```
#5a36cc rgb(90,54,204)
```
#6b4ad1
```
#6b4ad1 rgb(107,74,209)
```
#7b5fd6
```
#7b5fd6 rgb(123,95,214)
```
#8c73db
```
#8c73db rgb(140,115,219)
```

Monochromatic Color

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

#3638cc
```
#3638cc rgb(54,56,204)
```
#4136cc
```
#4136cc rgb(65,54,204)
```
#4d36cc
```
#4d36cc rgb(77,54,204)
```
#5a36cc
```
#5a36cc rgb(90,54,204)
```
#6736cc
```
#6736cc rgb(103,54,204)
```
#7336cc
```
#7336cc rgb(115,54,204)
```
#8036cc
```
#8036cc rgb(128,54,204)
```

Similar Colors

Text with hexadecimal color #5a36cc

This text has a font color of #5a36cc.

<span style="color:#5a36cc;">Text here</span>

#5a36cc background color

This paragraph has a background color of #5a36cc.

<p style="background-color:#5a36cc;">Content here</p>

#5a36cc border color

This element has a border color of #5a36cc.

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

CSS codes

.text {color:#5a36cc;}

.background {background-color:#5a36cc;}

.border {border:1px solid #5a36cc;}

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

#010102
```
#010102 rgb(1,1,2)
```
#080512
```
#080512 rgb(8,5,18)
```
#0f0922
```
#0f0922 rgb(15,9,34)
```
#150d31
```
#150d31 rgb(21,13,49)
```
#1c1041
```
#1c1041 rgb(28,16,65)
```
#231451
```
#231451 rgb(35,20,81)
```
#2a1860
```
#2a1860 rgb(42,24,96)
```
#301c70
```
#301c70 rgb(48,28,112)
```
#372080
```
#372080 rgb(55,32,128)
```
#3e248f
```
#3e248f rgb(62,36,143)
```
#45289f
```
#45289f rgb(69,40,159)
```
#4c2cae
```
#4c2cae rgb(76,44,174)
```
#5230be
```
#5230be rgb(82,48,190)
```

Shade Color Variation

#5a36cc
```
#5a36cc rgb(90,54,204)
```
#6746d0
```
#6746d0 rgb(103,70,208)
```
#7455d4
```
#7455d4 rgb(116,85,212)
```
#8165d8
```
#8165d8 rgb(129,101,216)
```
#8d75dc
```
#8d75dc rgb(141,117,220)
```
#9a84e0
```
#9a84e0 rgb(154,132,224)
```
#a794e4
```
#a794e4 rgb(167,148,228)
```
#b4a4e8
```
#b4a4e8 rgb(180,164,232)
```
#c1b3ec
```
#c1b3ec rgb(193,179,236)
```
#cec3f0
```
#cec3f0 rgb(206,195,240)
```
#dad2f4
```
#dad2f4 rgb(218,210,244)
```
#e7e2f8
```
#e7e2f8 rgb(231,226,248)
```
#f4f2fc
```
#f4f2fc rgb(244,242,252)
```

Tint Color Variation

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

#7d7a88
```
#7d7a88 rgb(125,122,136)
```
#787092
```
#787092 rgb(120,112,146)
```
#73669c
```
#73669c rgb(115,102,156)
```
#6e5da5
```
#6e5da5 rgb(110,93,165)
```
#6953af
```
#6953af rgb(105,83,175)
```
#6449b9
```
#6449b9 rgb(100,73,185)
```
#5f40c2
```
#5f40c2 rgb(95,64,194)
```
#5a36cc
```
#5a36cc rgb(90,54,204)
```
#552cd6
```
#552cd6 rgb(85,44,214)
```
#5023df
```
#5023df rgb(80,35,223)
```
#4b19e9
```
#4b19e9 rgb(75,25,233)
```
#460ff3
```
#460ff3 rgb(70,15,243)
```
#4106fc
```
#4106fc rgb(65,6,252)
```

Tone Color Variation

Below, you can see how #5a36cc 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

#525252 Achromatopsia 0.005% of the population
#544c6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00609b Deuteranopia 1% of men
#30656c Tritanopia 0.001% of the population

Trichromacy

#204dbb Protanomaly 1% of men, 0.01% of women
#2051ad Deuteranomaly 6% of men, 0.4% of women
#3f548f Tritanomaly 0.01% of the population

#5a36cc hex color

#5a36cc Color Information

#5a36cc Color Conversion

Color Schemes with #5a36cc

Alternatives to #5a36cc

#5a36cc Preview

Shades and Tints of #5a36cc

Tones of #5a36cc

Color Blindness Simulator