#552f6a hex color

In a RGB color space, hex #552f6a is composed of 33.3% red, 18.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 55.7% magenta, 0% yellow and 58.4% black. It has a hue angle of 278.6 degrees, a saturation of 38.6% and a lightness of 30%. #552f6a color hex could be obtained by blending #aa5ed4 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 18
- B 42
RGB color chart
- C 20
- M 56
- Y 0
- K 58
CMYK color chart

● #552f6a color description : Very dark desaturated violet.

The hexadecimal color #552f6a has RGB values of R:85, G:47, B:106 and CMYK values of C:0.2, M:0.56, Y:0, K:0.58. Its decimal value is 5582698.

Hex triplet	552f6a	`#552f6a`
RGB Decimal	85, 47, 106	`rgb(85,47,106)`
RGB Percent	33.3, 18.4, 41.6	`rgb(33.3%,18.4%,41.6%)`
CMYK	20, 56, 0, 58
HSL	278.6°, 38.6, 30	`hsl(278.6,38.6%,30%)`
HSV (or HSB)	278.6°, 55.7, 41.6
Web Safe	663366	`#663366`

CIE-LAB	26.749, 28.89, -27.749
XYZ	7.364, 5.005, 14.213
xyY	0.277, 0.188, 5.005
CIE-LCH	26.749, 40.058, 316.154
CIE-LUV	26.749, 13.095, -37.625
Hunter-Lab	22.372, 19.604, -22.007
Binary	01010101, 00101111, 01101010

#552f6a
```
#552f6a rgb(85,47,106)
```
#446a2f
```
#446a2f rgb(68,106,47)
```

Complementary Color

#382f6a
```
#382f6a rgb(56,47,106)
```
#552f6a
```
#552f6a rgb(85,47,106)
```
#6a2f62
```
#6a2f62 rgb(106,47,98)
```

Analogous Color

#2f6a37
```
#2f6a37 rgb(47,106,55)
```
#552f6a
```
#552f6a rgb(85,47,106)
```
#626a2f
```
#626a2f rgb(98,106,47)
```

Split Complementary Color

#2f6a55
```
#2f6a55 rgb(47,106,85)
```
#552f6a
```
#552f6a rgb(85,47,106)
```
#6a552f
```
#6a552f rgb(106,85,47)
```

Triadic Color

#2f446a
```
#2f446a rgb(47,68,106)
```
#552f6a
```
#552f6a rgb(85,47,106)
```
#6a552f
```
#6a552f rgb(106,85,47)
```
#446a2f
```
#446a2f rgb(68,106,47)
```

Tetradic Color

#2b1835
```
#2b1835 rgb(43,24,53)
```
#391f47
```
#391f47 rgb(57,31,71)
```
#472758
```
#472758 rgb(71,39,88)
```
#552f6a
```
#552f6a rgb(85,47,106)
```
#63377c
```
#63377c rgb(99,55,124)
```
#713f8d
```
#713f8d rgb(113,63,141)
```
#80479f
```
#80479f rgb(128,71,159)
```

Monochromatic Color

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

#462f6a
```
#462f6a rgb(70,47,106)
```
#4b2f6a
```
#4b2f6a rgb(75,47,106)
```
#502f6a
```
#502f6a rgb(80,47,106)
```
#552f6a
```
#552f6a rgb(85,47,106)
```
#5a2f6a
```
#5a2f6a rgb(90,47,106)
```
#5f2f6a
```
#5f2f6a rgb(95,47,106)
```
#642f6a
```
#642f6a rgb(100,47,106)
```

Similar Colors

Text with hexadecimal color #552f6a

This text has a font color of #552f6a.

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

#552f6a background color

This paragraph has a background color of #552f6a.

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

#552f6a border color

This element has a border color of #552f6a.

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

CSS codes

.text {color:#552f6a;}

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

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

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, #09050b is the darkest color, while #fdfcfe is the lightest one.

#09050b
```
#09050b rgb(9,5,11)
```
#140b18
```
#140b18 rgb(20,11,24)
```
#1f1126
```
#1f1126 rgb(31,17,38)
```
#291734
```
#291734 rgb(41,23,52)
```
#341d41
```
#341d41 rgb(52,29,65)
```
#3f234f
```
#3f234f rgb(63,35,79)
```
#4a295c
```
#4a295c rgb(74,41,92)
```
#552f6a
```
#552f6a rgb(85,47,106)
```
#603578
```
#603578 rgb(96,53,120)
```
#6b3b85
```
#6b3b85 rgb(107,59,133)
```
#764193
```
#764193 rgb(118,65,147)
```
#8147a0
```
#8147a0 rgb(129,71,160)
```
#8b4dae
```
#8b4dae rgb(139,77,174)
```

Shade Color Variation

#9559b5
```
#9559b5 rgb(149,89,181)
```
#9d67bc
```
#9d67bc rgb(157,103,188)
```
#a674c2
```
#a674c2 rgb(166,116,194)
```
#af82c8
```
#af82c8 rgb(175,130,200)
```
#b890ce
```
#b890ce rgb(184,144,206)
```
#c09dd4
```
#c09dd4 rgb(192,157,212)
```
#c9abda
```
#c9abda rgb(201,171,218)
```
#d2b8e0
```
#d2b8e0 rgb(210,184,224)
```
#dac6e6
```
#dac6e6 rgb(218,198,230)
```
#e3d4ec
```
#e3d4ec rgb(227,212,236)
```
#ece1f2
```
#ece1f2 rgb(236,225,242)
```
#f5eff8
```
#f5eff8 rgb(245,239,248)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#4d4c4d
```
#4d4c4d rgb(77,76,77)
```
#4e4752
```
#4e4752 rgb(78,71,82)
```
#504158
```
#504158 rgb(80,65,88)
```
#523b5e
```
#523b5e rgb(82,59,94)
```
#533564
```
#533564 rgb(83,53,100)
```
#552f6a
```
#552f6a rgb(85,47,106)
```
#572970
```
#572970 rgb(87,41,112)
```
#582376
```
#582376 rgb(88,35,118)
```
#5a1d7c
```
#5a1d7c rgb(90,29,124)
```
#5c1782
```
#5c1782 rgb(92,23,130)
```
#5d1287
```
#5d1287 rgb(93,18,135)
```
#5f0c8d
```
#5f0c8d rgb(95,12,141)
```
#610693
```
#610693 rgb(97,6,147)
```

Tone Color Variation

Below, you can see how #552f6a 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
#453d49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c477c Protanopia 1% of men
#35496c Deuteranopia 1% of men
#564449 Tritanopia 0.001% of the population

Trichromacy

#3b3e75 Protanomaly 1% of men, 0.01% of women
#403f6b Deuteranomaly 6% of men, 0.4% of women
#553c55 Tritanomaly 0.01% of the population

#552f6a hex color

#552f6a Color Information

#552f6a Color Conversion

Color Schemes with #552f6a

Alternatives to #552f6a

#552f6a Preview

Shades and Tints of #552f6a

Tones of #552f6a

Color Blindness Simulator