#5338e5 hex color

In a RGB color space, hex #5338e5 is composed of 32.5% red, 22% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 75.5% magenta, 0% yellow and 10.2% black. It has a hue angle of 249.4 degrees, a saturation of 76.9% and a lightness of 55.9%. #5338e5 color hex could be obtained by blending #a670ff with #0000cb. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 22
- B 90
RGB color chart
- C 64
- M 76
- Y 0
- K 10
CMYK color chart

● #5338e5 color description : Bright blue.

The hexadecimal color #5338e5 has RGB values of R:83, G:56, B:229 and CMYK values of C:0.64, M:0.76, Y:0, K:0.1. Its decimal value is 5454053.

Hex triplet	5338e5	`#5338e5`
RGB Decimal	83, 56, 229	`rgb(83,56,229)`
RGB Percent	32.5, 22, 89.8	`rgb(32.5%,22%,89.8%)`
CMYK	64, 76, 0, 10
HSL	249.4°, 76.9, 55.9	`hsl(249.4,76.9%,55.9%)`
HSV (or HSB)	249.4°, 75.5, 89.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.417, 58.419, -82.893
XYZ	19.122, 10.324, 75.109
xyY	0.183, 0.099, 10.324
CIE-LCH	38.417, 101.41, 305.174
CIE-LUV	38.417, -3.142, -117.689
Hunter-Lab	32.13, 50.001, -116.107
Binary	01010011, 00111000, 11100101

#5338e5
```
#5338e5 rgb(83,56,229)
```
#cae538
```
#cae538 rgb(202,229,56)
```

Complementary Color

#3874e5
```
#3874e5 rgb(56,116,229)
```
#5338e5
```
#5338e5 rgb(83,56,229)
```
#aa38e5
```
#aa38e5 rgb(170,56,229)
```

Analogous Color

#74e538
```
#74e538 rgb(116,229,56)
```
#5338e5
```
#5338e5 rgb(83,56,229)
```
#e5aa38
```
#e5aa38 rgb(229,170,56)
```

Split Complementary Color

#38e553
```
#38e553 rgb(56,229,83)
```
#5338e5
```
#5338e5 rgb(83,56,229)
```
#e55338
```
#e55338 rgb(229,83,56)
```

Triadic Color

#38cae5
```
#38cae5 rgb(56,202,229)
```
#5338e5
```
#5338e5 rgb(83,56,229)
```
#e55338
```
#e55338 rgb(229,83,56)
```
#cae538
```
#cae538 rgb(202,229,56)
```

Tetradic Color

#3118b8
```
#3118b8 rgb(49,24,184)
```
#371bcf
```
#371bcf rgb(55,27,207)
```
#4021e2
```
#4021e2 rgb(64,33,226)
```
#5338e5
```
#5338e5 rgb(83,56,229)
```
#664fe8
```
#664fe8 rgb(102,79,232)
```
#7a65eb
```
#7a65eb rgb(122,101,235)
```
#8d7cee
```
#8d7cee rgb(141,124,238)
```

Monochromatic Color

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

#3848e5
```
#3848e5 rgb(56,72,229)
```
#383ae5
```
#383ae5 rgb(56,58,229)
```
#4538e5
```
#4538e5 rgb(69,56,229)
```
#5338e5
```
#5338e5 rgb(83,56,229)
```
#6138e5
```
#6138e5 rgb(97,56,229)
```
#7038e5
```
#7038e5 rgb(112,56,229)
```
#7e38e5
```
#7e38e5 rgb(126,56,229)
```

Similar Colors

Text with hexadecimal color #5338e5

This text has a font color of #5338e5.

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

#5338e5 background color

This paragraph has a background color of #5338e5.

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

#5338e5 border color

This element has a border color of #5338e5.

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

CSS codes

.text {color:#5338e5;}

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

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

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

#020109
```
#020109 rgb(2,1,9)
```
#07031b
```
#07031b rgb(7,3,27)
```
#0c062c
```
#0c062c rgb(12,6,44)
```
#10083d
```
#10083d rgb(16,8,61)
```
#150a4f
```
#150a4f rgb(21,10,79)
```
#1a0d60
```
#1a0d60 rgb(26,13,96)
```
#1e0f71
```
#1e0f71 rgb(30,15,113)
```
#231183
```
#231183 rgb(35,17,131)
```
#271394
```
#271394 rgb(39,19,148)
```
#2c16a5
```
#2c16a5 rgb(44,22,165)
```
#3118b7
```
#3118b7 rgb(49,24,183)
```
#351ac8
```
#351ac8 rgb(53,26,200)
```
#3a1cd9
```
#3a1cd9 rgb(58,28,217)
```

Shade Color Variation

#4427e3
```
#4427e3 rgb(68,39,227)
```
#5338e5
```
#5338e5 rgb(83,56,229)
```
#6249e7
```
#6249e7 rgb(98,73,231)
```
#715bea
```
#715bea rgb(113,91,234)
```
#806cec
```
#806cec rgb(128,108,236)
```
#8f7dee
```
#8f7dee rgb(143,125,238)
```
#9e8ff0
```
#9e8ff0 rgb(158,143,240)
```
#ada0f3
```
#ada0f3 rgb(173,160,243)
```
#bcb1f5
```
#bcb1f5 rgb(188,177,245)
```
#cbc3f7
```
#cbc3f7 rgb(203,195,247)
```
#dad4f9
```
#dad4f9 rgb(218,212,249)
```
#e9e5fc
```
#e9e5fc rgb(233,229,252)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#898697
```
#898697 rgb(137,134,151)
```
#837da0
```
#837da0 rgb(131,125,160)
```
#7d75a8
```
#7d75a8 rgb(125,117,168)
```
#776cb1
```
#776cb1 rgb(119,108,177)
```
#7163ba
```
#7163ba rgb(113,99,186)
```
#6b5bc2
```
#6b5bc2 rgb(107,91,194)
```
#6552cb
```
#6552cb rgb(101,82,203)
```
#5f49d4
```
#5f49d4 rgb(95,73,212)
```
#5941dc
```
#5941dc rgb(89,65,220)
```
#5338e5
```
#5338e5 rgb(83,56,229)
```
#4d2fee
```
#4d2fee rgb(77,47,238)
```
#4727f6
```
#4727f6 rgb(71,39,246)
```
#411eff
```
#411eff rgb(65,30,255)
```

Tone Color Variation

Below, you can see how #5338e5 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

#545454 Achromatopsia 0.005% of the population
#544e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#1e51ca Protanomaly 1% of men, 0.01% of women
#1e55ba Deuteranomaly 6% of men, 0.4% of women
#1e599c Tritanomaly 0.01% of the population

#5338e5 hex color

#5338e5 Color Information

#5338e5 Color Conversion

Color Schemes with #5338e5

Alternatives to #5338e5

#5338e5 Preview

Shades and Tints of #5338e5

Tones of #5338e5

Color Blindness Simulator