#552d63 hex color

In a RGB color space, hex #552d63 is composed of 33.3% red, 17.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 14.1% cyan, 54.5% magenta, 0% yellow and 61.2% black. It has a hue angle of 284.4 degrees, a saturation of 37.5% and a lightness of 28.2%. #552d63 color hex could be obtained by blending #aa5ac6 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 18
- B 39
RGB color chart
- C 14
- M 55
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #552d63 has RGB values of R:85, G:45, B:99 and CMYK values of C:0.14, M:0.55, Y:0, K:0.61. Its decimal value is 5582179.

Hex triplet	552d63	`#552d63`
RGB Decimal	85, 45, 99	`rgb(85,45,99)`
RGB Percent	33.3, 17.6, 38.8	`rgb(33.3%,17.6%,38.8%)`
CMYK	14, 55, 0, 61
HSL	284.4°, 37.5, 28.2	`hsl(284.4,37.5%,28.2%)`
HSV (or HSB)	284.4°, 54.5, 38.8
Web Safe	663366	`#663366`

CIE-LAB	25.889, 28.39, -24.582
XYZ	6.937, 4.709, 12.347
xyY	0.289, 0.196, 4.709
CIE-LCH	25.889, 37.554, 319.111
CIE-LUV	25.889, 14.89, -33.171
Hunter-Lab	21.701, 19.081, -18.545
Binary	01010101, 00101101, 01100011

#552d63
```
#552d63 rgb(85,45,99)
```
#3b632d
```
#3b632d rgb(59,99,45)
```

Complementary Color

#3a2d63
```
#3a2d63 rgb(58,45,99)
```
#552d63
```
#552d63 rgb(85,45,99)
```
#632d56
```
#632d56 rgb(99,45,86)
```

Analogous Color

#2d633a
```
#2d633a rgb(45,99,58)
```
#552d63
```
#552d63 rgb(85,45,99)
```
#56632d
```
#56632d rgb(86,99,45)
```

Split Complementary Color

#2d6355
```
#2d6355 rgb(45,99,85)
```
#552d63
```
#552d63 rgb(85,45,99)
```
#63552d
```
#63552d rgb(99,85,45)
```

Triadic Color

#2d3b63
```
#2d3b63 rgb(45,59,99)
```
#552d63
```
#552d63 rgb(85,45,99)
```
#63552d
```
#63552d rgb(99,85,45)
```
#3b632d
```
#3b632d rgb(59,99,45)
```

Tetradic Color

#28152e
```
#28152e rgb(40,21,46)
```
#371d40
```
#371d40 rgb(55,29,64)
```
#462551
```
#462551 rgb(70,37,81)
```
#552d63
```
#552d63 rgb(85,45,99)
```
#643575
```
#643575 rgb(100,53,117)
```
#733d86
```
#733d86 rgb(115,61,134)
```
#824598
```
#824598 rgb(130,69,152)
```

Monochromatic Color

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

#482d63
```
#482d63 rgb(72,45,99)
```
#4c2d63
```
#4c2d63 rgb(76,45,99)
```
#512d63
```
#512d63 rgb(81,45,99)
```
#552d63
```
#552d63 rgb(85,45,99)
```
#5a2d63
```
#5a2d63 rgb(90,45,99)
```
#5e2d63
```
#5e2d63 rgb(94,45,99)
```
#632d63
```
#632d63 rgb(99,45,99)
```

Similar Colors

Text with hexadecimal color #552d63

This text has a font color of #552d63.

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

#552d63 background color

This paragraph has a background color of #552d63.

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

#552d63 border color

This element has a border color of #552d63.

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

CSS codes

.text {color:#552d63;}

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

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

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

#040205
```
#040205 rgb(4,2,5)
```
#100812
```
#100812 rgb(16,8,18)
```
#1b0e20
```
#1b0e20 rgb(27,14,32)
```
#27142d
```
#27142d rgb(39,20,45)
```
#321b3b
```
#321b3b rgb(50,27,59)
```
#3e2148
```
#3e2148 rgb(62,33,72)
```
#492756
```
#492756 rgb(73,39,86)
```
#552d63
```
#552d63 rgb(85,45,99)
```
#613370
```
#613370 rgb(97,51,112)
```
#6c397e
```
#6c397e rgb(108,57,126)
```
#783f8b
```
#783f8b rgb(120,63,139)
```
#834699
```
#834699 rgb(131,70,153)
```
#8f4ca6
```
#8f4ca6 rgb(143,76,166)
```

Shade Color Variation

#9954b1
```
#9954b1 rgb(153,84,177)
```
#a162b8
```
#a162b8 rgb(161,98,184)
```
#a96fbe
```
#a96fbe rgb(169,111,190)
```
#b17dc4
```
#b17dc4 rgb(177,125,196)
```
#b98aca
```
#b98aca rgb(185,138,202)
```
#c198d0
```
#c198d0 rgb(193,152,208)
```
#c9a5d6
```
#c9a5d6 rgb(201,165,214)
```
#d2b3dc
```
#d2b3dc rgb(210,179,220)
```
#dac0e2
```
#dac0e2 rgb(218,192,226)
```
#e2cee9
```
#e2cee9 rgb(226,206,233)
```
#eadbef
```
#eadbef rgb(234,219,239)
```
#f2e9f5
```
#f2e9f5 rgb(242,233,245)
```
#faf6fb
```
#faf6fb rgb(250,246,251)
```

Tint Color Variation

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

#4a434d
```
#4a434d rgb(74,67,77)
```
#4d3e52
```
#4d3e52 rgb(77,62,82)
```
#503858
```
#503858 rgb(80,56,88)
```
#52335d
```
#52335d rgb(82,51,93)
```
#552d63
```
#552d63 rgb(85,45,99)
```
#582769
```
#582769 rgb(88,39,105)
```
#5a226e
```
#5a226e rgb(90,34,110)
```
#5d1c74
```
#5d1c74 rgb(93,28,116)
```
#601779
```
#601779 rgb(96,23,121)
```
#62117f
```
#62117f rgb(98,17,127)
```
#650c84
```
#650c84 rgb(101,12,132)
```
#68068a
```
#68068a rgb(104,6,138)
```
#6a018f
```
#6a018f rgb(106,1,143)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#433b46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f4575 Protanopia 1% of men
#384766 Deuteranopia 1% of men
#574146 Tritanopia 0.001% of the population

Trichromacy

#3d3c6f Protanomaly 1% of men, 0.01% of women
#423d65 Deuteranomaly 6% of men, 0.4% of women
#563a50 Tritanomaly 0.01% of the population

#552d63 hex color

#552d63 Color Information

#552d63 Color Conversion

Color Schemes with #552d63

Alternatives to #552d63

#552d63 Preview

Shades and Tints of #552d63

Tones of #552d63

Color Blindness Simulator