#552c86 hex color

In a RGB color space, hex #552c86 is composed of 33.3% red, 17.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 67.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 267.3 degrees, a saturation of 50.6% and a lightness of 34.9%. #552c86 color hex could be obtained by blending #aa58ff with #00000d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 17
- B 53
RGB color chart
- C 37
- M 67
- Y 0
- K 47
CMYK color chart

● #552c86 color description : Dark moderate violet.

The hexadecimal color #552c86 has RGB values of R:85, G:44, B:134 and CMYK values of C:0.37, M:0.67, Y:0, K:0.47. Its decimal value is 5581958.

Hex triplet	552c86	`#552c86`
RGB Decimal	85, 44, 134	`rgb(85,44,134)`
RGB Percent	33.3, 17.3, 52.5	`rgb(33.3%,17.3%,52.5%)`
CMYK	37, 67, 0, 47
HSL	267.3°, 50.6, 34.9	`hsl(267.3,50.6%,34.9%)`
HSV (or HSB)	267.3°, 67.2, 52.5
Web Safe	663399	`#663399`

CIE-LAB	27.991, 37.853, -43.496
XYZ	8.949, 5.454, 23.134
xyY	0.238, 0.145, 5.454
CIE-LCH	27.991, 57.661, 311.032
CIE-LUV	27.991, 9.341, -58.898
Hunter-Lab	23.354, 27.534, -42.385
Binary	01010101, 00101100, 10000110

#552c86
```
#552c86 rgb(85,44,134)
```
#5d862c
```
#5d862c rgb(93,134,44)
```

Complementary Color

#2c3086
```
#2c3086 rgb(44,48,134)
```
#552c86
```
#552c86 rgb(85,44,134)
```
#822c86
```
#822c86 rgb(130,44,134)
```

Analogous Color

#30862c
```
#30862c rgb(48,134,44)
```
#552c86
```
#552c86 rgb(85,44,134)
```
#86822c
```
#86822c rgb(134,130,44)
```

Split Complementary Color

#2c8655
```
#2c8655 rgb(44,134,85)
```
#552c86
```
#552c86 rgb(85,44,134)
```
#86552c
```
#86552c rgb(134,85,44)
```

Triadic Color

#2c5d86
```
#2c5d86 rgb(44,93,134)
```
#552c86
```
#552c86 rgb(85,44,134)
```
#86552c
```
#86552c rgb(134,85,44)
```
#5d862c
```
#5d862c rgb(93,134,44)
```

Tetradic Color

#30194c
```
#30194c rgb(48,25,76)
```
#3d1f60
```
#3d1f60 rgb(61,31,96)
```
#492673
```
#492673 rgb(73,38,115)
```
#552c86
```
#552c86 rgb(85,44,134)
```
#613299
```
#613299 rgb(97,50,153)
```
#6d39ac
```
#6d39ac rgb(109,57,172)
```
#7a3fc0
```
#7a3fc0 rgb(122,63,192)
```

Monochromatic Color

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

#3f2c86
```
#3f2c86 rgb(63,44,134)
```
#462c86
```
#462c86 rgb(70,44,134)
```
#4e2c86
```
#4e2c86 rgb(78,44,134)
```
#552c86
```
#552c86 rgb(85,44,134)
```
#5d2c86
```
#5d2c86 rgb(93,44,134)
```
#642c86
```
#642c86 rgb(100,44,134)
```
#6c2c86
```
#6c2c86 rgb(108,44,134)
```

Similar Colors

Text with hexadecimal color #552c86

This text has a font color of #552c86.

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

#552c86 background color

This paragraph has a background color of #552c86.

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

#552c86 border color

This element has a border color of #552c86.

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

CSS codes

.text {color:#552c86;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0a0510
```
#0a0510 rgb(10,5,16)
```
#130a1f
```
#130a1f rgb(19,10,31)
```
#1d0f2d
```
#1d0f2d rgb(29,15,45)
```
#26143c
```
#26143c rgb(38,20,60)
```
#30194b
```
#30194b rgb(48,25,75)
```
#391d5a
```
#391d5a rgb(57,29,90)
```
#422268
```
#422268 rgb(66,34,104)
```
#4c2777
```
#4c2777 rgb(76,39,119)
```
#552c86
```
#552c86 rgb(85,44,134)
```
#5e3195
```
#5e3195 rgb(94,49,149)
```
#6836a4
```
#6836a4 rgb(104,54,164)
```
#713bb2
```
#713bb2 rgb(113,59,178)
```

Shade Color Variation

#7b40c0
```
#7b40c0 rgb(123,64,192)
```
#854fc5
```
#854fc5 rgb(133,79,197)
```
#8f5eca
```
#8f5eca rgb(143,94,202)
```
#996ccf
```
#996ccf rgb(153,108,207)
```
#a47bd4
```
#a47bd4 rgb(164,123,212)
```
#ae8ad9
```
#ae8ad9 rgb(174,138,217)
```
#b899dd
```
#b899dd rgb(184,153,221)
```
#c2a8e2
```
#c2a8e2 rgb(194,168,226)
```
#cdb6e7
```
#cdb6e7 rgb(205,182,231)
```
#d7c5ec
```
#d7c5ec rgb(215,197,236)
```
#e1d4f1
```
#e1d4f1 rgb(225,212,241)
```
#ebe3f6
```
#ebe3f6 rgb(235,227,246)
```
#f6f1fb
```
#f6f1fb rgb(246,241,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #59555d is the less saturated color, while #5103af is the most saturated one.

#59555d
```
#59555d rgb(89,85,93)
```
#584e64
```
#584e64 rgb(88,78,100)
```
#57476b
```
#57476b rgb(87,71,107)
```
#574171
```
#574171 rgb(87,65,113)
```
#563a78
```
#563a78 rgb(86,58,120)
```
#56337f
```
#56337f rgb(86,51,127)
```
#552c86
```
#552c86 rgb(85,44,134)
```
#54258d
```
#54258d rgb(84,37,141)
```
#541e94
```
#541e94 rgb(84,30,148)
```
#53179b
```
#53179b rgb(83,23,155)
```
#5311a1
```
#5311a1 rgb(83,17,161)
```
#520aa8
```
#520aa8 rgb(82,10,168)
```
#5103af
```
#5103af rgb(81,3,175)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#473e50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004990 Protanopia 1% of men
#004d80 Deuteranopia 1% of men
#4e4a4f Tritanopia 0.001% of the population

Trichromacy

#1e3e8c Protanomaly 1% of men, 0.01% of women
#1e4182 Deuteranomaly 6% of men, 0.4% of women
#513f63 Tritanomaly 0.01% of the population

#552c86 hex color

#552c86 Color Information

#552c86 Color Conversion

Color Schemes with #552c86

Alternatives to #552c86

#552c86 Preview

Shades and Tints of #552c86

Tones of #552c86

Color Blindness Simulator