#5338d4 hex color

In a RGB color space, hex #5338d4 is composed of 32.5% red, 22% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 73.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 250.4 degrees, a saturation of 64.5% and a lightness of 52.5%. #5338d4 color hex could be obtained by blending #a670ff with #0000a9. Closest websafe color is: #6633cc.

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

● #5338d4 color description : Moderate blue.

The hexadecimal color #5338d4 has RGB values of R:83, G:56, B:212 and CMYK values of C:0.61, M:0.74, Y:0, K:0.17. Its decimal value is 5454036.

Hex triplet	5338d4	`#5338d4`
RGB Decimal	83, 56, 212	`rgb(83,56,212)`
RGB Percent	32.5, 22, 83.1	`rgb(32.5%,22%,83.1%)`
CMYK	61, 74, 0, 17
HSL	250.4°, 64.5, 52.5	`hsl(250.4,64.5%,52.5%)`
HSV (or HSB)	250.4°, 73.6, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.781, 53.449, -75.843
XYZ	16.863, 9.42, 63.213
xyY	0.188, 0.105, 9.42
CIE-LCH	36.781, 92.785, 305.174
CIE-LUV	36.781, -1.867, -107.381
Hunter-Lab	30.692, 44.359, -100.628
Binary	01010011, 00111000, 11010100

#5338d4
```
#5338d4 rgb(83,56,212)
```
#b9d438
```
#b9d438 rgb(185,212,56)
```

Complementary Color

#386bd4
```
#386bd4 rgb(56,107,212)
```
#5338d4
```
#5338d4 rgb(83,56,212)
```
#a138d4
```
#a138d4 rgb(161,56,212)
```

Analogous Color

#6bd438
```
#6bd438 rgb(107,212,56)
```
#5338d4
```
#5338d4 rgb(83,56,212)
```
#d4a138
```
#d4a138 rgb(212,161,56)
```

Split Complementary Color

#38d453
```
#38d453 rgb(56,212,83)
```
#5338d4
```
#5338d4 rgb(83,56,212)
```
#d45338
```
#d45338 rgb(212,83,56)
```

Triadic Color

#38b9d4
```
#38b9d4 rgb(56,185,212)
```
#5338d4
```
#5338d4 rgb(83,56,212)
```
#d45338
```
#d45338 rgb(212,83,56)
```
#b9d438
```
#b9d438 rgb(185,212,56)
```

Tetradic Color

#37229d
```
#37229d rgb(55,34,157)
```
#3f27b2
```
#3f27b2 rgb(63,39,178)
```
#462bc7
```
#462bc7 rgb(70,43,199)
```
#5338d4
```
#5338d4 rgb(83,56,212)
```
#654dd9
```
#654dd9 rgb(101,77,217)
```
#7762dd
```
#7762dd rgb(119,98,221)
```
#8977e2
```
#8977e2 rgb(137,119,226)
```

Monochromatic Color

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

#3844d4
```
#3844d4 rgb(56,68,212)
```
#3938d4
```
#3938d4 rgb(57,56,212)
```
#4638d4
```
#4638d4 rgb(70,56,212)
```
#5338d4
```
#5338d4 rgb(83,56,212)
```
#6038d4
```
#6038d4 rgb(96,56,212)
```
#6d38d4
```
#6d38d4 rgb(109,56,212)
```
#7a38d4
```
#7a38d4 rgb(122,56,212)
```

Similar Colors

Text with hexadecimal color #5338d4

This text has a font color of #5338d4.

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

#5338d4 background color

This paragraph has a background color of #5338d4.

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

#5338d4 border color

This element has a border color of #5338d4.

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

CSS codes

.text {color:#5338d4;}

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

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

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

#04020b
```
#04020b rgb(4,2,11)
```
#09061b
```
#09061b rgb(9,6,27)
```
#0f092b
```
#0f092b rgb(15,9,43)
```
#150d3b
```
#150d3b rgb(21,13,59)
```
#1a104b
```
#1a104b rgb(26,16,75)
```
#20145b
```
#20145b rgb(32,20,91)
```
#26176b
```
#26176b rgb(38,23,107)
```
#2b1b7c
```
#2b1b7c rgb(43,27,124)
```
#311e8c
```
#311e8c rgb(49,30,140)
```
#37229c
```
#37229c rgb(55,34,156)
```
#3c25ac
```
#3c25ac rgb(60,37,172)
```
#4229bc
```
#4229bc rgb(66,41,188)
```
#482ccc
```
#482ccc rgb(72,44,204)
```

Shade Color Variation

#5338d4
```
#5338d4 rgb(83,56,212)
```
#6148d7
```
#6148d7 rgb(97,72,215)
```
#6f58db
```
#6f58db rgb(111,88,219)
```
#7d68de
```
#7d68de rgb(125,104,222)
```
#8b79e2
```
#8b79e2 rgb(139,121,226)
```
#9989e5
```
#9989e5 rgb(153,137,229)
```
#a799e9
```
#a799e9 rgb(167,153,233)
```
#b5a9ec
```
#b5a9ec rgb(181,169,236)
```
#c3b9f0
```
#c3b9f0 rgb(195,185,240)
```
#d0c9f3
```
#d0c9f3 rgb(208,201,243)
```
#ded9f7
```
#ded9f7 rgb(222,217,247)
```
#ece9fa
```
#ece9fa rgb(236,233,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#84828a
```
#84828a rgb(132,130,138)
```
#7e7993
```
#7e7993 rgb(126,121,147)
```
#78709c
```
#78709c rgb(120,112,156)
```
#7167a5
```
#7167a5 rgb(113,103,165)
```
#6b5daf
```
#6b5daf rgb(107,93,175)
```
#6554b8
```
#6554b8 rgb(101,84,184)
```
#5f4bc1
```
#5f4bc1 rgb(95,75,193)
```
#5941cb
```
#5941cb rgb(89,65,203)
```
#5338d4
```
#5338d4 rgb(83,56,212)
```
#4d2fdd
```
#4d2fdd rgb(77,47,221)
```
#4725e7
```
#4725e7 rgb(71,37,231)
```
#411cf0
```
#411cf0 rgb(65,28,240)
```
#3b13f9
```
#3b13f9 rgb(59,19,249)
```

Tone Color Variation

Below, you can see how #5338d4 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
#524d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00619c Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#1e4fbf Protanomaly 1% of men, 0.01% of women
#1e52b0 Deuteranomaly 6% of men, 0.4% of women
#1e5694 Tritanomaly 0.01% of the population

#5338d4 hex color

#5338d4 Color Information

#5338d4 Color Conversion

Color Schemes with #5338d4

Alternatives to #5338d4

#5338d4 Preview

Shades and Tints of #5338d4

Tones of #5338d4

Color Blindness Simulator