#533ca5 hex color

In a RGB color space, hex #533ca5 is composed of 32.5% red, 23.5% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 63.6% magenta, 0% yellow and 35.3% black. It has a hue angle of 253.1 degrees, a saturation of 46.7% and a lightness of 44.1%. #533ca5 color hex could be obtained by blending #a678ff with #00004b. Closest websafe color is: #663399.

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

● #533ca5 color description : Dark moderate blue.

The hexadecimal color #533ca5 has RGB values of R:83, G:60, B:165 and CMYK values of C:0.5, M:0.64, Y:0, K:0.35. Its decimal value is 5455013.

Hex triplet	533ca5	`#533ca5`
RGB Decimal	83, 60, 165	`rgb(83,60,165)`
RGB Percent	32.5, 23.5, 64.7	`rgb(32.5%,23.5%,64.7%)`
CMYK	50, 64, 0, 35
HSL	253.1°, 46.7, 44.1	`hsl(253.1,46.7%,44.1%)`
HSV (or HSB)	253.1°, 63.6, 64.7
Web Safe	663399	`#663399`

CIE-LAB	33.535, 37.133, -53.486
XYZ	11.973, 7.787, 36.467
xyY	0.213, 0.138, 7.787
CIE-LCH	33.535, 65.112, 304.77
CIE-LUV	33.535, 1.413, -75.897
Hunter-Lab	27.905, 27.755, -57.948
Binary	01010011, 00111100, 10100101

#533ca5
```
#533ca5 rgb(83,60,165)
```
#8ea53c
```
#8ea53c rgb(142,165,60)
```

Complementary Color

#3c5aa5
```
#3c5aa5 rgb(60,90,165)
```
#533ca5
```
#533ca5 rgb(83,60,165)
```
#883ca5
```
#883ca5 rgb(136,60,165)
```

Analogous Color

#5aa53c
```
#5aa53c rgb(90,165,60)
```
#533ca5
```
#533ca5 rgb(83,60,165)
```
#a5883c
```
#a5883c rgb(165,136,60)
```

Split Complementary Color

#3ca553
```
#3ca553 rgb(60,165,83)
```
#533ca5
```
#533ca5 rgb(83,60,165)
```
#a5533c
```
#a5533c rgb(165,83,60)
```

Triadic Color

#3c8ea5
```
#3c8ea5 rgb(60,142,165)
```
#533ca5
```
#533ca5 rgb(83,60,165)
```
#a5533c
```
#a5533c rgb(165,83,60)
```
#8ea53c
```
#8ea53c rgb(142,165,60)
```

Tetradic Color

#37286d
```
#37286d rgb(55,40,109)
```
#402e80
```
#402e80 rgb(64,46,128)
```
#4a3592
```
#4a3592 rgb(74,53,146)
```
#533ca5
```
#533ca5 rgb(83,60,165)
```
#5c43b8
```
#5c43b8 rgb(92,67,184)
```
#6b53c1
```
#6b53c1 rgb(107,83,193)
```
#7b66c7
```
#7b66c7 rgb(123,102,199)
```

Monochromatic Color

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

#3c3fa5
```
#3c3fa5 rgb(60,63,165)
```
#423ca5
```
#423ca5 rgb(66,60,165)
```
#4a3ca5
```
#4a3ca5 rgb(74,60,165)
```
#533ca5
```
#533ca5 rgb(83,60,165)
```
#5c3ca5
```
#5c3ca5 rgb(92,60,165)
```
#653ca5
```
#653ca5 rgb(101,60,165)
```
#6d3ca5
```
#6d3ca5 rgb(109,60,165)
```

Similar Colors

Text with hexadecimal color #533ca5

This text has a font color of #533ca5.

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

#533ca5 background color

This paragraph has a background color of #533ca5.

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

#533ca5 border color

This element has a border color of #533ca5.

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

CSS codes

.text {color:#533ca5;}

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

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

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

#030207
```
#030207 rgb(3,2,7)
```
#0b0815
```
#0b0815 rgb(11,8,21)
```
#120d24
```
#120d24 rgb(18,13,36)
```
#191232
```
#191232 rgb(25,18,50)
```
#201740
```
#201740 rgb(32,23,64)
```
#281d4f
```
#281d4f rgb(40,29,79)
```
#2f225d
```
#2f225d rgb(47,34,93)
```
#36276b
```
#36276b rgb(54,39,107)
```
#3d2c7a
```
#3d2c7a rgb(61,44,122)
```
#453288
```
#453288 rgb(69,50,136)
```
#4c3797
```
#4c3797 rgb(76,55,151)
```
#533ca5
```
#533ca5 rgb(83,60,165)
```
#5a41b3
```
#5a41b3 rgb(90,65,179)
```

Shade Color Variation

#644bbd
```
#644bbd rgb(100,75,189)
```
#7059c3
```
#7059c3 rgb(112,89,195)
```
#7d68c8
```
#7d68c8 rgb(125,104,200)
```
#8976cd
```
#8976cd rgb(137,118,205)
```
#9584d2
```
#9584d2 rgb(149,132,210)
```
#a293d8
```
#a293d8 rgb(162,147,216)
```
#aea1dd
```
#aea1dd rgb(174,161,221)
```
#bbafe2
```
#bbafe2 rgb(187,175,226)
```
#c7bee7
```
#c7bee7 rgb(199,190,231)
```
#d3cced
```
#d3cced rgb(211,204,237)
```
#e0dbf2
```
#e0dbf2 rgb(224,219,242)
```
#ece9f7
```
#ece9f7 rgb(236,233,247)
```
#f8f7fc
```
#f8f7fc rgb(248,247,252)
```

Tint Color Variation

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

#707071
```
#707071 rgb(112,112,113)
```
#6b677a
```
#6b677a rgb(107,103,122)
```
#665f82
```
#665f82 rgb(102,95,130)
```
#62568b
```
#62568b rgb(98,86,139)
```
#5d4d94
```
#5d4d94 rgb(93,77,148)
```
#58459c
```
#58459c rgb(88,69,156)
```
#533ca5
```
#533ca5 rgb(83,60,165)
```
#4e33ae
```
#4e33ae rgb(78,51,174)
```
#492bb6
```
#492bb6 rgb(73,43,182)
```
#4422bf
```
#4422bf rgb(68,34,191)
```
#4019c8
```
#4019c8 rgb(64,25,200)
```
#3b11d0
```
#3b11d0 rgb(59,17,208)
```
#3608d9
```
#3608d9 rgb(54,8,217)
```

Tone Color Variation

Below, you can see how #533ca5 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
#504b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a7 Protanopia 1% of men
#005993 Deuteranopia 1% of men
#415c62 Tritanopia 0.001% of the population

Trichromacy

#1e4ca6 Protanomaly 1% of men, 0.01% of women
#1e4f99 Deuteranomaly 6% of men, 0.4% of women
#47507a Tritanomaly 0.01% of the population

#533ca5 hex color

#533ca5 Color Information

#533ca5 Color Conversion

Color Schemes with #533ca5

Alternatives to #533ca5

#533ca5 Preview

Shades and Tints of #533ca5

Tones of #533ca5

Color Blindness Simulator