#5334f3 hex color

In a RGB color space, hex #5334f3 is composed of 32.5% red, 20.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 78.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 249.7 degrees, a saturation of 88.8% and a lightness of 57.8%. #5334f3 color hex could be obtained by blending #a668ff with #0000e7. 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

● #5334f3 color description : Bright blue.

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

Hex triplet	5334f3	`#5334f3`
RGB Decimal	83, 52, 243	`rgb(83,52,243)`
RGB Percent	32.5, 20.4, 95.3	`rgb(32.5%,20.4%,95.3%)`
CMYK	66, 79, 0, 5
HSL	249.7°, 88.8, 57.8	`hsl(249.7,88.8%,57.8%)`
HSV (or HSB)	249.7°, 78.6, 95.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.182, 64.273, -89.562
XYZ	20.97, 10.765, 85.762
xyY	0.178, 0.092, 10.765
CIE-LCH	39.182, 110.238, 305.665
CIE-LUV	39.182, -3.611, -126.326
Hunter-Lab	32.81, 56.666, -132.01
Binary	01010011, 00110100, 11110011

#5334f3
```
#5334f3 rgb(83,52,243)
```
#d4f334
```
#d4f334 rgb(212,243,52)
```

Complementary Color

#3475f3
```
#3475f3 rgb(52,117,243)
```
#5334f3
```
#5334f3 rgb(83,52,243)
```
#b334f3
```
#b334f3 rgb(179,52,243)
```

Analogous Color

#75f334
```
#75f334 rgb(117,243,52)
```
#5334f3
```
#5334f3 rgb(83,52,243)
```
#f3b334
```
#f3b334 rgb(243,179,52)
```

Split Complementary Color

#34f353
```
#34f353 rgb(52,243,83)
```
#5334f3
```
#5334f3 rgb(83,52,243)
```
#f35334
```
#f35334 rgb(243,83,52)
```

Triadic Color

#34d4f3
```
#34d4f3 rgb(52,212,243)
```
#5334f3
```
#5334f3 rgb(83,52,243)
```
#f35334
```
#f35334 rgb(243,83,52)
```
#d4f334
```
#d4f334 rgb(212,243,52)
```

Tetradic Color

#2c0cce
```
#2c0cce rgb(44,12,206)
```
#310ee6
```
#310ee6 rgb(49,14,230)
```
#3f1cf2
```
#3f1cf2 rgb(63,28,242)
```
#5334f3
```
#5334f3 rgb(83,52,243)
```
#674cf4
```
#674cf4 rgb(103,76,244)
```
#7c64f6
```
#7c64f6 rgb(124,100,246)
```
#907cf7
```
#907cf7 rgb(144,124,247)
```

Monochromatic Color

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

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

Similar Colors

Text with hexadecimal color #5334f3

This text has a font color of #5334f3.

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

#5334f3 background color

This paragraph has a background color of #5334f3.

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

#5334f3 border color

This element has a border color of #5334f3.

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

CSS codes

.text {color:#5334f3;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040113
```
#040113 rgb(4,1,19)
```
#080226
```
#080226 rgb(8,2,38)
```
#0c0338
```
#0c0338 rgb(12,3,56)
```
#10044b
```
#10044b rgb(16,4,75)
```
#14065d
```
#14065d rgb(20,6,93)
```
#180770
```
#180770 rgb(24,7,112)
```
#1c0882
```
#1c0882 rgb(28,8,130)
```
#200995
```
#200995 rgb(32,9,149)
```
#230aa7
```
#230aa7 rgb(35,10,167)
```
#270bba
```
#270bba rgb(39,11,186)
```
#2b0ccc
```
#2b0ccc rgb(43,12,204)
```
#2f0ddf
```
#2f0ddf rgb(47,13,223)
```

Shade Color Variation

#340ff1
```
#340ff1 rgb(52,15,241)
```
#4321f2
```
#4321f2 rgb(67,33,242)
```
#5334f3
```
#5334f3 rgb(83,52,243)
```
#6347f4
```
#6347f4 rgb(99,71,244)
```
#7259f5
```
#7259f5 rgb(114,89,245)
```
#826cf6
```
#826cf6 rgb(130,108,246)
```
#927ef7
```
#927ef7 rgb(146,126,247)
```
#a191f8
```
#a191f8 rgb(161,145,248)
```
#b1a3fa
```
#b1a3fa rgb(177,163,250)
```
#c1b6fb
```
#c1b6fb rgb(193,182,251)
```
#d1c8fc
```
#d1c8fc rgb(209,200,252)
```
#e0dbfd
```
#e0dbfd rgb(224,219,253)
```
#f0edfe
```
#f0edfe rgb(240,237,254)
```

Tint Color Variation

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

#908f98
```
#908f98 rgb(144,143,152)
```
#8b87a0
```
#8b87a0 rgb(139,135,160)
```
#857ea9
```
#857ea9 rgb(133,126,169)
```
#8076b1
```
#8076b1 rgb(128,118,177)
```
#7a6eb9
```
#7a6eb9 rgb(122,110,185)
```
#7566c1
```
#7566c1 rgb(117,102,193)
```
#6f5dca
```
#6f5dca rgb(111,93,202)
```
#6955d2
```
#6955d2 rgb(105,85,210)
```
#644dda
```
#644dda rgb(100,77,218)
```
#5e45e2
```
#5e45e2 rgb(94,69,226)
```
#593ceb
```
#593ceb rgb(89,60,235)
```
#5334f3
```
#5334f3 rgb(83,52,243)
```
#4d2cfb
```
#4d2cfb rgb(77,44,251)
```

Tone Color Variation

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

#0061be Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

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

#5334f3 hex color

#5334f3 Color Information

#5334f3 Color Conversion

Color Schemes with #5334f3

Alternatives to #5334f3

#5334f3 Preview

Shades and Tints of #5334f3

Tones of #5334f3

Color Blindness Simulator