#533af3 hex color

In a RGB color space, hex #533af3 is composed of 32.5% red, 22.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 76.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 248.1 degrees, a saturation of 88.5% and a lightness of 59%. #533af3 color hex could be obtained by blending #a674ff with #0000e7. Closest websafe color is: #6633ff.

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

● #533af3 color description : Bright blue.

The hexadecimal color #533af3 has RGB values of R:83, G:58, B:243 and CMYK values of C:0.66, M:0.76, Y:0, K:0.05. Its decimal value is 5454579.

Hex triplet	533af3	`#533af3`
RGB Decimal	83, 58, 243	`rgb(83,58,243)`
RGB Percent	32.5, 22.7, 95.3	`rgb(32.5%,22.7%,95.3%)`
CMYK	66, 76, 0, 5
HSL	248.1°, 88.5, 59	`hsl(248.1,88.5%,59%)`
HSV (or HSB)	248.1°, 76.1, 95.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.139, 61.509, -87.98
XYZ	21.255, 11.335, 85.857
xyY	0.179, 0.096, 11.335
CIE-LCH	40.139, 107.349, 304.959
CIE-LUV	40.139, -4.396, -125.785
Hunter-Lab	33.668, 53.771, -127.629
Binary	01010011, 00111010, 11110011

#533af3
```
#533af3 rgb(83,58,243)
```
#daf33a
```
#daf33a rgb(218,243,58)
```

Complementary Color

#3a7ef3
```
#3a7ef3 rgb(58,126,243)
```
#533af3
```
#533af3 rgb(83,58,243)
```
#b03af3
```
#b03af3 rgb(176,58,243)
```

Analogous Color

#7ef33a
```
#7ef33a rgb(126,243,58)
```
#533af3
```
#533af3 rgb(83,58,243)
```
#f3b03a
```
#f3b03a rgb(243,176,58)
```

Split Complementary Color

#3af353
```
#3af353 rgb(58,243,83)
```
#533af3
```
#533af3 rgb(83,58,243)
```
#f3533a
```
#f3533a rgb(243,83,58)
```

Triadic Color

#3adaf3
```
#3adaf3 rgb(58,218,243)
```
#533af3
```
#533af3 rgb(83,58,243)
```
#f3533a
```
#f3533a rgb(243,83,58)
```
#daf33a
```
#daf33a rgb(218,243,58)
```

Tetradic Color

#280dd4
```
#280dd4 rgb(40,13,212)
```
#2c0eec
```
#2c0eec rgb(44,14,236)
```
#3e22f2
```
#3e22f2 rgb(62,34,242)
```
#533af3
```
#533af3 rgb(83,58,243)
```
#6852f4
```
#6852f4 rgb(104,82,244)
```
#7d6af6
```
#7d6af6 rgb(125,106,246)
```
#9282f7
```
#9282f7 rgb(146,130,247)
```

Monochromatic Color

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

#3a4ff3
```
#3a4ff3 rgb(58,79,243)
```
#3a40f3
```
#3a40f3 rgb(58,64,243)
```
#443af3
```
#443af3 rgb(68,58,243)
```
#533af3
```
#533af3 rgb(83,58,243)
```
#623af3
```
#623af3 rgb(98,58,243)
```
#723af3
```
#723af3 rgb(114,58,243)
```
#813af3
```
#813af3 rgb(129,58,243)
```

Similar Colors

Text with hexadecimal color #533af3

This text has a font color of #533af3.

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

#533af3 background color

This paragraph has a background color of #533af3.

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

#533af3 border color

This element has a border color of #533af3.

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

CSS codes

.text {color:#533af3;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#050219
```
#050219 rgb(5,2,25)
```
#08032b
```
#08032b rgb(8,3,43)
```
#0c043e
```
#0c043e rgb(12,4,62)
```
#0f0550
```
#0f0550 rgb(15,5,80)
```
#130663
```
#130663 rgb(19,6,99)
```
#160775
```
#160775 rgb(22,7,117)
```
#1a0888
```
#1a0888 rgb(26,8,136)
```
#1d099a
```
#1d099a rgb(29,9,154)
```
#200bad
```
#200bad rgb(32,11,173)
```
#240cbf
```
#240cbf rgb(36,12,191)
```
#270dd2
```
#270dd2 rgb(39,13,210)
```
#2b0ee4
```
#2b0ee4 rgb(43,14,228)
```

Shade Color Variation

#3315f1
```
#3315f1 rgb(51,21,241)
```
#4328f2
```
#4328f2 rgb(67,40,242)
```
#533af3
```
#533af3 rgb(83,58,243)
```
#634cf4
```
#634cf4 rgb(99,76,244)
```
#735ff5
```
#735ff5 rgb(115,95,245)
```
#8371f6
```
#8371f6 rgb(131,113,246)
```
#9484f8
```
#9484f8 rgb(148,132,248)
```
#a496f9
```
#a496f9 rgb(164,150,249)
```
#b4a9fa
```
#b4a9fa rgb(180,169,250)
```
#c4bbfb
```
#c4bbfb rgb(196,187,251)
```
#d4cefc
```
#d4cefc rgb(212,206,252)
```
#e4e0fd
```
#e4e0fd rgb(228,224,253)
```
#f4f3fe
```
#f4f3fe rgb(244,243,254)
```

Tint Color Variation

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

#94929b
```
#94929b rgb(148,146,155)
```
#8e8aa3
```
#8e8aa3 rgb(142,138,163)
```
#8882ab
```
#8882ab rgb(136,130,171)
```
#827ab3
```
#827ab3 rgb(130,122,179)
```
#7c72bb
```
#7c72bb rgb(124,114,187)
```
#766ac3
```
#766ac3 rgb(118,106,195)
```
#7062cb
```
#7062cb rgb(112,98,203)
```
#6a5ad3
```
#6a5ad3 rgb(106,90,211)
```
#6552db
```
#6552db rgb(101,82,219)
```
#5f4ae3
```
#5f4ae3 rgb(95,74,227)
```
#5942eb
```
#5942eb rgb(89,66,235)
```
#533af3
```
#533af3 rgb(83,58,243)
```
#4d32fb
```
#4d32fb rgb(77,50,251)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#565176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#1e54d4 Protanomaly 1% of men, 0.01% of women
#1e58c3 Deuteranomaly 6% of men, 0.4% of women
#1e5da4 Tritanomaly 0.01% of the population

#533af3 hex color

#533af3 Color Information

#533af3 Color Conversion

Color Schemes with #533af3

Alternatives to #533af3

#533af3 Preview

Shades and Tints of #533af3

Tones of #533af3

Color Blindness Simulator