#533a77 hex color

In a RGB color space, hex #533a77 is composed of 32.5% red, 22.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 51.3% magenta, 0% yellow and 53.3% black. It has a hue angle of 264.6 degrees, a saturation of 34.5% and a lightness of 34.7%. #533a77 color hex could be obtained by blending #a674ee with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 23
- B 47
RGB color chart
- C 30
- M 51
- Y 0
- K 53
CMYK color chart

● #533a77 color description : Dark moderate violet.

The hexadecimal color #533a77 has RGB values of R:83, G:58, B:119 and CMYK values of C:0.3, M:0.51, Y:0, K:0.53. Its decimal value is 5454455.

Hex triplet	533a77	`#533a77`
RGB Decimal	83, 58, 119	`rgb(83,58,119)`
RGB Percent	32.5, 22.7, 46.7	`rgb(32.5%,22.7%,46.7%)`
CMYK	30, 51, 0, 53
HSL	264.6°, 34.5, 34.7	`hsl(264.6,34.5%,34.7%)`
HSV (or HSB)	264.6°, 51.3, 46.7
Web Safe	663366	`#663366`

CIE-LAB	29.904, 24.937, -31.035
XYZ	8.41, 6.197, 18.205
xyY	0.256, 0.189, 6.197
CIE-LCH	29.904, 39.812, 308.781
CIE-LUV	29.904, 6.927, -43.062
Hunter-Lab	24.894, 16.736, -25.933
Binary	01010011, 00111010, 01110111

#533a77
```
#533a77 rgb(83,58,119)
```
#5e773a
```
#5e773a rgb(94,119,58)
```

Complementary Color

#3a3f77
```
#3a3f77 rgb(58,63,119)
```
#533a77
```
#533a77 rgb(83,58,119)
```
#723a77
```
#723a77 rgb(114,58,119)
```

Analogous Color

#3f773a
```
#3f773a rgb(63,119,58)
```
#533a77
```
#533a77 rgb(83,58,119)
```
#77723a
```
#77723a rgb(119,114,58)
```

Split Complementary Color

#3a7753
```
#3a7753 rgb(58,119,83)
```
#533a77
```
#533a77 rgb(83,58,119)
```
#77533a
```
#77533a rgb(119,83,58)
```

Triadic Color

#3a5e77
```
#3a5e77 rgb(58,94,119)
```
#533a77
```
#533a77 rgb(83,58,119)
```
#77533a
```
#77533a rgb(119,83,58)
```
#5e773a
```
#5e773a rgb(94,119,58)
```

Tetradic Color

#2f2144
```
#2f2144 rgb(47,33,68)
```
#3b2955
```
#3b2955 rgb(59,41,85)
```
#473266
```
#473266 rgb(71,50,102)
```
#533a77
```
#533a77 rgb(83,58,119)
```
#5f4288
```
#5f4288 rgb(95,66,136)
```
#6b4b99
```
#6b4b99 rgb(107,75,153)
```
#7753aa
```
#7753aa rgb(119,83,170)
```

Monochromatic Color

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

#443a77
```
#443a77 rgb(68,58,119)
```
#493a77
```
#493a77 rgb(73,58,119)
```
#4e3a77
```
#4e3a77 rgb(78,58,119)
```
#533a77
```
#533a77 rgb(83,58,119)
```
#583a77
```
#583a77 rgb(88,58,119)
```
#5d3a77
```
#5d3a77 rgb(93,58,119)
```
#623a77
```
#623a77 rgb(98,58,119)
```

Similar Colors

Text with hexadecimal color #533a77

This text has a font color of #533a77.

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

#533a77 background color

This paragraph has a background color of #533a77.

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

#533a77 border color

This element has a border color of #533a77.

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

CSS codes

.text {color:#533a77;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#09070d
```
#09070d rgb(9,7,13)
```
#130d1b
```
#130d1b rgb(19,13,27)
```
#1c1328
```
#1c1328 rgb(28,19,40)
```
#251a35
```
#251a35 rgb(37,26,53)
```
#2e2042
```
#2e2042 rgb(46,32,66)
```
#37274f
```
#37274f rgb(55,39,79)
```
#412d5d
```
#412d5d rgb(65,45,93)
```
#4a346a
```
#4a346a rgb(74,52,106)
```
#533a77
```
#533a77 rgb(83,58,119)
```
#5c4084
```
#5c4084 rgb(92,64,132)
```
#654791
```
#654791 rgb(101,71,145)
```
#6f4d9f
```
#6f4d9f rgb(111,77,159)
```

Shade Color Variation

#7854ac
```
#7854ac rgb(120,84,172)
```
#8261b2
```
#8261b2 rgb(130,97,178)
```
#8d6eb8
```
#8d6eb8 rgb(141,110,184)
```
#977bbf
```
#977bbf rgb(151,123,191)
```
#a189c5
```
#a189c5 rgb(161,137,197)
```
#ac96cc
```
#ac96cc rgb(172,150,204)
```
#b6a3d2
```
#b6a3d2 rgb(182,163,210)
```
#c1b0d9
```
#c1b0d9 rgb(193,176,217)
```
#cbbddf
```
#cbbddf rgb(203,189,223)
```
#d6cbe5
```
#d6cbe5 rgb(214,203,229)
```
#e0d8ec
```
#e0d8ec rgb(224,216,236)
```
#eae5f2
```
#eae5f2 rgb(234,229,242)
```
#f5f2f9
```
#f5f2f9 rgb(245,242,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58555c is the less saturated color, while #4904ad is the most saturated one.

#58555c
```
#58555c rgb(88,85,92)
```
#574e63
```
#574e63 rgb(87,78,99)
```
#554869
```
#554869 rgb(85,72,105)
```
#544170
```
#544170 rgb(84,65,112)
```
#533a77
```
#533a77 rgb(83,58,119)
```
#52337e
```
#52337e rgb(82,51,126)
```
#512c85
```
#512c85 rgb(81,44,133)
```
#4f268b
```
#4f268b rgb(79,38,139)
```
#4e1f92
```
#4e1f92 rgb(78,31,146)
```
#4d1899
```
#4d1899 rgb(77,24,153)
```
#4c11a0
```
#4c11a0 rgb(76,17,160)
```
#4a0aa7
```
#4a0aa7 rgb(74,10,167)
```
#4904ad
```
#4904ad rgb(73,4,173)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4a4551 Atypical Achromatopsia 0.001% of the population

Dichromacy

#334e86 Protanopia 1% of men
#365079 Deuteranopia 1% of men
#524e54 Tritanopia 0.001% of the population

Trichromacy

#3e4680 Protanomaly 1% of men, 0.01% of women
#404878 Deuteranomaly 6% of men, 0.4% of women
#524761 Tritanomaly 0.01% of the population

#533a77 hex color

#533a77 Color Information

#533a77 Color Conversion

Color Schemes with #533a77

Alternatives to #533a77

#533a77 Preview

Shades and Tints of #533a77

Tones of #533a77

Color Blindness Simulator