colorhexa.com

#533a63 hex color

In a RGB color space, hex #533a63 is composed of 32.5% red, 22.7% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 41.4% magenta, 0% yellow and 61.2% black. It has a hue angle of 276.6 degrees, a saturation of 26.1% and a lightness of 30.8%. #533a63 color hex could be obtained by blending #a674c6 with #000000. Closest websafe color is: #663366.

- R 33
- G 23
- B 39
RGB color chart
- C 16
- M 41
- Y 0
- K 61
CMYK color chart

● #533a63 color description : Very dark desaturated violet.

The hexadecimal color #533a63 has RGB values of R:83, G:58, B:99 and CMYK values of C:0.16, M:0.41, Y:0, K:0.61. Its decimal value is 5454435.

Hex triplet	533a63	`#533a63`
RGB Decimal	83, 58, 99	`rgb(83,58,99)`
RGB Percent	32.5, 22.7, 38.8	`rgb(32.5%,22.7%,38.8%)`
CMYK	16, 41, 0, 61
HSL	276.6°, 26.1, 30.8	`hsl(276.6,26.1%,30.8%)`
HSV (or HSB)	276.6°, 41.4, 38.8
Web Safe	663366	`#663366`

CIE-LAB	28.814, 19.681, -20.015
XYZ	7.332, 5.766, 12.53
xyY	0.286, 0.225, 5.766
CIE-LCH	28.814, 28.071, 314.517
CIE-LUV	28.814, 9.49, -27.511
Hunter-Lab	24.013, 12.482, -14.13
Binary	01010011, 00111010, 01100011

#533a63
```
#533a63 rgb(83,58,99)
```
#4a633a
```
#4a633a rgb(74,99,58)
```

Complementary Color

#3f3a63
```
#3f3a63 rgb(63,58,99)
```
#533a63
```
#533a63 rgb(83,58,99)
```
#633a5f
```
#633a5f rgb(99,58,95)
```

Analogous Color

#3a633f
```
#3a633f rgb(58,99,63)
```
#533a63
```
#533a63 rgb(83,58,99)
```
#5f633a
```
#5f633a rgb(95,99,58)
```

Split Complementary Color

#2b1e33
```
#2b1e33 rgb(43,30,51)
```
#382743
```
#382743 rgb(56,39,67)
```
#463153
```
#463153 rgb(70,49,83)
```
#533a63
```
#533a63 rgb(83,58,99)
```
#604373
```
#604373 rgb(96,67,115)
```
#6e4d83
```
#6e4d83 rgb(110,77,131)
```
#7b5693
```
#7b5693 rgb(123,86,147)
```

Monochromatic Color

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

#493a63
```
#493a63 rgb(73,58,99)
```
#4c3a63
```
#4c3a63 rgb(76,58,99)
```
#503a63
```
#503a63 rgb(80,58,99)
```
#533a63
```
#533a63 rgb(83,58,99)
```
#563a63
```
#563a63 rgb(86,58,99)
```
#5a3a63
```
#5a3a63 rgb(90,58,99)
```
#5d3a63
```
#5d3a63 rgb(93,58,99)
```

Similar Colors

Text with hexadecimal color #533a63

This text has a font color of #533a63.

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

#533a63 background color

This paragraph has a background color of #533a63.

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

#533a63 border color

This element has a border color of #533a63.

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

CSS codes

.text {color:#533a63;}

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

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

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 #f6f3f8 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0a070c
```
#0a070c rgb(10,7,12)
```
#150f19
```
#150f19 rgb(21,15,25)
```
#1f1625
```
#1f1625 rgb(31,22,37)
```
#2a1d32
```
#2a1d32 rgb(42,29,50)
```
#34243e
```
#34243e rgb(52,36,62)
```
#3e2c4a
```
#3e2c4a rgb(62,44,74)
```
#493357
```
#493357 rgb(73,51,87)
```
#533a63
```
#533a63 rgb(83,58,99)
```
#5d416f
```
#5d416f rgb(93,65,111)
```
#68487c
```
#68487c rgb(104,72,124)
```
#725088
```
#725088 rgb(114,80,136)
```
#7c5794
```
#7c5794 rgb(124,87,148)
```

Shade Color Variation

#875ea1
```
#875ea1 rgb(135,94,161)
```
#906ba8
```
#906ba8 rgb(144,107,168)
```
#9977af
```
#9977af rgb(153,119,175)
```
#a383b7
```
#a383b7 rgb(163,131,183)
```
#ac90be
```
#ac90be rgb(172,144,190)
```
#b59cc5
```
#b59cc5 rgb(181,156,197)
```
#bea8cc
```
#bea8cc rgb(190,168,204)
```
#c8b5d4
```
#c8b5d4 rgb(200,181,212)
```
#d1c1db
```
#d1c1db rgb(209,193,219)
```
#dacee2
```
#dacee2 rgb(218,206,226)
```
#e3dae9
```
#e3dae9 rgb(227,218,233)
```
#ede6f1
```
#ede6f1 rgb(237,230,241)
```
#f6f3f8
```
#f6f3f8 rgb(246,243,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f4c51 is the less saturated color, while #5f0499 is the most saturated one.

#4f4c51
```
#4f4c51 rgb(79,76,81)
```
#504657
```
#504657 rgb(80,70,87)
```
#52405d
```
#52405d rgb(82,64,93)
```
#533a63
```
#533a63 rgb(83,58,99)
```
#543469
```
#543469 rgb(84,52,105)
```
#562e6f
```
#562e6f rgb(86,46,111)
```
#572875
```
#572875 rgb(87,40,117)
```
#58227b
```
#58227b rgb(88,34,123)
```
#5a1c81
```
#5a1c81 rgb(90,28,129)
```
#5b1687
```
#5b1687 rgb(91,22,135)
```
#5c108d
```
#5c108d rgb(92,16,141)
```
#5e0a93
```
#5e0a93 rgb(94,10,147)
```
#5f0499
```
#5f0499 rgb(95,4,153)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#49444c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4c71 Protanopia 1% of men
#444c68 Deuteranopia 1% of men
#564a4f Tritanopia 0.001% of the population

Trichromacy

#46456b Protanomaly 1% of men, 0.01% of women
#494566 Deuteranomaly 6% of men, 0.4% of women
#554456 Tritanomaly 0.01% of the population