colorhexa.com

#5336d5 hex color

In a RGB color space, hex #5336d5 is composed of 32.5% red, 21.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 74.6% magenta, 0% yellow and 16.5% black. It has a hue angle of 250.9 degrees, a saturation of 65.4% and a lightness of 52.4%. #5336d5 color hex could be obtained by blending #a66cff with #0000ab. Closest websafe color is: #6633cc.

- R 33
- G 21
- B 84
RGB color chart
- C 61
- M 75
- Y 0
- K 16
CMYK color chart

● #5336d5 color description : Moderate blue.

The hexadecimal color #5336d5 has RGB values of R:83, G:54, B:213 and CMYK values of C:0.61, M:0.75, Y:0, K:0.16. Its decimal value is 5453525.

Hex triplet	5336d5	`#5336d5`
RGB Decimal	83, 54, 213	`rgb(83,54,213)`
RGB Percent	32.5, 21.2, 83.5	`rgb(32.5%,21.2%,83.5%)`
CMYK	61, 75, 0, 16
HSL	250.9°, 65.4, 52.4	`hsl(250.9,65.4%,52.4%)`
HSV (or HSB)	250.9°, 74.6, 83.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.519, 54.752, -76.851
XYZ	16.894, 9.281, 63.848
xyY	0.188, 0.103, 9.281
CIE-LCH	36.519, 94.36, 305.468
CIE-LUV	36.519, -1.641, -108.279
Hunter-Lab	30.464, 45.677, -102.937
Binary	01010011, 00110110, 11010101

#5336d5
```
#5336d5 rgb(83,54,213)
```
#b8d536
```
#b8d536 rgb(184,213,54)
```

Complementary Color

#3669d5
```
#3669d5 rgb(54,105,213)
```
#5336d5
```
#5336d5 rgb(83,54,213)
```
#a336d5
```
#a336d5 rgb(163,54,213)
```

Analogous Color

#69d536
```
#69d536 rgb(105,213,54)
```
#5336d5
```
#5336d5 rgb(83,54,213)
```
#d5a336
```
#d5a336 rgb(213,163,54)
```

Split Complementary Color

#36d553
```
#36d553 rgb(54,213,83)
```
#5336d5
```
#5336d5 rgb(83,54,213)
```
#d55336
```
#d55336 rgb(213,83,54)
```

Triadic Color

#36b8d5
```
#36b8d5 rgb(54,184,213)
```
#5336d5
```
#5336d5 rgb(83,54,213)
```
#d55336
```
#d55336 rgb(213,83,54)
```
#b8d536
```
#b8d536 rgb(184,213,54)
```

Tetradic Color

#38219e
```
#38219e rgb(56,33,158)
```
#3f25b3
```
#3f25b3 rgb(63,37,179)
```
#472ac8
```
#472ac8 rgb(71,42,200)
```
#5336d5
```
#5336d5 rgb(83,54,213)
```
#654bd9
```
#654bd9 rgb(101,75,217)
```
#7760de
```
#7760de rgb(119,96,222)
```
#8975e2
```
#8975e2 rgb(137,117,226)
```

Monochromatic Color

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

#3641d5
```
#3641d5 rgb(54,65,213)
```
#3936d5
```
#3936d5 rgb(57,54,213)
```
#4636d5
```
#4636d5 rgb(70,54,213)
```
#5336d5
```
#5336d5 rgb(83,54,213)
```
#6036d5
```
#6036d5 rgb(96,54,213)
```
#6e36d5
```
#6e36d5 rgb(110,54,213)
```
#7b36d5
```
#7b36d5 rgb(123,54,213)
```

Similar Colors

Text with hexadecimal color #5336d5

This text has a font color of #5336d5.

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

#5336d5 background color

This paragraph has a background color of #5336d5.

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

#5336d5 border color

This element has a border color of #5336d5.

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

CSS codes

.text {color:#5336d5;}

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

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

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

#04020a
```
#04020a rgb(4,2,10)
```
#09051a
```
#09051a rgb(9,5,26)
```
#0f092a
```
#0f092a rgb(15,9,42)
```
#150c3b
```
#150c3b rgb(21,12,59)
```
#1a104b
```
#1a104b rgb(26,16,75)
```
#20135b
```
#20135b rgb(32,19,91)
```
#26166b
```
#26166b rgb(38,22,107)
```
#2c1a7c
```
#2c1a7c rgb(44,26,124)
```
#311d8c
```
#311d8c rgb(49,29,140)
```
#37219c
```
#37219c rgb(55,33,156)
```
#3d24ac
```
#3d24ac rgb(61,36,172)
```
#4327bc
```
#4327bc rgb(67,39,188)
```
#482bcd
```
#482bcd rgb(72,43,205)
```

Shade Color Variation

#5336d5
```
#5336d5 rgb(83,54,213)
```
#6146d8
```
#6146d8 rgb(97,70,216)
```
#6f56dc
```
#6f56dc rgb(111,86,220)
```
#7d67df
```
#7d67df rgb(125,103,223)
```
#8b77e3
```
#8b77e3 rgb(139,119,227)
```
#9887e6
```
#9887e6 rgb(152,135,230)
```
#a697e9
```
#a697e9 rgb(166,151,233)
```
#b4a8ed
```
#b4a8ed rgb(180,168,237)
```
#c2b8f0
```
#c2b8f0 rgb(194,184,240)
```
#d0c8f4
```
#d0c8f4 rgb(208,200,244)
```
#ded8f7
```
#ded8f7 rgb(222,216,247)
```
#ece8fa
```
#ece8fa rgb(236,232,250)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82818a is the less saturated color, while #3b11fa is the most saturated one.

#82818a
```
#82818a rgb(130,129,138)
```
#7d7794
```
#7d7794 rgb(125,119,148)
```
#776e9d
```
#776e9d rgb(119,110,157)
```
#7165a6
```
#7165a6 rgb(113,101,166)
```
#6b5bb0
```
#6b5bb0 rgb(107,91,176)
```
#6552b9
```
#6552b9 rgb(101,82,185)
```
#5f49c2
```
#5f49c2 rgb(95,73,194)
```
#593fcc
```
#593fcc rgb(89,63,204)
```
#5336d5
```
#5336d5 rgb(83,54,213)
```
#4d2dde
```
#4d2dde rgb(77,45,222)
```
#4723e8
```
#4723e8 rgb(71,35,232)
```
#411af1
```
#411af1 rgb(65,26,241)
```
#3b11fa
```
#3b11fa rgb(59,17,250)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#514c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00676f Tritanopia 0.001% of the population

Trichromacy

#1e4ebf Protanomaly 1% of men, 0.01% of women
#1e51b0 Deuteranomaly 6% of men, 0.4% of women
#1e5594 Tritanomaly 0.01% of the population