#533af0 hex color

In a RGB color space, hex #533af0 is composed of 32.5% red, 22.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 75.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 248.2 degrees, a saturation of 85.8% and a lightness of 58.4%. #533af0 color hex could be obtained by blending #a674ff with #0000e1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 23
- B 94
RGB color chart
- C 65
- M 76
- Y 0
- K 6
CMYK color chart

● #533af0 color description : Bright blue.

The hexadecimal color #533af0 has RGB values of R:83, G:58, B:240 and CMYK values of C:0.65, M:0.76, Y:0, K:0.06. Its decimal value is 5454576.

Hex triplet	533af0	`#533af0`
RGB Decimal	83, 58, 240	`rgb(83,58,240)`
RGB Percent	32.5, 22.7, 94.1	`rgb(32.5%,22.7%,94.1%)`
CMYK	65, 76, 0, 6
HSL	248.2°, 85.8, 58.4	`hsl(248.2,85.8%,58.4%)`
HSV (or HSB)	248.2°, 75.8, 94.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.841, 60.641, -86.78
XYZ	20.805, 11.155, 83.49
xyY	0.18, 0.097, 11.155
CIE-LCH	39.841, 105.869, 304.945
CIE-LUV	39.841, -4.194, -124.01
Hunter-Lab	33.4, 52.742, -124.829
Binary	01010011, 00111010, 11110000

#533af0
```
#533af0 rgb(83,58,240)
```
#d7f03a
```
#d7f03a rgb(215,240,58)
```

Complementary Color

#3a7cf0
```
#3a7cf0 rgb(58,124,240)
```
#533af0
```
#533af0 rgb(83,58,240)
```
#ae3af0
```
#ae3af0 rgb(174,58,240)
```

Analogous Color

#7cf03a
```
#7cf03a rgb(124,240,58)
```
#533af0
```
#533af0 rgb(83,58,240)
```
#f0ae3a
```
#f0ae3a rgb(240,174,58)
```

Split Complementary Color

#3af053
```
#3af053 rgb(58,240,83)
```
#533af0
```
#533af0 rgb(83,58,240)
```
#f0533a
```
#f0533a rgb(240,83,58)
```

Triadic Color

#3ad7f0
```
#3ad7f0 rgb(58,215,240)
```
#533af0
```
#533af0 rgb(83,58,240)
```
#f0533a
```
#f0533a rgb(240,83,58)
```
#d7f03a
```
#d7f03a rgb(215,240,58)
```

Tetradic Color

#2a10ce
```
#2a10ce rgb(42,16,206)
```
#2f11e6
```
#2f11e6 rgb(47,17,230)
```
#3e22ee
```
#3e22ee rgb(62,34,238)
```
#533af0
```
#533af0 rgb(83,58,240)
```
#6852f2
```
#6852f2 rgb(104,82,242)
```
#7c69f4
```
#7c69f4 rgb(124,105,244)
```
#9181f5
```
#9181f5 rgb(145,129,245)
```

Monochromatic Color

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

#3a4ef0
```
#3a4ef0 rgb(58,78,240)
```
#3a3ff0
```
#3a3ff0 rgb(58,63,240)
```
#443af0
```
#443af0 rgb(68,58,240)
```
#533af0
```
#533af0 rgb(83,58,240)
```
#623af0
```
#623af0 rgb(98,58,240)
```
#713af0
```
#713af0 rgb(113,58,240)
```
#813af0
```
#813af0 rgb(129,58,240)
```

Similar Colors

Text with hexadecimal color #533af0

This text has a font color of #533af0.

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

#533af0 background color

This paragraph has a background color of #533af0.

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

#533af0 border color

This element has a border color of #533af0.

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

CSS codes

.text {color:#533af0;}

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

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

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)
```
#040216
```
#040216 rgb(4,2,22)
```
#080328
```
#080328 rgb(8,3,40)
```
#0c043a
```
#0c043a rgb(12,4,58)
```
#10064c
```
#10064c rgb(16,6,76)
```
#13075f
```
#13075f rgb(19,7,95)
```
#170971
```
#170971 rgb(23,9,113)
```
#1b0a83
```
#1b0a83 rgb(27,10,131)
```
#1e0b95
```
#1e0b95 rgb(30,11,149)
```
#220da8
```
#220da8 rgb(34,13,168)
```
#260eba
```
#260eba rgb(38,14,186)
```
#2910cc
```
#2910cc rgb(41,16,204)
```
#2d11de
```
#2d11de rgb(45,17,222)
```

Shade Color Variation

#3316ed
```
#3316ed rgb(51,22,237)
```
#4328ef
```
#4328ef rgb(67,40,239)
```
#533af0
```
#533af0 rgb(83,58,240)
```
#634cf1
```
#634cf1 rgb(99,76,241)
```
#735ef3
```
#735ef3 rgb(115,94,243)
```
#8371f4
```
#8371f4 rgb(131,113,244)
```
#9383f6
```
#9383f6 rgb(147,131,246)
```
#a395f7
```
#a395f7 rgb(163,149,247)
```
#b2a7f8
```
#b2a7f8 rgb(178,167,248)
```
#c2bafa
```
#c2bafa rgb(194,186,250)
```
#d2ccfb
```
#d2ccfb rgb(210,204,251)
```
#e2defc
```
#e2defc rgb(226,222,252)
```
#f2f0fe
```
#f2f0fe rgb(242,240,254)
```

Tint Color Variation

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

#949496
```
#949496 rgb(148,148,150)
```
#8e8c9e
```
#8e8c9e rgb(142,140,158)
```
#8883a7
```
#8883a7 rgb(136,131,167)
```
#827baf
```
#827baf rgb(130,123,175)
```
#7c73b7
```
#7c73b7 rgb(124,115,183)
```
#766bbf
```
#766bbf rgb(118,107,191)
```
#7163c7
```
#7163c7 rgb(113,99,199)
```
#6b5bcf
```
#6b5bcf rgb(107,91,207)
```
#6552d8
```
#6552d8 rgb(101,82,216)
```
#5f4ae0
```
#5f4ae0 rgb(95,74,224)
```
#5942e8
```
#5942e8 rgb(89,66,232)
```
#533af0
```
#533af0 rgb(83,58,240)
```
#4d32f8
```
#4d32f8 rgb(77,50,248)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#555075 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a7 Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#1e54d2 Protanomaly 1% of men, 0.01% of women
#1e57c1 Deuteranomaly 6% of men, 0.4% of women
#1e5ca3 Tritanomaly 0.01% of the population

#533af0 hex color

#533af0 Color Information

#533af0 Color Conversion

Color Schemes with #533af0

Alternatives to #533af0

#533af0 Preview

Shades and Tints of #533af0

Tones of #533af0

Color Blindness Simulator