#552e7a hex color

In a RGB color space, hex #552e7a is composed of 33.3% red, 18% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 62.3% magenta, 0% yellow and 52.2% black. It has a hue angle of 270.8 degrees, a saturation of 45.2% and a lightness of 32.9%. #552e7a color hex could be obtained by blending #aa5cf4 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 18
- B 48
RGB color chart
- C 30
- M 62
- Y 0
- K 52
CMYK color chart

● #552e7a color description : Dark moderate violet.

The hexadecimal color #552e7a has RGB values of R:85, G:46, B:122 and CMYK values of C:0.3, M:0.62, Y:0, K:0.52. Its decimal value is 5582458.

Hex triplet	552e7a	`#552e7a`
RGB Decimal	85, 46, 122	`rgb(85,46,122)`
RGB Percent	33.3, 18, 47.8	`rgb(33.3%,18%,47.8%)`
CMYK	30, 62, 0, 52
HSL	270.8°, 45.2, 32.9	`hsl(270.8,45.2%,32.9%)`
HSV (or HSB)	270.8°, 62.3, 47.8
Web Safe	663366	`#663366`

CIE-LAB	27.547, 33.551, -36.678
XYZ	8.236, 5.291, 18.999
xyY	0.253, 0.163, 5.291
CIE-LCH	27.547, 49.709, 312.45
CIE-LUV	27.547, 10.741, -49.787
Hunter-Lab	23.001, 23.66, -32.872
Binary	01010101, 00101110, 01111010

#552e7a
```
#552e7a rgb(85,46,122)
```
#537a2e
```
#537a2e rgb(83,122,46)
```

Complementary Color

#2f2e7a
```
#2f2e7a rgb(47,46,122)
```
#552e7a
```
#552e7a rgb(85,46,122)
```
#7a2e79
```
#7a2e79 rgb(122,46,121)
```

Analogous Color

#2e7a2f
```
#2e7a2f rgb(46,122,47)
```
#552e7a
```
#552e7a rgb(85,46,122)
```
#797a2e
```
#797a2e rgb(121,122,46)
```

Split Complementary Color

#2e7a55
```
#2e7a55 rgb(46,122,85)
```
#552e7a
```
#552e7a rgb(85,46,122)
```
#7a552e
```
#7a552e rgb(122,85,46)
```

Triadic Color

#2e537a
```
#2e537a rgb(46,83,122)
```
#552e7a
```
#552e7a rgb(85,46,122)
```
#7a552e
```
#7a552e rgb(122,85,46)
```
#537a2e
```
#537a2e rgb(83,122,46)
```

Tetradic Color

#2e1942
```
#2e1942 rgb(46,25,66)
```
#3b2055
```
#3b2055 rgb(59,32,85)
```
#482767
```
#482767 rgb(72,39,103)
```
#552e7a
```
#552e7a rgb(85,46,122)
```
#62358d
```
#62358d rgb(98,53,141)
```
#6f3c9f
```
#6f3c9f rgb(111,60,159)
```
#7c43b2
```
#7c43b2 rgb(124,67,178)
```

Monochromatic Color

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

#422e7a
```
#422e7a rgb(66,46,122)
```
#482e7a
```
#482e7a rgb(72,46,122)
```
#4f2e7a
```
#4f2e7a rgb(79,46,122)
```
#552e7a
```
#552e7a rgb(85,46,122)
```
#5b2e7a
```
#5b2e7a rgb(91,46,122)
```
#622e7a
```
#622e7a rgb(98,46,122)
```
#682e7a
```
#682e7a rgb(104,46,122)
```

Similar Colors

Text with hexadecimal color #552e7a

This text has a font color of #552e7a.

<span style="color:#552e7a;">Text here</span>

#552e7a background color

This paragraph has a background color of #552e7a.

<p style="background-color:#552e7a;">Content here</p>

#552e7a border color

This element has a border color of #552e7a.

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

CSS codes

.text {color:#552e7a;}

.background {background-color:#552e7a;}

.border {border:1px solid #552e7a;}

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

#060308
```
#060308 rgb(6,3,8)
```
#100816
```
#100816 rgb(16,8,22)
```
#190e25
```
#190e25 rgb(25,14,37)
```
#231333
```
#231333 rgb(35,19,51)
```
#2d1941
```
#2d1941 rgb(45,25,65)
```
#371e4f
```
#371e4f rgb(55,30,79)
```
#41235e
```
#41235e rgb(65,35,94)
```
#4b296c
```
#4b296c rgb(75,41,108)
```
#552e7a
```
#552e7a rgb(85,46,122)
```
#5f3388
```
#5f3388 rgb(95,51,136)
```
#693996
```
#693996 rgb(105,57,150)
```
#733ea5
```
#733ea5 rgb(115,62,165)
```
#7d43b3
```
#7d43b3 rgb(125,67,179)
```

Shade Color Variation

#864ebc
```
#864ebc rgb(134,78,188)
```
#905cc2
```
#905cc2 rgb(144,92,194)
```
#9a6ac7
```
#9a6ac7 rgb(154,106,199)
```
#a479cc
```
#a479cc rgb(164,121,204)
```
#ad87d2
```
#ad87d2 rgb(173,135,210)
```
#b795d7
```
#b795d7 rgb(183,149,215)
```
#c1a3dc
```
#c1a3dc rgb(193,163,220)
```
#cab2e2
```
#cab2e2 rgb(202,178,226)
```
#d4c0e7
```
#d4c0e7 rgb(212,192,231)
```
#deceed
```
#deceed rgb(222,206,237)
```
#e7dcf2
```
#e7dcf2 rgb(231,220,242)
```
#f1ebf7
```
#f1ebf7 rgb(241,235,247)
```
#fbf9fd
```
#fbf9fd rgb(251,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #544e5a is the less saturated color, while #5601a7 is the most saturated one.

#544e5a
```
#544e5a rgb(84,78,90)
```
#544860
```
#544860 rgb(84,72,96)
```
#544167
```
#544167 rgb(84,65,103)
```
#553b6d
```
#553b6d rgb(85,59,109)
```
#553474
```
#553474 rgb(85,52,116)
```
#552e7a
```
#552e7a rgb(85,46,122)
```
#552880
```
#552880 rgb(85,40,128)
```
#552187
```
#552187 rgb(85,33,135)
```
#561b8d
```
#561b8d rgb(86,27,141)
```
#561494
```
#561494 rgb(86,20,148)
```
#560e9a
```
#560e9a rgb(86,14,154)
```
#5607a1
```
#5607a1 rgb(86,7,161)
```
#5601a7
```
#5601a7 rgb(86,1,167)
```

Tone Color Variation

Below, you can see how #552e7a 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

#424242 Achromatopsia 0.005% of the population
#463e4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488e Protanopia 1% of men
#224b7a Deuteranopia 1% of men
#52484d Tritanopia 0.001% of the population

Trichromacy

#1e3e87 Protanomaly 1% of men, 0.01% of women
#34407a Deuteranomaly 6% of men, 0.4% of women
#533e5d Tritanomaly 0.01% of the population

#552e7a hex color

#552e7a Color Information

#552e7a Color Conversion

Color Schemes with #552e7a

Alternatives to #552e7a

#552e7a Preview

Shades and Tints of #552e7a

Tones of #552e7a

Color Blindness Simulator