#5334f2 hex color

In a RGB color space, hex #5334f2 is composed of 32.5% red, 20.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 78.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 249.8 degrees, a saturation of 88% and a lightness of 57.6%. #5334f2 color hex could be obtained by blending #a668ff with #0000e5. Closest websafe color is: #6633ff.

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

● #5334f2 color description : Bright blue.

The hexadecimal color #5334f2 has RGB values of R:83, G:52, B:242 and CMYK values of C:0.66, M:0.79, Y:0, K:0.05. Its decimal value is 5453042.

Hex triplet	5334f2	`#5334f2`
RGB Decimal	83, 52, 242	`rgb(83,52,242)`
RGB Percent	32.5, 20.4, 94.9	`rgb(32.5%,20.4%,94.9%)`
CMYK	66, 79, 0, 5
HSL	249.8°, 88, 57.6	`hsl(249.8,88%,57.6%)`
HSV (or HSB)	249.8°, 78.5, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.079, 63.993, -89.169
XYZ	20.819, 10.705, 84.969
xyY	0.179, 0.092, 10.705
CIE-LCH	39.079, 109.755, 305.665
CIE-LUV	39.079, -3.54, -125.744
Hunter-Lab	32.718, 56.326, -131.072
Binary	01010011, 00110100, 11110010

#5334f2
```
#5334f2 rgb(83,52,242)
```
#d3f234
```
#d3f234 rgb(211,242,52)
```

Complementary Color

#3474f2
```
#3474f2 rgb(52,116,242)
```
#5334f2
```
#5334f2 rgb(83,52,242)
```
#b234f2
```
#b234f2 rgb(178,52,242)
```

Analogous Color

#74f234
```
#74f234 rgb(116,242,52)
```
#5334f2
```
#5334f2 rgb(83,52,242)
```
#f2b234
```
#f2b234 rgb(242,178,52)
```

Split Complementary Color

#34f253
```
#34f253 rgb(52,242,83)
```
#5334f2
```
#5334f2 rgb(83,52,242)
```
#f25334
```
#f25334 rgb(242,83,52)
```

Triadic Color

#34d3f2
```
#34d3f2 rgb(52,211,242)
```
#5334f2
```
#5334f2 rgb(83,52,242)
```
#f25334
```
#f25334 rgb(242,83,52)
```
#d3f234
```
#d3f234 rgb(211,242,52)
```

Tetradic Color

#2c0dcc
```
#2c0dcc rgb(44,13,204)
```
#320fe4
```
#320fe4 rgb(50,15,228)
```
#3f1cf0
```
#3f1cf0 rgb(63,28,240)
```
#5334f2
```
#5334f2 rgb(83,52,242)
```
#674cf4
```
#674cf4 rgb(103,76,244)
```
#7c64f5
```
#7c64f5 rgb(124,100,245)
```
#907cf7
```
#907cf7 rgb(144,124,247)
```

Monochromatic Color

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

#3445f2
```
#3445f2 rgb(52,69,242)
```
#3435f2
```
#3435f2 rgb(52,53,242)
```
#4334f2
```
#4334f2 rgb(67,52,242)
```
#5334f2
```
#5334f2 rgb(83,52,242)
```
#6334f2
```
#6334f2 rgb(99,52,242)
```
#7334f2
```
#7334f2 rgb(115,52,242)
```
#8334f2
```
#8334f2 rgb(131,52,242)
```

Similar Colors

Text with hexadecimal color #5334f2

This text has a font color of #5334f2.

<span style="color:#5334f2;">Text here</span>

#5334f2 background color

This paragraph has a background color of #5334f2.

<p style="background-color:#5334f2;">Content here</p>

#5334f2 border color

This element has a border color of #5334f2.

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

CSS codes

.text {color:#5334f2;}

.background {background-color:#5334f2;}

.border {border:1px solid #5334f2;}

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

#040112
```
#040112 rgb(4,1,18)
```
#080225
```
#080225 rgb(8,2,37)
```
#0c0437
```
#0c0437 rgb(12,4,55)
```
#10054a
```
#10054a rgb(16,5,74)
```
#14065c
```
#14065c rgb(20,6,92)
```
#18076e
```
#18076e rgb(24,7,110)
```
#1c0881
```
#1c0881 rgb(28,8,129)
```
#200993
```
#200993 rgb(32,9,147)
```
#240ba6
```
#240ba6 rgb(36,11,166)
```
#280cb8
```
#280cb8 rgb(40,12,184)
```
#2c0dcb
```
#2c0dcb rgb(44,13,203)
```
#300edd
```
#300edd rgb(48,14,221)
```
#340fef
```
#340fef rgb(52,15,239)
```

Shade Color Variation

#4322f1
```
#4322f1 rgb(67,34,241)
```
#5334f2
```
#5334f2 rgb(83,52,242)
```
#6346f3
```
#6346f3 rgb(99,70,243)
```
#7259f4
```
#7259f4 rgb(114,89,244)
```
#826bf6
```
#826bf6 rgb(130,107,246)
```
#917ef7
```
#917ef7 rgb(145,126,247)
```
#a190f8
```
#a190f8 rgb(161,144,248)
```
#b1a3f9
```
#b1a3f9 rgb(177,163,249)
```
#c0b5fa
```
#c0b5fa rgb(192,181,250)
```
#d0c7fb
```
#d0c7fb rgb(208,199,251)
```
#e0dafd
```
#e0dafd rgb(224,218,253)
```
#efecfe
```
#efecfe rgb(239,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#918f97
```
#918f97 rgb(145,143,151)
```
#8b879f
```
#8b879f rgb(139,135,159)
```
#857fa7
```
#857fa7 rgb(133,127,167)
```
#8076b0
```
#8076b0 rgb(128,118,176)
```
#7a6eb8
```
#7a6eb8 rgb(122,110,184)
```
#7566c0
```
#7566c0 rgb(117,102,192)
```
#6f5ec8
```
#6f5ec8 rgb(111,94,200)
```
#6955d1
```
#6955d1 rgb(105,85,209)
```
#644dd9
```
#644dd9 rgb(100,77,217)
```
#5e45e1
```
#5e45e1 rgb(94,69,225)
```
#593cea
```
#593cea rgb(89,60,234)
```
#5334f2
```
#5334f2 rgb(83,52,242)
```
#4d2cfa
```
#4d2cfa rgb(77,44,250)
```

Tone Color Variation

Below, you can see how #5334f2 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

#535353 Achromatopsia 0.005% of the population
#534d73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#1e51d0 Protanomaly 1% of men, 0.01% of women
#1e54c0 Deuteranomaly 6% of men, 0.4% of women
#1e59a2 Tritanomaly 0.01% of the population

#5334f2 hex color

#5334f2 Color Information

#5334f2 Color Conversion

Color Schemes with #5334f2

Alternatives to #5334f2

#5334f2 Preview

Shades and Tints of #5334f2

Tones of #5334f2

Color Blindness Simulator