colorhexa.com

#5336c3 hex color

In a RGB color space, hex #5336c3 is composed of 32.5% red, 21.2% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 72.3% magenta, 0% yellow and 23.5% black. It has a hue angle of 252.3 degrees, a saturation of 56.6% and a lightness of 48.8%. #5336c3 color hex could be obtained by blending #a66cff with #000087. Closest websafe color is: #6633cc.

- R 33
- G 21
- B 76
RGB color chart
- C 57
- M 72
- Y 0
- K 24
CMYK color chart

● #5336c3 color description : Moderate blue.

The hexadecimal color #5336c3 has RGB values of R:83, G:54, B:195 and CMYK values of C:0.57, M:0.72, Y:0, K:0.24. Its decimal value is 5453507.

Hex triplet	5336c3	`#5336c3`
RGB Decimal	83, 54, 195	`rgb(83,54,195)`
RGB Percent	32.5, 21.2, 76.5	`rgb(32.5%,21.2%,76.5%)`
CMYK	57, 72, 0, 24
HSL	252.3°, 56.6, 48.8	`hsl(252.3,56.6%,48.8%)`
HSV (or HSB)	252.3°, 72.3, 76.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.837, 49.477, -69.156
XYZ	14.735, 8.417, 52.475
xyY	0.195, 0.111, 8.417
CIE-LCH	34.837, 85.032, 305.581
CIE-LUV	34.837, -0.15, -97.135
Hunter-Lab	29.012, 39.887, -86.931
Binary	01010011, 00110110, 11000011

#5336c3
```
#5336c3 rgb(83,54,195)
```
#a6c336
```
#a6c336 rgb(166,195,54)
```

Complementary Color

#3660c3
```
#3660c3 rgb(54,96,195)
```
#5336c3
```
#5336c3 rgb(83,54,195)
```
#9a36c3
```
#9a36c3 rgb(154,54,195)
```

Analogous Color

#60c336
```
#60c336 rgb(96,195,54)
```
#5336c3
```
#5336c3 rgb(83,54,195)
```
#c39a36
```
#c39a36 rgb(195,154,54)
```

Split Complementary Color

#36c353
```
#36c353 rgb(54,195,83)
```
#5336c3
```
#5336c3 rgb(83,54,195)
```
#c35336
```
#c35336 rgb(195,83,54)
```

Triadic Color

#36a6c3
```
#36a6c3 rgb(54,166,195)
```
#5336c3
```
#5336c3 rgb(83,54,195)
```
#c35336
```
#c35336 rgb(195,83,54)
```
#a6c336
```
#a6c336 rgb(166,195,54)
```

Tetradic Color

#3a2587
```
#3a2587 rgb(58,37,135)
```
#422b9b
```
#422b9b rgb(66,43,155)
```
#4b30af
```
#4b30af rgb(75,48,175)
```
#5336c3
```
#5336c3 rgb(83,54,195)
```
#6247cc
```
#6247cc rgb(98,71,204)
```
#735bd1
```
#735bd1 rgb(115,91,209)
```
#846fd7
```
#846fd7 rgb(132,111,215)
```

Monochromatic Color

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

#363cc3
```
#363cc3 rgb(54,60,195)
```
#3b36c3
```
#3b36c3 rgb(59,54,195)
```
#4736c3
```
#4736c3 rgb(71,54,195)
```
#5336c3
```
#5336c3 rgb(83,54,195)
```
#5f36c3
```
#5f36c3 rgb(95,54,195)
```
#6b36c3
```
#6b36c3 rgb(107,54,195)
```
#7636c3
```
#7636c3 rgb(118,54,195)
```

Similar Colors

Text with hexadecimal color #5336c3

This text has a font color of #5336c3.

<span style="color:#5336c3;">Text here</span>

#5336c3 background color

This paragraph has a background color of #5336c3.

<p style="background-color:#5336c3;">Content here</p>

#5336c3 border color

This element has a border color of #5336c3.

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

CSS codes

.text {color:#5336c3;}

.background {background-color:#5336c3;}

.border {border:1px solid #5336c3;}

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, #05030b is the darkest color, while #fbfafe is the lightest one.

#05030b
```
#05030b rgb(5,3,11)
```
#0b071a
```
#0b071a rgb(11,7,26)
```
#120b29
```
#120b29 rgb(18,11,41)
```
#181039
```
#181039 rgb(24,16,57)
```
#1f1448
```
#1f1448 rgb(31,20,72)
```
#251857
```
#251857 rgb(37,24,87)
```
#2c1c67
```
#2c1c67 rgb(44,28,103)
```
#322176
```
#322176 rgb(50,33,118)
```
#392586
```
#392586 rgb(57,37,134)
```
#3f2995
```
#3f2995 rgb(63,41,149)
```
#462da4
```
#462da4 rgb(70,45,164)
```
#4c32b4
```
#4c32b4 rgb(76,50,180)
```
#5336c3
```
#5336c3 rgb(83,54,195)
```

Shade Color Variation

#5e42cb
```
#5e42cb rgb(94,66,203)
```
#6b51cf
```
#6b51cf rgb(107,81,207)
```
#7861d3
```
#7861d3 rgb(120,97,211)
```
#8570d7
```
#8570d7 rgb(133,112,215)
```
#927fdc
```
#927fdc rgb(146,127,220)
```
#9f8fe0
```
#9f8fe0 rgb(159,143,224)
```
#ad9ee4
```
#ad9ee4 rgb(173,158,228)
```
#baade8
```
#baade8 rgb(186,173,232)
```
#c7bded
```
#c7bded rgb(199,189,237)
```
#d4ccf1
```
#d4ccf1 rgb(212,204,241)
```
#e1dcf5
```
#e1dcf5 rgb(225,220,245)
```
#eeebf9
```
#eeebf9 rgb(238,235,249)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#7a7980
```
#7a7980 rgb(122,121,128)
```
#756f8a
```
#756f8a rgb(117,111,138)
```
#6f6693
```
#6f6693 rgb(111,102,147)
```
#6a5c9d
```
#6a5c9d rgb(106,92,157)
```
#6453a6
```
#6453a6 rgb(100,83,166)
```
#5e49b0
```
#5e49b0 rgb(94,73,176)
```
#5940b9
```
#5940b9 rgb(89,64,185)
```
#5336c3
```
#5336c3 rgb(83,54,195)
```
#4d2ccd
```
#4d2ccd rgb(77,44,205)
```
#4823d6
```
#4823d6 rgb(72,35,214)
```
#4219e0
```
#4219e0 rgb(66,25,224)
```
#3c10e9
```
#3c10e9 rgb(60,16,233)
```
#3706f3
```
#3706f3 rgb(55,6,243)
```

Tone Color Variation

Below, you can see how #5336c3 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

#4f4f4f Achromatopsia 0.005% of the population
#504a66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d95 Deuteranopia 1% of men
#286269 Tritanopia 0.001% of the population

Trichromacy

#1e4bb4 Protanomaly 1% of men, 0.01% of women
#1e4ea6 Deuteranomaly 6% of men, 0.4% of women
#37528a Tritanomaly 0.01% of the population