#5335f5 hex color

In a RGB color space, hex #5335f5 is composed of 32.5% red, 20.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 78.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 249.4 degrees, a saturation of 90.6% and a lightness of 58.4%. #5335f5 color hex could be obtained by blending #a66aff with #0000eb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 21
- B 96
RGB color chart
- C 66
- M 78
- Y 0
- K 4
CMYK color chart

● #5335f5 color description : Bright blue.

The hexadecimal color #5335f5 has RGB values of R:83, G:53, B:245 and CMYK values of C:0.66, M:0.78, Y:0, K:0.04. Its decimal value is 5453301.

Hex triplet	5335f5	`#5335f5`
RGB Decimal	83, 53, 245	`rgb(83,53,245)`
RGB Percent	32.5, 20.8, 96.1	`rgb(32.5%,20.8%,96.1%)`
CMYK	66, 78, 0, 4
HSL	249.4°, 90.6, 58.4	`hsl(249.4,90.6%,58.4%)`
HSV (or HSB)	249.4°, 78.4, 96.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.541, 64.39, -90.094
XYZ	21.319, 10.977, 87.376
xyY	0.178, 0.092, 10.977
CIE-LCH	39.541, 110.739, 305.553
CIE-LUV	39.541, -3.874, -127.414
Hunter-Lab	33.131, 56.878, -133.173
Binary	01010011, 00110101, 11110101

#5335f5
```
#5335f5 rgb(83,53,245)
```
#d7f535
```
#d7f535 rgb(215,245,53)
```

Complementary Color

#3577f5
```
#3577f5 rgb(53,119,245)
```
#5335f5
```
#5335f5 rgb(83,53,245)
```
#b335f5
```
#b335f5 rgb(179,53,245)
```

Analogous Color

#77f535
```
#77f535 rgb(119,245,53)
```
#5335f5
```
#5335f5 rgb(83,53,245)
```
#f5b335
```
#f5b335 rgb(245,179,53)
```

Split Complementary Color

#35f553
```
#35f553 rgb(53,245,83)
```
#5335f5
```
#5335f5 rgb(83,53,245)
```
#f55335
```
#f55335 rgb(245,83,53)
```

Triadic Color

#35d7f5
```
#35d7f5 rgb(53,215,245)
```
#5335f5
```
#5335f5 rgb(83,53,245)
```
#f55335
```
#f55335 rgb(245,83,53)
```
#d7f535
```
#d7f535 rgb(215,245,53)
```

Tetradic Color

#2a0ad3
```
#2a0ad3 rgb(42,10,211)
```
#2f0ceb
```
#2f0ceb rgb(47,12,235)
```
#3e1df4
```
#3e1df4 rgb(62,29,244)
```
#5335f5
```
#5335f5 rgb(83,53,245)
```
#684df6
```
#684df6 rgb(104,77,246)
```
#7c66f7
```
#7c66f7 rgb(124,102,247)
```
#917ef9
```
#917ef9 rgb(145,126,249)
```

Monochromatic Color

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

#3547f5
```
#3547f5 rgb(53,71,245)
```
#3537f5
```
#3537f5 rgb(53,55,245)
```
#4335f5
```
#4335f5 rgb(67,53,245)
```
#5335f5
```
#5335f5 rgb(83,53,245)
```
#6335f5
```
#6335f5 rgb(99,53,245)
```
#7335f5
```
#7335f5 rgb(115,53,245)
```
#8335f5
```
#8335f5 rgb(131,53,245)
```

Similar Colors

Text with hexadecimal color #5335f5

This text has a font color of #5335f5.

<span style="color:#5335f5;">Text here</span>

#5335f5 background color

This paragraph has a background color of #5335f5.

<p style="background-color:#5335f5;">Content here</p>

#5335f5 border color

This element has a border color of #5335f5.

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

CSS codes

.text {color:#5335f5;}

.background {background-color:#5335f5;}

.border {border:1px solid #5335f5;}

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)
```
#040116
```
#040116 rgb(4,1,22)
```
#080229
```
#080229 rgb(8,2,41)
```
#0c033c
```
#0c033c rgb(12,3,60)
```
#10044e
```
#10044e rgb(16,4,78)
```
#130561
```
#130561 rgb(19,5,97)
```
#170674
```
#170674 rgb(23,6,116)
```
#1b0786
```
#1b0786 rgb(27,7,134)
```
#1e0899
```
#1e0899 rgb(30,8,153)
```
#2209ac
```
#2209ac rgb(34,9,172)
```
#2609be
```
#2609be rgb(38,9,190)
```
#290ad1
```
#290ad1 rgb(41,10,209)
```
#2d0be4
```
#2d0be4 rgb(45,11,228)
```

Shade Color Variation

#3310f3
```
#3310f3 rgb(51,16,243)
```
#4322f4
```
#4322f4 rgb(67,34,244)
```
#5335f5
```
#5335f5 rgb(83,53,245)
```
#6348f6
```
#6348f6 rgb(99,72,246)
```
#735af7
```
#735af7 rgb(115,90,247)
```
#836df8
```
#836df8 rgb(131,109,248)
```
#9380f9
```
#9380f9 rgb(147,128,249)
```
#a392fa
```
#a392fa rgb(163,146,250)
```
#b2a5fb
```
#b2a5fb rgb(178,165,251)
```
#c2b8fb
```
#c2b8fb rgb(194,184,251)
```
#d2cbfc
```
#d2cbfc rgb(210,203,252)
```
#e2ddfd
```
#e2ddfd rgb(226,221,253)
```
#f2f0fe
```
#f2f0fe rgb(242,240,254)
```

Tint Color Variation

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

#918f9b
```
#918f9b rgb(145,143,155)
```
#8b87a3
```
#8b87a3 rgb(139,135,163)
```
#857eac
```
#857eac rgb(133,126,172)
```
#8076b4
```
#8076b4 rgb(128,118,180)
```
#7a6ebc
```
#7a6ebc rgb(122,110,188)
```
#7566c4
```
#7566c4 rgb(117,102,196)
```
#6f5ecc
```
#6f5ecc rgb(111,94,204)
```
#6956d4
```
#6956d4 rgb(105,86,212)
```
#644ddd
```
#644ddd rgb(100,77,221)
```
#5e45e5
```
#5e45e5 rgb(94,69,229)
```
#593ded
```
#593ded rgb(89,61,237)
```
#5335f5
```
#5335f5 rgb(83,53,245)
```
#4d2dfd
```
#4d2dfd rgb(77,45,253)
```

Tone Color Variation

Below, you can see how #5335f5 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
#544e74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#1e52d3 Protanomaly 1% of men, 0.01% of women
#1e55c2 Deuteranomaly 6% of men, 0.4% of women
#1e5aa4 Tritanomaly 0.01% of the population

#5335f5 hex color

#5335f5 Color Information

#5335f5 Color Conversion

Color Schemes with #5335f5

Alternatives to #5335f5

#5335f5 Preview

Shades and Tints of #5335f5

Tones of #5335f5

Color Blindness Simulator