#533aa2 hex color

In a RGB color space, hex #533aa2 is composed of 32.5% red, 22.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 64.2% magenta, 0% yellow and 36.5% black. It has a hue angle of 254.4 degrees, a saturation of 47.3% and a lightness of 43.1%. #533aa2 color hex could be obtained by blending #a674ff with #000045. Closest websafe color is: #663399.

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

● #533aa2 color description : Dark moderate blue.

The hexadecimal color #533aa2 has RGB values of R:83, G:58, B:162 and CMYK values of C:0.49, M:0.64, Y:0, K:0.36. Its decimal value is 5454498.

Hex triplet	533aa2	`#533aa2`
RGB Decimal	83, 58, 162	`rgb(83,58,162)`
RGB Percent	32.5, 22.7, 63.5	`rgb(32.5%,22.7%,63.5%)`
CMYK	49, 64, 0, 36
HSL	254.4°, 47.3, 43.1	`hsl(254.4,47.3%,43.1%)`
HSV (or HSB)	254.4°, 64.2, 63.5
Web Safe	663399	`#663399`

CIE-LAB	32.861, 37.41, -52.775
XYZ	11.601, 7.474, 35.012
xyY	0.214, 0.138, 7.474
CIE-LCH	32.861, 64.689, 305.331
CIE-LUV	32.861, 2.146, -74.453
Hunter-Lab	27.338, 27.905, -56.797
Binary	01010011, 00111010, 10100010

#533aa2
```
#533aa2 rgb(83,58,162)
```
#89a23a
```
#89a23a rgb(137,162,58)
```

Complementary Color

#3a55a2
```
#3a55a2 rgb(58,85,162)
```
#533aa2
```
#533aa2 rgb(83,58,162)
```
#873aa2
```
#873aa2 rgb(135,58,162)
```

Analogous Color

#55a23a
```
#55a23a rgb(85,162,58)
```
#533aa2
```
#533aa2 rgb(83,58,162)
```
#a2873a
```
#a2873a rgb(162,135,58)
```

Split Complementary Color

#3aa253
```
#3aa253 rgb(58,162,83)
```
#533aa2
```
#533aa2 rgb(83,58,162)
```
#a2533a
```
#a2533a rgb(162,83,58)
```

Triadic Color

#3a89a2
```
#3a89a2 rgb(58,137,162)
```
#533aa2
```
#533aa2 rgb(83,58,162)
```
#a2533a
```
#a2533a rgb(162,83,58)
```
#89a23a
```
#89a23a rgb(137,162,58)
```

Tetradic Color

#36266a
```
#36266a rgb(54,38,106)
```
#402d7c
```
#402d7c rgb(64,45,124)
```
#49338f
```
#49338f rgb(73,51,143)
```
#533aa2
```
#533aa2 rgb(83,58,162)
```
#5d41b5
```
#5d41b5 rgb(93,65,181)
```
#6a4fc0
```
#6a4fc0 rgb(106,79,192)
```
#7a62c7
```
#7a62c7 rgb(122,98,199)
```

Monochromatic Color

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

#3a3ba2
```
#3a3ba2 rgb(58,59,162)
```
#423aa2
```
#423aa2 rgb(66,58,162)
```
#4a3aa2
```
#4a3aa2 rgb(74,58,162)
```
#533aa2
```
#533aa2 rgb(83,58,162)
```
#5c3aa2
```
#5c3aa2 rgb(92,58,162)
```
#643aa2
```
#643aa2 rgb(100,58,162)
```
#6d3aa2
```
#6d3aa2 rgb(109,58,162)
```

Similar Colors

Text with hexadecimal color #533aa2

This text has a font color of #533aa2.

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

#533aa2 background color

This paragraph has a background color of #533aa2.

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

#533aa2 border color

This element has a border color of #533aa2.

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

CSS codes

.text {color:#533aa2;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#090612
```
#090612 rgb(9,6,18)
```
#100b20
```
#100b20 rgb(16,11,32)
```
#18112e
```
#18112e rgb(24,17,46)
```
#1f163d
```
#1f163d rgb(31,22,61)
```
#271b4b
```
#271b4b rgb(39,27,75)
```
#2e205a
```
#2e205a rgb(46,32,90)
```
#352568
```
#352568 rgb(53,37,104)
```
#3d2a77
```
#3d2a77 rgb(61,42,119)
```
#443085
```
#443085 rgb(68,48,133)
```
#4c3594
```
#4c3594 rgb(76,53,148)
```
#533aa2
```
#533aa2 rgb(83,58,162)
```
#5a3fb0
```
#5a3fb0 rgb(90,63,176)
```

Shade Color Variation

#6346bd
```
#6346bd rgb(99,70,189)
```
#6f55c2
```
#6f55c2 rgb(111,85,194)
```
#7b63c7
```
#7b63c7 rgb(123,99,199)
```
#8772cc
```
#8772cc rgb(135,114,204)
```
#9480d2
```
#9480d2 rgb(148,128,210)
```
#a08fd7
```
#a08fd7 rgb(160,143,215)
```
#ac9ddc
```
#ac9ddc rgb(172,157,220)
```
#b8abe1
```
#b8abe1 rgb(184,171,225)
```
#c5bae6
```
#c5bae6 rgb(197,186,230)
```
#d1c8eb
```
#d1c8eb rgb(209,200,235)
```
#ddd7f1
```
#ddd7f1 rgb(221,215,241)
```
#e9e5f6
```
#e9e5f6 rgb(233,229,246)
```
#f5f4fb
```
#f5f4fb rgb(245,244,251)
```

Tint Color Variation

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

#6d6d6f
```
#6d6d6f rgb(109,109,111)
```
#696478
```
#696478 rgb(105,100,120)
```
#655c80
```
#655c80 rgb(101,92,128)
```
#605389
```
#605389 rgb(96,83,137)
```
#5c4b91
```
#5c4b91 rgb(92,75,145)
```
#57429a
```
#57429a rgb(87,66,154)
```
#533aa2
```
#533aa2 rgb(83,58,162)
```
#4f32aa
```
#4f32aa rgb(79,50,170)
```
#4a29b3
```
#4a29b3 rgb(74,41,179)
```
#4621bb
```
#4621bb rgb(70,33,187)
```
#4118c4
```
#4118c4 rgb(65,24,196)
```
#3d10cc
```
#3d10cc rgb(61,16,204)
```
#3907d5
```
#3907d5 rgb(57,7,213)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4e495e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a4 Protanopia 1% of men
#005890 Deuteranopia 1% of men
#425a60 Tritanopia 0.001% of the population

Trichromacy

#1e4aa3 Protanomaly 1% of men, 0.01% of women
#1e4d96 Deuteranomaly 6% of men, 0.4% of women
#484e78 Tritanomaly 0.01% of the population

#533aa2 hex color

#533aa2 Color Information

#533aa2 Color Conversion

Color Schemes with #533aa2

Alternatives to #533aa2

#533aa2 Preview

Shades and Tints of #533aa2

Tones of #533aa2

Color Blindness Simulator