#552d8e hex color

In a RGB color space, hex #552d8e is composed of 33.3% red, 17.6% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 68.3% magenta, 0% yellow and 44.3% black. It has a hue angle of 264.7 degrees, a saturation of 51.9% and a lightness of 36.7%. #552d8e color hex could be obtained by blending #aa5aff with #00001d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 18
- B 56
RGB color chart
- C 40
- M 68
- Y 0
- K 44
CMYK color chart

● #552d8e color description : Dark moderate violet.

The hexadecimal color #552d8e has RGB values of R:85, G:45, B:142 and CMYK values of C:0.4, M:0.68, Y:0, K:0.44. Its decimal value is 5582222.

Hex triplet	552d8e	`#552d8e`
RGB Decimal	85, 45, 142	`rgb(85,45,142)`
RGB Percent	33.3, 17.6, 55.7	`rgb(33.3%,17.6%,55.7%)`
CMYK	40, 68, 0, 44
HSL	264.7°, 51.9, 36.7	`hsl(264.7,51.9%,36.7%)`
HSV (or HSB)	264.7°, 68.3, 55.7
Web Safe	663399	`#663399`

CIE-LAB	28.801, 39.47, -47.15
XYZ	9.566, 5.761, 26.198
xyY	0.23, 0.139, 5.761
CIE-LCH	28.801, 61.49, 309.934
CIE-LUV	28.801, 7.995, -64.15
Hunter-Lab	24.002, 29.139, -47.912
Binary	01010101, 00101101, 10001110

#552d8e
```
#552d8e rgb(85,45,142)
```
#668e2d
```
#668e2d rgb(102,142,45)
```

Complementary Color

#2d368e
```
#2d368e rgb(45,54,142)
```
#552d8e
```
#552d8e rgb(85,45,142)
```
#862d8e
```
#862d8e rgb(134,45,142)
```

Analogous Color

#368e2d
```
#368e2d rgb(54,142,45)
```
#552d8e
```
#552d8e rgb(85,45,142)
```
#8e862d
```
#8e862d rgb(142,134,45)
```

Split Complementary Color

#2d8e55
```
#2d8e55 rgb(45,142,85)
```
#552d8e
```
#552d8e rgb(85,45,142)
```
#8e552d
```
#8e552d rgb(142,85,45)
```

Triadic Color

#2d668e
```
#2d668e rgb(45,102,142)
```
#552d8e
```
#552d8e rgb(85,45,142)
```
#8e552d
```
#8e552d rgb(142,85,45)
```
#668e2d
```
#668e2d rgb(102,142,45)
```

Tetradic Color

#321b54
```
#321b54 rgb(50,27,84)
```
#3e2167
```
#3e2167 rgb(62,33,103)
```
#49277b
```
#49277b rgb(73,39,123)
```
#552d8e
```
#552d8e rgb(85,45,142)
```
#6133a1
```
#6133a1 rgb(97,51,161)
```
#6c39b5
```
#6c39b5 rgb(108,57,181)
```
#7944c4
```
#7944c4 rgb(121,68,196)
```

Monochromatic Color

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

#3d2d8e
```
#3d2d8e rgb(61,45,142)
```
#452d8e
```
#452d8e rgb(69,45,142)
```
#4d2d8e
```
#4d2d8e rgb(77,45,142)
```
#552d8e
```
#552d8e rgb(85,45,142)
```
#5d2d8e
```
#5d2d8e rgb(93,45,142)
```
#652d8e
```
#652d8e rgb(101,45,142)
```
#6d2d8e
```
#6d2d8e rgb(109,45,142)
```

Similar Colors

Text with hexadecimal color #552d8e

This text has a font color of #552d8e.

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

#552d8e background color

This paragraph has a background color of #552d8e.

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

#552d8e border color

This element has a border color of #552d8e.

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

CSS codes

.text {color:#552d8e;}

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

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

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

#050308
```
#050308 rgb(5,3,8)
```
#0e0717
```
#0e0717 rgb(14,7,23)
```
#170c26
```
#170c26 rgb(23,12,38)
```
#201135
```
#201135 rgb(32,17,53)
```
#281544
```
#281544 rgb(40,21,68)
```
#311a52
```
#311a52 rgb(49,26,82)
```
#3a1f61
```
#3a1f61 rgb(58,31,97)
```
#432470
```
#432470 rgb(67,36,112)
```
#4c287f
```
#4c287f rgb(76,40,127)
```
#552d8e
```
#552d8e rgb(85,45,142)
```
#5e329d
```
#5e329d rgb(94,50,157)
```
#6736ac
```
#6736ac rgb(103,54,172)
```
#703bbb
```
#703bbb rgb(112,59,187)
```

Shade Color Variation

#7a45c4
```
#7a45c4 rgb(122,69,196)
```
#8454c9
```
#8454c9 rgb(132,84,201)
```
#8f63ce
```
#8f63ce rgb(143,99,206)
```
#9a72d2
```
#9a72d2 rgb(154,114,210)
```
#a481d7
```
#a481d7 rgb(164,129,215)
```
#af90dc
```
#af90dc rgb(175,144,220)
```
#ba9fe0
```
#ba9fe0 rgb(186,159,224)
```
#c5aee5
```
#c5aee5 rgb(197,174,229)
```
#cfbcea
```
#cfbcea rgb(207,188,234)
```
#dacbef
```
#dacbef rgb(218,203,239)
```
#e5daf3
```
#e5daf3 rgb(229,218,243)
```
#efe9f8
```
#efe9f8 rgb(239,233,248)
```
#faf8fd
```
#faf8fd rgb(250,248,253)
```

Tint Color Variation

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

#5d5863
```
#5d5863 rgb(93,88,99)
```
#5b516a
```
#5b516a rgb(91,81,106)
```
#5a4a71
```
#5a4a71 rgb(90,74,113)
```
#594378
```
#594378 rgb(89,67,120)
```
#583b80
```
#583b80 rgb(88,59,128)
```
#563487
```
#563487 rgb(86,52,135)
```
#552d8e
```
#552d8e rgb(85,45,142)
```
#542695
```
#542695 rgb(84,38,149)
```
#521f9c
```
#521f9c rgb(82,31,156)
```
#5117a4
```
#5117a4 rgb(81,23,164)
```
#5010ab
```
#5010ab rgb(80,16,171)
```
#4f09b2
```
#4f09b2 rgb(79,9,178)
```
#4d02b9
```
#4d02b9 rgb(77,2,185)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#473f53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#004f82 Deuteranopia 1% of men
#4c4d53 Tritanopia 0.001% of the population

Trichromacy

#1e4091 Protanomaly 1% of men, 0.01% of women
#1e4286 Deuteranomaly 6% of men, 0.4% of women
#4f4168 Tritanomaly 0.01% of the population

#552d8e hex color

#552d8e Color Information

#552d8e Color Conversion

Color Schemes with #552d8e

Alternatives to #552d8e

#552d8e Preview

Shades and Tints of #552d8e

Tones of #552d8e

Color Blindness Simulator