#5336d4 hex color

In a RGB color space, hex #5336d4 is composed of 32.5% red, 21.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 74.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 251 degrees, a saturation of 64.8% and a lightness of 52.2%. #5336d4 color hex could be obtained by blending #a66cff with #0000a9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 21
- B 83
RGB color chart
- C 61
- M 75
- Y 0
- K 17
CMYK color chart

● #5336d4 color description : Moderate blue.

The hexadecimal color #5336d4 has RGB values of R:83, G:54, B:212 and CMYK values of C:0.61, M:0.75, Y:0, K:0.17. Its decimal value is 5453524.

Hex triplet	5336d4	`#5336d4`
RGB Decimal	83, 54, 212	`rgb(83,54,212)`
RGB Percent	32.5, 21.2, 83.1	`rgb(32.5%,21.2%,83.1%)`
CMYK	61, 75, 0, 17
HSL	251°, 64.8, 52.2	`hsl(251,64.8%,52.2%)`
HSV (or HSB)	251°, 74.5, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.424, 54.46, -76.431
XYZ	16.768, 9.23, 63.182
xyY	0.188, 0.104, 9.23
CIE-LCH	36.424, 93.849, 305.471
CIE-LUV	36.424, -1.561, -107.669
Hunter-Lab	30.381, 45.35, -102.035
Binary	01010011, 00110110, 11010100

#5336d4
```
#5336d4 rgb(83,54,212)
```
#b7d436
```
#b7d436 rgb(183,212,54)
```

Complementary Color

#3668d4
```
#3668d4 rgb(54,104,212)
```
#5336d4
```
#5336d4 rgb(83,54,212)
```
#a236d4
```
#a236d4 rgb(162,54,212)
```

Analogous Color

#68d436
```
#68d436 rgb(104,212,54)
```
#5336d4
```
#5336d4 rgb(83,54,212)
```
#d4a236
```
#d4a236 rgb(212,162,54)
```

Split Complementary Color

#36d453
```
#36d453 rgb(54,212,83)
```
#5336d4
```
#5336d4 rgb(83,54,212)
```
#d45336
```
#d45336 rgb(212,83,54)
```

Triadic Color

#36b7d4
```
#36b7d4 rgb(54,183,212)
```
#5336d4
```
#5336d4 rgb(83,54,212)
```
#d45336
```
#d45336 rgb(212,83,54)
```
#b7d436
```
#b7d436 rgb(183,212,54)
```

Tetradic Color

#38219c
```
#38219c rgb(56,33,156)
```
#3f26b1
```
#3f26b1 rgb(63,38,177)
```
#472ac6
```
#472ac6 rgb(71,42,198)
```
#5336d4
```
#5336d4 rgb(83,54,212)
```
#654bd8
```
#654bd8 rgb(101,75,216)
```
#7760dd
```
#7760dd rgb(119,96,221)
```
#8975e1
```
#8975e1 rgb(137,117,225)
```

Monochromatic Color

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

#3640d4
```
#3640d4 rgb(54,64,212)
```
#3936d4
```
#3936d4 rgb(57,54,212)
```
#4636d4
```
#4636d4 rgb(70,54,212)
```
#5336d4
```
#5336d4 rgb(83,54,212)
```
#6036d4
```
#6036d4 rgb(96,54,212)
```
#6d36d4
```
#6d36d4 rgb(109,54,212)
```
#7b36d4
```
#7b36d4 rgb(123,54,212)
```

Similar Colors

Text with hexadecimal color #5336d4

This text has a font color of #5336d4.

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

#5336d4 background color

This paragraph has a background color of #5336d4.

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

#5336d4 border color

This element has a border color of #5336d4.

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

CSS codes

.text {color:#5336d4;}

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

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

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

#030209
```
#030209 rgb(3,2,9)
```
#090519
```
#090519 rgb(9,5,25)
```
#0f0929
```
#0f0929 rgb(15,9,41)
```
#150c3a
```
#150c3a rgb(21,12,58)
```
#1a104a
```
#1a104a rgb(26,16,74)
```
#20135a
```
#20135a rgb(32,19,90)
```
#26176a
```
#26176a rgb(38,23,106)
```
#2c1a7a
```
#2c1a7a rgb(44,26,122)
```
#321e8a
```
#321e8a rgb(50,30,138)
```
#37219a
```
#37219a rgb(55,33,154)
```
#3d25ab
```
#3d25ab rgb(61,37,171)
```
#4328bb
```
#4328bb rgb(67,40,187)
```
#492bcb
```
#492bcb rgb(73,43,203)
```

Shade Color Variation

#5336d4
```
#5336d4 rgb(83,54,212)
```
#6146d7
```
#6146d7 rgb(97,70,215)
```
#6f56db
```
#6f56db rgb(111,86,219)
```
#7c66de
```
#7c66de rgb(124,102,222)
```
#8a77e2
```
#8a77e2 rgb(138,119,226)
```
#9887e5
```
#9887e5 rgb(152,135,229)
```
#a697e9
```
#a697e9 rgb(166,151,233)
```
#b4a7ec
```
#b4a7ec rgb(180,167,236)
```
#c2b7f0
```
#c2b7f0 rgb(194,183,240)
```
#cfc7f3
```
#cfc7f3 rgb(207,199,243)
```
#ddd8f7
```
#ddd8f7 rgb(221,216,247)
```
#ebe8fa
```
#ebe8fa rgb(235,232,250)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

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

#838189
```
#838189 rgb(131,129,137)
```
#7d7892
```
#7d7892 rgb(125,120,146)
```
#776e9c
```
#776e9c rgb(119,110,156)
```
#7165a5
```
#7165a5 rgb(113,101,165)
```
#6b5cae
```
#6b5cae rgb(107,92,174)
```
#6552b8
```
#6552b8 rgb(101,82,184)
```
#5f49c1
```
#5f49c1 rgb(95,73,193)
```
#593fcb
```
#593fcb rgb(89,63,203)
```
#5336d4
```
#5336d4 rgb(83,54,212)
```
#4d2ddd
```
#4d2ddd rgb(77,45,221)
```
#4723e7
```
#4723e7 rgb(71,35,231)
```
#411af0
```
#411af0 rgb(65,26,240)
```
#3b10fa
```
#3b10fa rgb(59,16,250)
```

Tone Color Variation

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

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

Trichromacy

#1e4ebe Protanomaly 1% of men, 0.01% of women
#1e51af Deuteranomaly 6% of men, 0.4% of women
#1e5593 Tritanomaly 0.01% of the population

#5336d4 hex color

#5336d4 Color Information

#5336d4 Color Conversion

Color Schemes with #5336d4

Alternatives to #5336d4

#5336d4 Preview

Shades and Tints of #5336d4

Tones of #5336d4

Color Blindness Simulator