#533fe2 hex color

In a RGB color space, hex #533fe2 is composed of 32.5% red, 24.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 72.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 247.4 degrees, a saturation of 73.8% and a lightness of 56.7%. #533fe2 color hex could be obtained by blending #a67eff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 25
- B 89
RGB color chart
- C 63
- M 72
- Y 0
- K 11
CMYK color chart

● #533fe2 color description : Bright blue.

The hexadecimal color #533fe2 has RGB values of R:83, G:63, B:226 and CMYK values of C:0.63, M:0.72, Y:0, K:0.11. Its decimal value is 5455842.

Hex triplet	533fe2	`#533fe2`
RGB Decimal	83, 63, 226	`rgb(83,63,226)`
RGB Percent	32.5, 24.7, 88.6	`rgb(32.5%,24.7%,88.6%)`
CMYK	63, 72, 0, 11
HSL	247.4°, 73.8, 56.7	`hsl(247.4,73.8%,56.7%)`
HSV (or HSB)	247.4°, 72.1, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.385, 53.983, -79.589
XYZ	19.07, 10.884, 73.043
xyY	0.185, 0.106, 10.884
CIE-LCH	39.385, 96.17, 304.148
CIE-LUV	39.385, -4.013, -114.859
Hunter-Lab	32.991, 45.442, -108.176
Binary	01010011, 00111111, 11100010

#533fe2
```
#533fe2 rgb(83,63,226)
```
#cee23f
```
#cee23f rgb(206,226,63)
```

Complementary Color

#3f7de2
```
#3f7de2 rgb(63,125,226)
```
#533fe2
```
#533fe2 rgb(83,63,226)
```
#a53fe2
```
#a53fe2 rgb(165,63,226)
```

Analogous Color

#7de23f
```
#7de23f rgb(125,226,63)
```
#533fe2
```
#533fe2 rgb(83,63,226)
```
#e2a53f
```
#e2a53f rgb(226,165,63)
```

Split Complementary Color

#3fe253
```
#3fe253 rgb(63,226,83)
```
#533fe2
```
#533fe2 rgb(83,63,226)
```
#e2533f
```
#e2533f rgb(226,83,63)
```

Triadic Color

#3fcee2
```
#3fcee2 rgb(63,206,226)
```
#533fe2
```
#533fe2 rgb(83,63,226)
```
#e2533f
```
#e2533f rgb(226,83,63)
```
#cee23f
```
#cee23f rgb(206,226,63)
```

Tetradic Color

#2f1cb9
```
#2f1cb9 rgb(47,28,185)
```
#351fcf
```
#351fcf rgb(53,31,207)
```
#3f29df
```
#3f29df rgb(63,41,223)
```
#533fe2
```
#533fe2 rgb(83,63,226)
```
#6755e5
```
#6755e5 rgb(103,85,229)
```
#7b6be9
```
#7b6be9 rgb(123,107,233)
```
#8f81ec
```
#8f81ec rgb(143,129,236)
```

Monochromatic Color

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

#3f54e2
```
#3f54e2 rgb(63,84,226)
```
#3f46e2
```
#3f46e2 rgb(63,70,226)
```
#453fe2
```
#453fe2 rgb(69,63,226)
```
#533fe2
```
#533fe2 rgb(83,63,226)
```
#613fe2
```
#613fe2 rgb(97,63,226)
```
#6e3fe2
```
#6e3fe2 rgb(110,63,226)
```
#7c3fe2
```
#7c3fe2 rgb(124,63,226)
```

Similar Colors

Text with hexadecimal color #533fe2

This text has a font color of #533fe2.

<span style="color:#533fe2;">Text here</span>

#533fe2 background color

This paragraph has a background color of #533fe2.

<p style="background-color:#533fe2;">Content here</p>

#533fe2 border color

This element has a border color of #533fe2.

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

CSS codes

.text {color:#533fe2;}

.background {background-color:#533fe2;}

.border {border:1px solid #533fe2;}

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, #03020c is the darkest color, while #fbfafe is the lightest one.

#03020c
```
#03020c rgb(3,2,12)
```
#08041e
```
#08041e rgb(8,4,30)
```
#0c072f
```
#0c072f rgb(12,7,47)
```
#100a40
```
#100a40 rgb(16,10,64)
```
#150c51
```
#150c51 rgb(21,12,81)
```
#190f62
```
#190f62 rgb(25,15,98)
```
#1d1173
```
#1d1173 rgb(29,17,115)
```
#221484
```
#221484 rgb(34,20,132)
```
#261695
```
#261695 rgb(38,22,149)
```
#2a19a6
```
#2a19a6 rgb(42,25,166)
```
#2f1cb7
```
#2f1cb7 rgb(47,28,183)
```
#331ec8
```
#331ec8 rgb(51,30,200)
```
#3721d9
```
#3721d9 rgb(55,33,217)
```

Shade Color Variation

#442edf
```
#442edf rgb(68,46,223)
```
#533fe2
```
#533fe2 rgb(83,63,226)
```
#6250e5
```
#6250e5 rgb(98,80,229)
```
#7261e7
```
#7261e7 rgb(114,97,231)
```
#8172ea
```
#8172ea rgb(129,114,234)
```
#9083ec
```
#9083ec rgb(144,131,236)
```
#9f94ef
```
#9f94ef rgb(159,148,239)
```
#afa5f1
```
#afa5f1 rgb(175,165,241)
```
#beb6f4
```
#beb6f4 rgb(190,182,244)
```
#cdc7f7
```
#cdc7f7 rgb(205,199,247)
```
#dcd8f9
```
#dcd8f9 rgb(220,216,249)
```
#ece9fc
```
#ece9fc rgb(236,233,252)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8c96 is the less saturated color, while #4026fc is the most saturated one.

#8d8c96
```
#8d8c96 rgb(141,140,150)
```
#86839e
```
#86839e rgb(134,131,158)
```
#807ba7
```
#807ba7 rgb(128,123,167)
```
#7972af
```
#7972af rgb(121,114,175)
```
#736ab8
```
#736ab8 rgb(115,106,184)
```
#6d61c0
```
#6d61c0 rgb(109,97,192)
```
#6659c9
```
#6659c9 rgb(102,89,201)
```
#6050d1
```
#6050d1 rgb(96,80,209)
```
#5948da
```
#5948da rgb(89,72,218)
```
#533fe2
```
#533fe2 rgb(83,63,226)
```
#4d37eb
```
#4d37eb rgb(77,55,235)
```
#462ef3
```
#462ef3 rgb(70,46,243)
```
#4026fc
```
#4026fc rgb(64,38,252)
```

Tone Color Variation

Below, you can see how #533fe2 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

#585858 Achromatopsia 0.005% of the population
#575374 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1e55cb Protanomaly 1% of men, 0.01% of women
#1e59bc Deuteranomaly 6% of men, 0.4% of women
#1e5d9d Tritanomaly 0.01% of the population

#533fe2 hex color

#533fe2 Color Information

#533fe2 Color Conversion

Color Schemes with #533fe2

Alternatives to #533fe2

#533fe2 Preview

Shades and Tints of #533fe2

Tones of #533fe2

Color Blindness Simulator