#533be4 hex color

In a RGB color space, hex #533be4 is composed of 32.5% red, 23.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 74.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 248.5 degrees, a saturation of 75.8% and a lightness of 56.3%. #533be4 color hex could be obtained by blending #a676ff with #0000c9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 23
- B 89
RGB color chart
- C 64
- M 74
- Y 0
- K 11
CMYK color chart

● #533be4 color description : Bright blue.

The hexadecimal color #533be4 has RGB values of R:83, G:59, B:228 and CMYK values of C:0.64, M:0.74, Y:0, K:0.11. Its decimal value is 5454820.

Hex triplet	533be4	`#533be4`
RGB Decimal	83, 59, 228	`rgb(83,59,228)`
RGB Percent	32.5, 23.1, 89.4	`rgb(32.5%,23.1%,89.4%)`
CMYK	64, 74, 0, 11
HSL	248.5°, 75.8, 56.3	`hsl(248.5,75.8%,56.3%)`
HSV (or HSB)	248.5°, 74.1, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.842, 56.64, -81.622
XYZ	19.132, 10.568, 74.426
xyY	0.184, 0.101, 10.568
CIE-LCH	38.842, 99.349, 304.758
CIE-LUV	38.842, -3.514, -116.701
Hunter-Lab	32.508, 48.166, -112.988
Binary	01010011, 00111011, 11100100

#533be4
```
#533be4 rgb(83,59,228)
```
#cce43b
```
#cce43b rgb(204,228,59)
```

Complementary Color

#3b78e4
```
#3b78e4 rgb(59,120,228)
```
#533be4
```
#533be4 rgb(83,59,228)
```
#a83be4
```
#a83be4 rgb(168,59,228)
```

Analogous Color

#78e43b
```
#78e43b rgb(120,228,59)
```
#533be4
```
#533be4 rgb(83,59,228)
```
#e4a83b
```
#e4a83b rgb(228,168,59)
```

Split Complementary Color

#3be453
```
#3be453 rgb(59,228,83)
```
#533be4
```
#533be4 rgb(83,59,228)
```
#e4533b
```
#e4533b rgb(228,83,59)
```

Triadic Color

#3bcce4
```
#3bcce4 rgb(59,204,228)
```
#533be4
```
#533be4 rgb(83,59,228)
```
#e4533b
```
#e4533b rgb(228,83,59)
```
#cce43b
```
#cce43b rgb(204,228,59)
```

Tetradic Color

#3019b9
```
#3019b9 rgb(48,25,185)
```
#361dcf
```
#361dcf rgb(54,29,207)
```
#3f25e1
```
#3f25e1 rgb(63,37,225)
```
#533be4
```
#533be4 rgb(83,59,228)
```
#6751e7
```
#6751e7 rgb(103,81,231)
```
#7a68ea
```
#7a68ea rgb(122,104,234)
```
#8e7eed
```
#8e7eed rgb(142,126,237)
```

Monochromatic Color

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

#3b4de4
```
#3b4de4 rgb(59,77,228)
```
#3b3fe4
```
#3b3fe4 rgb(59,63,228)
```
#453be4
```
#453be4 rgb(69,59,228)
```
#533be4
```
#533be4 rgb(83,59,228)
```
#613be4
```
#613be4 rgb(97,59,228)
```
#6f3be4
```
#6f3be4 rgb(111,59,228)
```
#7d3be4
```
#7d3be4 rgb(125,59,228)
```

Similar Colors

Text with hexadecimal color #533be4

This text has a font color of #533be4.

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

#533be4 background color

This paragraph has a background color of #533be4.

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

#533be4 border color

This element has a border color of #533be4.

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

CSS codes

.text {color:#533be4;}

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

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

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, #03010b is the darkest color, while #f9f9fe is the lightest one.

#03010b
```
#03010b rgb(3,1,11)
```
#07041c
```
#07041c rgb(7,4,28)
```
#0c062d
```
#0c062d rgb(12,6,45)
```
#10093f
```
#10093f rgb(16,9,63)
```
#150b50
```
#150b50 rgb(21,11,80)
```
#190d61
```
#190d61 rgb(25,13,97)
```
#1e1072
```
#1e1072 rgb(30,16,114)
```
#221284
```
#221284 rgb(34,18,132)
```
#271495
```
#271495 rgb(39,20,149)
```
#2b17a6
```
#2b17a6 rgb(43,23,166)
```
#3019b7
```
#3019b7 rgb(48,25,183)
```
#341cc9
```
#341cc9 rgb(52,28,201)
```
#391eda
```
#391eda rgb(57,30,218)
```

Shade Color Variation

#442ae2
```
#442ae2 rgb(68,42,226)
```
#533be4
```
#533be4 rgb(83,59,228)
```
#624ce6
```
#624ce6 rgb(98,76,230)
```
#715de9
```
#715de9 rgb(113,93,233)
```
#806feb
```
#806feb rgb(128,111,235)
```
#9080ed
```
#9080ed rgb(144,128,237)
```
#9f91f0
```
#9f91f0 rgb(159,145,240)
```
#aea2f2
```
#aea2f2 rgb(174,162,242)
```
#bdb4f5
```
#bdb4f5 rgb(189,180,245)
```
#ccc5f7
```
#ccc5f7 rgb(204,197,247)
```
#dbd6f9
```
#dbd6f9 rgb(219,214,249)
```
#eae7fc
```
#eae7fc rgb(234,231,252)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#8a8897
```
#8a8897 rgb(138,136,151)
```
#84809f
```
#84809f rgb(132,128,159)
```
#7e77a8
```
#7e77a8 rgb(126,119,168)
```
#786eb1
```
#786eb1 rgb(120,110,177)
```
#7266b9
```
#7266b9 rgb(114,102,185)
```
#6c5dc2
```
#6c5dc2 rgb(108,93,194)
```
#6555ca
```
#6555ca rgb(101,85,202)
```
#5f4cd3
```
#5f4cd3 rgb(95,76,211)
```
#5944db
```
#5944db rgb(89,68,219)
```
#533be4
```
#533be4 rgb(83,59,228)
```
#4d32ed
```
#4d32ed rgb(77,50,237)
```
#472af5
```
#472af5 rgb(71,42,245)
```
#4121fe
```
#4121fe rgb(65,33,254)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#555072 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bc Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#1e53cb Protanomaly 1% of men, 0.01% of women
#1e56bb Deuteranomaly 6% of men, 0.4% of women
#1e5b9d Tritanomaly 0.01% of the population

#533be4 hex color

#533be4 Color Information

#533be4 Color Conversion

Color Schemes with #533be4

Alternatives to #533be4

#533be4 Preview

Shades and Tints of #533be4

Tones of #533be4

Color Blindness Simulator