#5339f1 hex color

In a RGB color space, hex #5339f1 is composed of 32.5% red, 22.4% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 76.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 248.5 degrees, a saturation of 86.8% and a lightness of 58.4%. #5339f1 color hex could be obtained by blending #a672ff with #0000e3. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 22
- B 95
RGB color chart
- C 66
- M 76
- Y 0
- K 5
CMYK color chart

● #5339f1 color description : Bright blue.

The hexadecimal color #5339f1 has RGB values of R:83, G:57, B:241 and CMYK values of C:0.66, M:0.76, Y:0, K:0.05. Its decimal value is 5454321.

Hex triplet	5339f1	`#5339f1`
RGB Decimal	83, 57, 241	`rgb(83,57,241)`
RGB Percent	32.5, 22.4, 94.5	`rgb(32.5%,22.4%,94.5%)`
CMYK	66, 76, 0, 5
HSL	248.5°, 86.8, 58.4	`hsl(248.5,86.8%,58.4%)`
HSV (or HSB)	248.5°, 76.3, 94.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.774, 61.408, -87.456
XYZ	20.905, 11.115, 84.258
xyY	0.18, 0.096, 11.115
CIE-LCH	39.774, 106.862, 305.075
CIE-LUV	39.774, -4.123, -124.71
Hunter-Lab	33.339, 53.579, -126.505
Binary	01010011, 00111001, 11110001

#5339f1
```
#5339f1 rgb(83,57,241)
```
#d7f139
```
#d7f139 rgb(215,241,57)
```

Complementary Color

#397bf1
```
#397bf1 rgb(57,123,241)
```
#5339f1
```
#5339f1 rgb(83,57,241)
```
#af39f1
```
#af39f1 rgb(175,57,241)
```

Analogous Color

#7bf139
```
#7bf139 rgb(123,241,57)
```
#5339f1
```
#5339f1 rgb(83,57,241)
```
#f1af39
```
#f1af39 rgb(241,175,57)
```

Split Complementary Color

#39f153
```
#39f153 rgb(57,241,83)
```
#5339f1
```
#5339f1 rgb(83,57,241)
```
#f15339
```
#f15339 rgb(241,83,57)
```

Triadic Color

#39d7f1
```
#39d7f1 rgb(57,215,241)
```
#5339f1
```
#5339f1 rgb(83,57,241)
```
#f15339
```
#f15339 rgb(241,83,57)
```
#d7f139
```
#d7f139 rgb(215,241,57)
```

Tetradic Color

#2a0fcf
```
#2a0fcf rgb(42,15,207)
```
#2f10e7
```
#2f10e7 rgb(47,16,231)
```
#3e21ef
```
#3e21ef rgb(62,33,239)
```
#5339f1
```
#5339f1 rgb(83,57,241)
```
#6851f3
```
#6851f3 rgb(104,81,243)
```
#7c69f4
```
#7c69f4 rgb(124,105,244)
```
#9180f6
```
#9180f6 rgb(145,128,246)
```

Monochromatic Color

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

#394df1
```
#394df1 rgb(57,77,241)
```
#393ef1
```
#393ef1 rgb(57,62,241)
```
#4439f1
```
#4439f1 rgb(68,57,241)
```
#5339f1
```
#5339f1 rgb(83,57,241)
```
#6239f1
```
#6239f1 rgb(98,57,241)
```
#7239f1
```
#7239f1 rgb(114,57,241)
```
#8139f1
```
#8139f1 rgb(129,57,241)
```

Similar Colors

Text with hexadecimal color #5339f1

This text has a font color of #5339f1.

<span style="color:#5339f1;">Text here</span>

#5339f1 background color

This paragraph has a background color of #5339f1.

<p style="background-color:#5339f1;">Content here</p>

#5339f1 border color

This element has a border color of #5339f1.

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

CSS codes

.text {color:#5339f1;}

.background {background-color:#5339f1;}

.border {border:1px solid #5339f1;}

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

#010004
```
#010004 rgb(1,0,4)
```
#040216
```
#040216 rgb(4,2,22)
```
#080328
```
#080328 rgb(8,3,40)
```
#0c043a
```
#0c043a rgb(12,4,58)
```
#10054d
```
#10054d rgb(16,5,77)
```
#13075f
```
#13075f rgb(19,7,95)
```
#170871
```
#170871 rgb(23,8,113)
```
#1b0984
```
#1b0984 rgb(27,9,132)
```
#1e0b96
```
#1e0b96 rgb(30,11,150)
```
#220ca8
```
#220ca8 rgb(34,12,168)
```
#260dbb
```
#260dbb rgb(38,13,187)
```
#290ecd
```
#290ecd rgb(41,14,205)
```
#2d10df
```
#2d10df rgb(45,16,223)
```

Shade Color Variation

#3314ee
```
#3314ee rgb(51,20,238)
```
#4327f0
```
#4327f0 rgb(67,39,240)
```
#5339f1
```
#5339f1 rgb(83,57,241)
```
#634bf2
```
#634bf2 rgb(99,75,242)
```
#735ef4
```
#735ef4 rgb(115,94,244)
```
#8370f5
```
#8370f5 rgb(131,112,245)
```
#9382f6
```
#9382f6 rgb(147,130,246)
```
#a395f7
```
#a395f7 rgb(163,149,247)
```
#b2a7f9
```
#b2a7f9 rgb(178,167,249)
```
#c2b9fa
```
#c2b9fa rgb(194,185,250)
```
#d2ccfb
```
#d2ccfb rgb(210,204,251)
```
#e2defd
```
#e2defd rgb(226,222,253)
```
#f2f0fe
```
#f2f0fe rgb(242,240,254)
```

Tint Color Variation

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

#939397
```
#939397 rgb(147,147,151)
```
#8d8b9f
```
#8d8b9f rgb(141,139,159)
```
#8882a8
```
#8882a8 rgb(136,130,168)
```
#827ab0
```
#827ab0 rgb(130,122,176)
```
#7c72b8
```
#7c72b8 rgb(124,114,184)
```
#766ac0
```
#766ac0 rgb(118,106,192)
```
#7062c8
```
#7062c8 rgb(112,98,200)
```
#6a5ad0
```
#6a5ad0 rgb(106,90,208)
```
#6551d9
```
#6551d9 rgb(101,81,217)
```
#5f49e1
```
#5f49e1 rgb(95,73,225)
```
#5941e9
```
#5941e9 rgb(89,65,233)
```
#5339f1
```
#5339f1 rgb(83,57,241)
```
#4d31f9
```
#4d31f9 rgb(77,49,249)
```

Tone Color Variation

Below, you can see how #5339f1 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

#565656 Achromatopsia 0.005% of the population
#555075 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c0 Protanopia 1% of men
#0068a7 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#1e53d2 Protanomaly 1% of men, 0.01% of women
#1e57c2 Deuteranomaly 6% of men, 0.4% of women
#1e5ca3 Tritanomaly 0.01% of the population

#5339f1 hex color

#5339f1 Color Information

#5339f1 Color Conversion

Color Schemes with #5339f1

Alternatives to #5339f1

#5339f1 Preview

Shades and Tints of #5339f1

Tones of #5339f1

Color Blindness Simulator