colorhexa.com

#522f6e hex color

In a RGB color space, hex #522f6e is composed of 32.2% red, 18.4% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 25.5% cyan, 57.3% magenta, 0% yellow and 56.9% black. It has a hue angle of 273.3 degrees, a saturation of 40.1% and a lightness of 30.8%. #522f6e color hex could be obtained by blending #a45edc with #000000. Closest websafe color is: #663366.

- R 32
- G 18
- B 43
RGB color chart
- C 25
- M 57
- Y 0
- K 57
CMYK color chart

● #522f6e color description : Very dark desaturated violet.

The hexadecimal color #522f6e has RGB values of R:82, G:47, B:110 and CMYK values of C:0.25, M:0.57, Y:0, K:0.57. Its decimal value is 5386094.

Hex triplet	522f6e	`#522f6e`
RGB Decimal	82, 47, 110	`rgb(82,47,110)`
RGB Percent	32.2, 18.4, 43.1	`rgb(32.2%,18.4%,43.1%)`
CMYK	25, 57, 0, 57
HSL	273.3°, 40.1, 30.8	`hsl(273.3,40.1%,30.8%)`
HSV (or HSB)	273.3°, 57.3, 43.1
Web Safe	663366	`#663366`

CIE-LAB	26.6, 29.015, -30.579
XYZ	7.31, 4.953, 15.322
xyY	0.265, 0.18, 4.953
CIE-LCH	26.6, 42.154, 313.496
CIE-LUV	26.6, 10.851, -41.12
Hunter-Lab	22.255, 19.687, -25.241
Binary	01010010, 00101111, 01101110

#522f6e
```
#522f6e rgb(82,47,110)
```
#4b6e2f
```
#4b6e2f rgb(75,110,47)
```

Complementary Color

#332f6e
```
#332f6e rgb(51,47,110)
```
#522f6e
```
#522f6e rgb(82,47,110)
```
#6e2f6b
```
#6e2f6b rgb(110,47,107)
```

Analogous Color

#2f6e33
```
#2f6e33 rgb(47,110,51)
```
#522f6e
```
#522f6e rgb(82,47,110)
```
#6b6e2f
```
#6b6e2f rgb(107,110,47)
```

Split Complementary Color

#2f6e52
```
#2f6e52 rgb(47,110,82)
```
#522f6e
```
#522f6e rgb(82,47,110)
```
#6e522f
```
#6e522f rgb(110,82,47)
```

Triadic Color

#2a1838
```
#2a1838 rgb(42,24,56)
```
#37204a
```
#37204a rgb(55,32,74)
```
#45275c
```
#45275c rgb(69,39,92)
```
#522f6e
```
#522f6e rgb(82,47,110)
```
#5f3780
```
#5f3780 rgb(95,55,128)
```
#6d3e92
```
#6d3e92 rgb(109,62,146)
```
#7a46a4
```
#7a46a4 rgb(122,70,164)
```

Monochromatic Color

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

#422f6e
```
#422f6e rgb(66,47,110)
```
#482f6e
```
#482f6e rgb(72,47,110)
```
#4d2f6e
```
#4d2f6e rgb(77,47,110)
```
#522f6e
```
#522f6e rgb(82,47,110)
```
#572f6e
```
#572f6e rgb(87,47,110)
```
#5d2f6e
```
#5d2f6e rgb(93,47,110)
```
#622f6e
```
#622f6e rgb(98,47,110)
```

Similar Colors

Text with hexadecimal color #522f6e

This text has a font color of #522f6e.

<span style="color:#522f6e;">Text here</span>

#522f6e background color

This paragraph has a background color of #522f6e.

<p style="background-color:#522f6e;">Content here</p>

#522f6e border color

This element has a border color of #522f6e.

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

CSS codes

.text {color:#522f6e;}

.background {background-color:#522f6e;}

.border {border:1px solid #522f6e;}

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

#000000
```
#000000 rgb(0,0,0)
```
#0a060e
```
#0a060e rgb(10,6,14)
```
#150c1c
```
#150c1c rgb(21,12,28)
```
#1f1229
```
#1f1229 rgb(31,18,41)
```
#291837
```
#291837 rgb(41,24,55)
```
#331d45
```
#331d45 rgb(51,29,69)
```
#3e2353
```
#3e2353 rgb(62,35,83)
```
#482960
```
#482960 rgb(72,41,96)
```
#522f6e
```
#522f6e rgb(82,47,110)
```
#5c357c
```
#5c357c rgb(92,53,124)
```
#663b89
```
#663b89 rgb(102,59,137)
```
#714197
```
#714197 rgb(113,65,151)
```
#7b46a5
```
#7b46a5 rgb(123,70,165)
```

Shade Color Variation

#854cb3
```
#854cb3 rgb(133,76,179)
```
#8f5ab9
```
#8f5ab9 rgb(143,90,185)
```
#9868be
```
#9868be rgb(152,104,190)
```
#a176c4
```
#a176c4 rgb(161,118,196)
```
#ab83ca
```
#ab83ca rgb(171,131,202)
```
#b491d0
```
#b491d0 rgb(180,145,208)
```
#bd9fd6
```
#bd9fd6 rgb(189,159,214)
```
#c7addc
```
#c7addc rgb(199,173,220)
```
#d0bae2
```
#d0bae2 rgb(208,186,226)
```
#dac8e8
```
#dac8e8 rgb(218,200,232)
```
#e3d6ed
```
#e3d6ed rgb(227,214,237)
```
#ece4f3
```
#ece4f3 rgb(236,228,243)
```
#f6f1f9
```
#f6f1f9 rgb(246,241,249)
```

Tint Color Variation

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

#4f4d50
```
#4f4d50 rgb(79,77,80)
```
#4f4756
```
#4f4756 rgb(79,71,86)
```
#50415c
```
#50415c rgb(80,65,92)
```
#513b62
```
#513b62 rgb(81,59,98)
```
#513568
```
#513568 rgb(81,53,104)
```
#522f6e
```
#522f6e rgb(82,47,110)
```
#532974
```
#532974 rgb(83,41,116)
```
#53237a
```
#53237a rgb(83,35,122)
```
#541d80
```
#541d80 rgb(84,29,128)
```
#551786
```
#551786 rgb(85,23,134)
```
#55118c
```
#55118c rgb(85,17,140)
```
#560b92
```
#560b92 rgb(86,11,146)
```
#570598
```
#570598 rgb(87,5,152)
```

Tone Color Variation

Below, you can see how #522f6e 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
#443d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#264780 Protanopia 1% of men
#2f4970 Deuteranopia 1% of men
#52454a Tritanopia 0.001% of the population

Trichromacy

#363e79 Protanomaly 1% of men, 0.01% of women
#3b3f6f Deuteranomaly 6% of men, 0.4% of women
#523d57 Tritanomaly 0.01% of the population