colorhexa.com

#5224aa hex color

In a RGB color space, hex #5224aa is composed of 32.2% red, 14.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 78.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 260.6 degrees, a saturation of 65% and a lightness of 40.4%. #5224aa color hex could be obtained by blending #a448ff with #000055. Closest websafe color is: #663399.

- R 32
- G 14
- B 67
RGB color chart
- C 52
- M 79
- Y 0
- K 33
CMYK color chart

● #5224aa color description : Dark violet.

The hexadecimal color #5224aa has RGB values of R:82, G:36, B:170 and CMYK values of C:0.52, M:0.79, Y:0, K:0.33. Its decimal value is 5383338.

Hex triplet	5224aa	`#5224aa`
RGB Decimal	82, 36, 170	`rgb(82,36,170)`
RGB Percent	32.2, 14.1, 66.7	`rgb(32.2%,14.1%,66.7%)`
CMYK	52, 79, 0, 33
HSL	260.6°, 65, 40.4	`hsl(260.6,65%,40.4%)`
HSV (or HSB)	260.6°, 78.8, 66.7
Web Safe	663399	`#663399`

CIE-LAB	29.305, 51.046, -63.41
XYZ	11.365, 5.958, 38.579
xyY	0.203, 0.107, 5.958
CIE-LCH	29.305, 81.403, 308.834
CIE-LUV	29.305, 4.636, -84.056
Hunter-Lab	24.408, 40.398, -76.626
Binary	01010010, 00100100, 10101010

#5224aa
```
#5224aa rgb(82,36,170)
```
#7caa24
```
#7caa24 rgb(124,170,36)
```

Complementary Color

#2439aa
```
#2439aa rgb(36,57,170)
```
#5224aa
```
#5224aa rgb(82,36,170)
```
#9524aa
```
#9524aa rgb(149,36,170)
```

Analogous Color

#39aa24
```
#39aa24 rgb(57,170,36)
```
#5224aa
```
#5224aa rgb(82,36,170)
```
#aa9524
```
#aa9524 rgb(170,149,36)
```

Split Complementary Color

#24aa52
```
#24aa52 rgb(36,170,82)
```
#5224aa
```
#5224aa rgb(82,36,170)
```
#aa5224
```
#aa5224 rgb(170,82,36)
```

Triadic Color

#247caa
```
#247caa rgb(36,124,170)
```
#5224aa
```
#5224aa rgb(82,36,170)
```
#aa5224
```
#aa5224 rgb(170,82,36)
```
#7caa24
```
#7caa24 rgb(124,170,36)
```

Tetradic Color

#34176b
```
#34176b rgb(52,23,107)
```
#3e1b80
```
#3e1b80 rgb(62,27,128)
```
#482095
```
#482095 rgb(72,32,149)
```
#5224aa
```
#5224aa rgb(82,36,170)
```
#5c28bf
```
#5c28bf rgb(92,40,191)
```
#672ed3
```
#672ed3 rgb(103,46,211)
```
#7643d7
```
#7643d7 rgb(118,67,215)
```

Monochromatic Color

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

#3024aa
```
#3024aa rgb(48,36,170)
```
#3c24aa
```
#3c24aa rgb(60,36,170)
```
#4724aa
```
#4724aa rgb(71,36,170)
```
#5224aa
```
#5224aa rgb(82,36,170)
```
#5d24aa
```
#5d24aa rgb(93,36,170)
```
#6824aa
```
#6824aa rgb(104,36,170)
```
#7424aa
```
#7424aa rgb(116,36,170)
```

Similar Colors

Text with hexadecimal color #5224aa

This text has a font color of #5224aa.

<span style="color:#5224aa;">Text here</span>

#5224aa background color

This paragraph has a background color of #5224aa.

<p style="background-color:#5224aa;">Content here</p>

#5224aa border color

This element has a border color of #5224aa.

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

CSS codes

.text {color:#5224aa;}

.background {background-color:#5224aa;}

.border {border:1px solid #5224aa;}

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

#040208
```
#040208 rgb(4,2,8)
```
#0c0518
```
#0c0518 rgb(12,5,24)
```
#140929
```
#140929 rgb(20,9,41)
```
#1b0c39
```
#1b0c39 rgb(27,12,57)
```
#230f49
```
#230f49 rgb(35,15,73)
```
#2b1359
```
#2b1359 rgb(43,19,89)
```
#331669
```
#331669 rgb(51,22,105)
```
#3b1a79
```
#3b1a79 rgb(59,26,121)
```
#421d8a
```
#421d8a rgb(66,29,138)
```
#4a219a
```
#4a219a rgb(74,33,154)
```
#5224aa
```
#5224aa rgb(82,36,170)
```
#5a27ba
```
#5a27ba rgb(90,39,186)
```
#622bca
```
#622bca rgb(98,43,202)
```

Shade Color Variation

#6b35d4
```
#6b35d4 rgb(107,53,212)
```
#7745d8
```
#7745d8 rgb(119,69,216)
```
#8355db
```
#8355db rgb(131,85,219)
```
#8f65de
```
#8f65de rgb(143,101,222)
```
#9b75e2
```
#9b75e2 rgb(155,117,226)
```
#a686e5
```
#a686e5 rgb(166,134,229)
```
#b296e9
```
#b296e9 rgb(178,150,233)
```
#bea6ec
```
#bea6ec rgb(190,166,236)
```
#cab6f0
```
#cab6f0 rgb(202,182,240)
```
#d6c6f3
```
#d6c6f3 rgb(214,198,243)
```
#e2d7f6
```
#e2d7f6 rgb(226,215,246)
```
#ede7fa
```
#ede7fa rgb(237,231,250)
```
#f9f7fd
```
#f9f7fd rgb(249,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66636b is the less saturated color, while #4804ca is the most saturated one.

#66636b
```
#66636b rgb(102,99,107)
```
#635b73
```
#635b73 rgb(99,91,115)
```
#61547a
```
#61547a rgb(97,84,122)
```
#5e4c82
```
#5e4c82 rgb(94,76,130)
```
#5c448a
```
#5c448a rgb(92,68,138)
```
#593c92
```
#593c92 rgb(89,60,146)
```
#57349a
```
#57349a rgb(87,52,154)
```
#542ca2
```
#542ca2 rgb(84,44,162)
```
#5224aa
```
#5224aa rgb(82,36,170)
```
#501cb2
```
#501cb2 rgb(80,28,178)
```
#4d14ba
```
#4d14ba rgb(77,20,186)
```
#4b0cc2
```
#4b0cc2 rgb(75,12,194)
```
#4804ca
```
#4804ca rgb(72,4,202)
```

Tone Color Variation

Below, you can see how #5224aa 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

#414141 Achromatopsia 0.005% of the population
#443b56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005081 Deuteranopia 1% of men
#395258 Tritanopia 0.001% of the population

Trichromacy

#1d3d9c Protanomaly 1% of men, 0.01% of women
#1d4090 Deuteranomaly 6% of men, 0.4% of women
#424176 Tritanomaly 0.01% of the population