#533caa hex color

In a RGB color space, hex #533caa is composed of 32.5% red, 23.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 64.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 252.5 degrees, a saturation of 47.8% and a lightness of 45.1%. #533caa color hex could be obtained by blending #a678ff with #000055. Closest websafe color is: #663399.

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

● #533caa color description : Dark moderate blue.

The hexadecimal color #533caa has RGB values of R:83, G:60, B:170 and CMYK values of C:0.51, M:0.65, Y:0, K:0.33. Its decimal value is 5455018.

Hex triplet	533caa	`#533caa`
RGB Decimal	83, 60, 170	`rgb(83,60,170)`
RGB Percent	32.5, 23.5, 66.7	`rgb(32.5%,23.5%,66.7%)`
CMYK	51, 65, 0, 33
HSL	252.5°, 47.8, 45.1	`hsl(252.5,47.8%,45.1%)`
HSV (or HSB)	252.5°, 64.7, 66.7
Web Safe	663399	`#663399`

CIE-LAB	33.926, 38.647, -55.849
XYZ	12.438, 7.973, 38.912
xyY	0.21, 0.134, 7.973
CIE-LCH	33.926, 67.917, 304.682
CIE-LUV	33.926, 0.948, -79.339
Hunter-Lab	28.236, 29.213, -61.941
Binary	01010011, 00111100, 10101010

#533caa
```
#533caa rgb(83,60,170)
```
#93aa3c
```
#93aa3c rgb(147,170,60)
```

Complementary Color

#3c5caa
```
#3c5caa rgb(60,92,170)
```
#533caa
```
#533caa rgb(83,60,170)
```
#8a3caa
```
#8a3caa rgb(138,60,170)
```

Analogous Color

#5caa3c
```
#5caa3c rgb(92,170,60)
```
#533caa
```
#533caa rgb(83,60,170)
```
#aa8a3c
```
#aa8a3c rgb(170,138,60)
```

Split Complementary Color

#3caa53
```
#3caa53 rgb(60,170,83)
```
#533caa
```
#533caa rgb(83,60,170)
```
#aa533c
```
#aa533c rgb(170,83,60)
```

Triadic Color

#3c93aa
```
#3c93aa rgb(60,147,170)
```
#533caa
```
#533caa rgb(83,60,170)
```
#aa533c
```
#aa533c rgb(170,83,60)
```
#93aa3c
```
#93aa3c rgb(147,170,60)
```

Tetradic Color

#372871
```
#372871 rgb(55,40,113)
```
#412f84
```
#412f84 rgb(65,47,132)
```
#4a3597
```
#4a3597 rgb(74,53,151)
```
#533caa
```
#533caa rgb(83,60,170)
```
#5c43bd
```
#5c43bd rgb(92,67,189)
```
#6d56c3
```
#6d56c3 rgb(109,86,195)
```
#7d69ca
```
#7d69ca rgb(125,105,202)
```

Monochromatic Color

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

#3c41aa
```
#3c41aa rgb(60,65,170)
```
#413caa
```
#413caa rgb(65,60,170)
```
#4a3caa
```
#4a3caa rgb(74,60,170)
```
#533caa
```
#533caa rgb(83,60,170)
```
#5c3caa
```
#5c3caa rgb(92,60,170)
```
#653caa
```
#653caa rgb(101,60,170)
```
#6f3caa
```
#6f3caa rgb(111,60,170)
```

Similar Colors

Text with hexadecimal color #533caa

This text has a font color of #533caa.

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

#533caa background color

This paragraph has a background color of #533caa.

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

#533caa border color

This element has a border color of #533caa.

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

CSS codes

.text {color:#533caa;}

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

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

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

#05040b
```
#05040b rgb(5,4,11)
```
#0c0919
```
#0c0919 rgb(12,9,25)
```
#130e28
```
#130e28 rgb(19,14,40)
```
#1a1336
```
#1a1336 rgb(26,19,54)
```
#211845
```
#211845 rgb(33,24,69)
```
#291d53
```
#291d53 rgb(41,29,83)
```
#302262
```
#302262 rgb(48,34,98)
```
#372870
```
#372870 rgb(55,40,112)
```
#3e2d7f
```
#3e2d7f rgb(62,45,127)
```
#45328d
```
#45328d rgb(69,50,141)
```
#4c379c
```
#4c379c rgb(76,55,156)
```
#533caa
```
#533caa rgb(83,60,170)
```
#5a41b8
```
#5a41b8 rgb(90,65,184)
```

Shade Color Variation

#654dc0
```
#654dc0 rgb(101,77,192)
```
#725cc5
```
#725cc5 rgb(114,92,197)
```
#7e6aca
```
#7e6aca rgb(126,106,202)
```
#8b79d0
```
#8b79d0 rgb(139,121,208)
```
#9787d5
```
#9787d5 rgb(151,135,213)
```
#a496da
```
#a496da rgb(164,150,218)
```
#b0a4df
```
#b0a4df rgb(176,164,223)
```
#bdb3e4
```
#bdb3e4 rgb(189,179,228)
```
#c9c1e9
```
#c9c1e9 rgb(201,193,233)
```
#d6d0ee
```
#d6d0ee rgb(214,208,238)
```
#e2def3
```
#e2def3 rgb(226,222,243)
```
#efedf8
```
#efedf8 rgb(239,237,248)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#727175
```
#727175 rgb(114,113,117)
```
#6d687e
```
#6d687e rgb(109,104,126)
```
#685f87
```
#685f87 rgb(104,95,135)
```
#62578f
```
#62578f rgb(98,87,143)
```
#5d4e98
```
#5d4e98 rgb(93,78,152)
```
#5845a1
```
#5845a1 rgb(88,69,161)
```
#533caa
```
#533caa rgb(83,60,170)
```
#4e33b3
```
#4e33b3 rgb(78,51,179)
```
#492abc
```
#492abc rgb(73,42,188)
```
#4421c5
```
#4421c5 rgb(68,33,197)
```
#3e19cd
```
#3e19cd rgb(62,25,205)
```
#3910d6
```
#3910d6 rgb(57,16,214)
```
#3407df
```
#3407df rgb(52,7,223)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#504b61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005a94 Deuteranopia 1% of men
#3e5d64 Tritanopia 0.001% of the population

Trichromacy

#1e4ca9 Protanomaly 1% of men, 0.01% of women
#1e4f9c Deuteranomaly 6% of men, 0.4% of women
#46517d Tritanomaly 0.01% of the population

#533caa hex color

#533caa Color Information

#533caa Color Conversion

Color Schemes with #533caa

Alternatives to #533caa

#533caa Preview

Shades and Tints of #533caa

Tones of #533caa

Color Blindness Simulator