#533aa8 hex color

In a RGB color space, hex #533aa8 is composed of 32.5% red, 22.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 65.5% magenta, 0% yellow and 34.1% black. It has a hue angle of 253.6 degrees, a saturation of 48.7% and a lightness of 44.3%. #533aa8 color hex could be obtained by blending #a674ff with #000051. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 23
- B 66
RGB color chart
- C 51
- M 65
- Y 0
- K 34
CMYK color chart

● #533aa8 color description : Dark moderate blue.

The hexadecimal color #533aa8 has RGB values of R:83, G:58, B:168 and CMYK values of C:0.51, M:0.65, Y:0, K:0.34. Its decimal value is 5454504.

Hex triplet	533aa8	`#533aa8`
RGB Decimal	83, 58, 168	`rgb(83,58,168)`
RGB Percent	32.5, 22.7, 65.9	`rgb(32.5%,22.7%,65.9%)`
CMYK	51, 65, 0, 34
HSL	253.6°, 48.7, 44.3	`hsl(253.6,48.7%,44.3%)`
HSV (or HSB)	253.6°, 65.5, 65.9
Web Safe	663399	`#663399`

CIE-LAB	33.333, 39.21, -55.616
XYZ	12.147, 7.692, 37.888
xyY	0.21, 0.133, 7.692
CIE-LCH	33.333, 68.048, 305.184
CIE-LUV	33.333, 1.564, -78.568
Hunter-Lab	27.734, 29.643, -61.582
Binary	01010011, 00111010, 10101000

#533aa8
```
#533aa8 rgb(83,58,168)
```
#8fa83a
```
#8fa83a rgb(143,168,58)
```

Complementary Color

#3a58a8
```
#3a58a8 rgb(58,88,168)
```
#533aa8
```
#533aa8 rgb(83,58,168)
```
#8a3aa8
```
#8a3aa8 rgb(138,58,168)
```

Analogous Color

#58a83a
```
#58a83a rgb(88,168,58)
```
#533aa8
```
#533aa8 rgb(83,58,168)
```
#a88a3a
```
#a88a3a rgb(168,138,58)
```

Split Complementary Color

#3aa853
```
#3aa853 rgb(58,168,83)
```
#533aa8
```
#533aa8 rgb(83,58,168)
```
#a8533a
```
#a8533a rgb(168,83,58)
```

Triadic Color

#3a8fa8
```
#3a8fa8 rgb(58,143,168)
```
#533aa8
```
#533aa8 rgb(83,58,168)
```
#a8533a
```
#a8533a rgb(168,83,58)
```
#8fa83a
```
#8fa83a rgb(143,168,58)
```

Tetradic Color

#37266f
```
#37266f rgb(55,38,111)
```
#402d82
```
#402d82 rgb(64,45,130)
```
#4a3395
```
#4a3395 rgb(74,51,149)
```
#533aa8
```
#533aa8 rgb(83,58,168)
```
#5c41bb
```
#5c41bb rgb(92,65,187)
```
#6c52c3
```
#6c52c3 rgb(108,82,195)
```
#7c65ca
```
#7c65ca rgb(124,101,202)
```

Monochromatic Color

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

#3a3da8
```
#3a3da8 rgb(58,61,168)
```
#413aa8
```
#413aa8 rgb(65,58,168)
```
#4a3aa8
```
#4a3aa8 rgb(74,58,168)
```
#533aa8
```
#533aa8 rgb(83,58,168)
```
#5c3aa8
```
#5c3aa8 rgb(92,58,168)
```
#653aa8
```
#653aa8 rgb(101,58,168)
```
#6f3aa8
```
#6f3aa8 rgb(111,58,168)
```

Similar Colors

Text with hexadecimal color #533aa8

This text has a font color of #533aa8.

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

#533aa8 background color

This paragraph has a background color of #533aa8.

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

#533aa8 border color

This element has a border color of #533aa8.

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

CSS codes

.text {color:#533aa8;}

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

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

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

#040308
```
#040308 rgb(4,3,8)
```
#0b0816
```
#0b0816 rgb(11,8,22)
```
#120d25
```
#120d25 rgb(18,13,37)
```
#191233
```
#191233 rgb(25,18,51)
```
#211742
```
#211742 rgb(33,23,66)
```
#281c51
```
#281c51 rgb(40,28,81)
```
#2f215f
```
#2f215f rgb(47,33,95)
```
#36266e
```
#36266e rgb(54,38,110)
```
#3d2b7c
```
#3d2b7c rgb(61,43,124)
```
#45308b
```
#45308b rgb(69,48,139)
```
#4c3599
```
#4c3599 rgb(76,53,153)
```
#533aa8
```
#533aa8 rgb(83,58,168)
```
#5a3fb7
```
#5a3fb7 rgb(90,63,183)
```

Shade Color Variation

#6449c0
```
#6449c0 rgb(100,73,192)
```
#7158c5
```
#7158c5 rgb(113,88,197)
```
#7d66ca
```
#7d66ca rgb(125,102,202)
```
#8975cf
```
#8975cf rgb(137,117,207)
```
#9683d4
```
#9683d4 rgb(150,131,212)
```
#a292d9
```
#a292d9 rgb(162,146,217)
```
#afa1de
```
#afa1de rgb(175,161,222)
```
#bbafe3
```
#bbafe3 rgb(187,175,227)
```
#c7bee8
```
#c7bee8 rgb(199,190,232)
```
#d4cced
```
#d4cced rgb(212,204,237)
```
#e0dbf3
```
#e0dbf3 rgb(224,219,243)
```
#ede9f8
```
#ede9f8 rgb(237,233,248)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6e74 is the less saturated color, while #3706dc is the most saturated one.

#6f6e74
```
#6f6e74 rgb(111,110,116)
```
#6b657d
```
#6b657d rgb(107,101,125)
```
#665d85
```
#665d85 rgb(102,93,133)
```
#61548e
```
#61548e rgb(97,84,142)
```
#5c4b97
```
#5c4b97 rgb(92,75,151)
```
#58439f
```
#58439f rgb(88,67,159)
```
#533aa8
```
#533aa8 rgb(83,58,168)
```
#4e31b1
```
#4e31b1 rgb(78,49,177)
```
#4a29b9
```
#4a29b9 rgb(74,41,185)
```
#4520c2
```
#4520c2 rgb(69,32,194)
```
#4017cb
```
#4017cb rgb(64,23,203)
```
#3b0fd3
```
#3b0fd3 rgb(59,15,211)
```
#3706dc
```
#3706dc rgb(55,6,220)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4f4a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a6 Protanopia 1% of men
#005991 Deuteranopia 1% of men
#3f5c62 Tritanopia 0.001% of the population

Trichromacy

#1e4ba6 Protanomaly 1% of men, 0.01% of women
#1e4e99 Deuteranomaly 6% of men, 0.4% of women
#464f7b Tritanomaly 0.01% of the population

#533aa8 hex color

#533aa8 Color Information

#533aa8 Color Conversion

Color Schemes with #533aa8

Alternatives to #533aa8

#533aa8 Preview

Shades and Tints of #533aa8

Tones of #533aa8

Color Blindness Simulator