#552866 hex color

In a RGB color space, hex #552866 is composed of 33.3% red, 15.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 60.8% magenta, 0% yellow and 60% black. It has a hue angle of 283.5 degrees, a saturation of 43.7% and a lightness of 27.8%. #552866 color hex could be obtained by blending #aa50cc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 16
- B 40
RGB color chart
- C 17
- M 61
- Y 0
- K 60
CMYK color chart

● #552866 color description : Very dark violet.

The hexadecimal color #552866 has RGB values of R:85, G:40, B:102 and CMYK values of C:0.17, M:0.61, Y:0, K:0.6. Its decimal value is 5580902.

Hex triplet	552866	`#552866`
RGB Decimal	85, 40, 102	`rgb(85,40,102)`
RGB Percent	33.3, 15.7, 40	`rgb(33.3%,15.7%,40%)`
CMYK	17, 61, 0, 60
HSL	283.5°, 43.7, 27.8	`hsl(283.5,43.7%,27.8%)`
HSV (or HSB)	283.5°, 60.8, 40
Web Safe	663366	`#663366`

CIE-LAB	24.978, 31.981, -27.974
XYZ	6.903, 4.408, 13.057
xyY	0.283, 0.181, 4.408
CIE-LCH	24.978, 42.489, 318.824
CIE-LUV	24.978, 15.67, -37.251
Hunter-Lab	20.996, 21.943, -22.173
Binary	01010101, 00101000, 01100110

#552866
```
#552866 rgb(85,40,102)
```
#396628
```
#396628 rgb(57,102,40)
```

Complementary Color

#362866
```
#362866 rgb(54,40,102)
```
#552866
```
#552866 rgb(85,40,102)
```
#662858
```
#662858 rgb(102,40,88)
```

Analogous Color

#286636
```
#286636 rgb(40,102,54)
```
#552866
```
#552866 rgb(85,40,102)
```
#586628
```
#586628 rgb(88,102,40)
```

Split Complementary Color

#286655
```
#286655 rgb(40,102,85)
```
#552866
```
#552866 rgb(85,40,102)
```
#665528
```
#665528 rgb(102,85,40)
```

Triadic Color

#283966
```
#283966 rgb(40,57,102)
```
#552866
```
#552866 rgb(85,40,102)
```
#665528
```
#665528 rgb(102,85,40)
```
#396628
```
#396628 rgb(57,102,40)
```

Tetradic Color

#27122f
```
#27122f rgb(39,18,47)
```
#361a41
```
#361a41 rgb(54,26,65)
```
#462154
```
#462154 rgb(70,33,84)
```
#552866
```
#552866 rgb(85,40,102)
```
#642f78
```
#642f78 rgb(100,47,120)
```
#74368b
```
#74368b rgb(116,54,139)
```
#833e9d
```
#833e9d rgb(131,62,157)
```

Monochromatic Color

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

#452866
```
#452866 rgb(69,40,102)
```
#4b2866
```
#4b2866 rgb(75,40,102)
```
#502866
```
#502866 rgb(80,40,102)
```
#552866
```
#552866 rgb(85,40,102)
```
#5a2866
```
#5a2866 rgb(90,40,102)
```
#5f2866
```
#5f2866 rgb(95,40,102)
```
#652866
```
#652866 rgb(101,40,102)
```

Similar Colors

Text with hexadecimal color #552866

This text has a font color of #552866.

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

#552866 background color

This paragraph has a background color of #552866.

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

#552866 border color

This element has a border color of #552866.

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

CSS codes

.text {color:#552866;}

.background {background-color:#552866;}

.border {border:1px solid #552866;}

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

#030103
```
#030103 rgb(3,1,3)
```
#0f0711
```
#0f0711 rgb(15,7,17)
```
#1a0c20
```
#1a0c20 rgb(26,12,32)
```
#26122e
```
#26122e rgb(38,18,46)
```
#32173c
```
#32173c rgb(50,23,60)
```
#3e1d4a
```
#3e1d4a rgb(62,29,74)
```
#492258
```
#492258 rgb(73,34,88)
```
#552866
```
#552866 rgb(85,40,102)
```
#612e74
```
#612e74 rgb(97,46,116)
```
#6c3382
```
#6c3382 rgb(108,51,130)
```
#783990
```
#783990 rgb(120,57,144)
```
#843e9e
```
#843e9e rgb(132,62,158)
```
#9044ac
```
#9044ac rgb(144,68,172)
```

Shade Color Variation

#9b4bb8
```
#9b4bb8 rgb(155,75,184)
```
#a259be
```
#a259be rgb(162,89,190)
```
#aa67c4
```
#aa67c4 rgb(170,103,196)
```
#b275c9
```
#b275c9 rgb(178,117,201)
```
#ba84cf
```
#ba84cf rgb(186,132,207)
```
#c292d4
```
#c292d4 rgb(194,146,212)
```
#caa0da
```
#caa0da rgb(202,160,218)
```
#d2aedf
```
#d2aedf rgb(210,174,223)
```
#dabce5
```
#dabce5 rgb(218,188,229)
```
#e1caea
```
#e1caea rgb(225,202,234)
```
#e9d8f0
```
#e9d8f0 rgb(233,216,240)
```
#f1e6f5
```
#f1e6f5 rgb(241,230,245)
```
#f9f4fb
```
#f9f4fb rgb(249,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #49434b is the less saturated color, while #66028c is the most saturated one.

#49434b
```
#49434b rgb(73,67,75)
```
#4b3e50
```
#4b3e50 rgb(75,62,80)
```
#4e3856
```
#4e3856 rgb(78,56,86)
```
#50335b
```
#50335b rgb(80,51,91)
```
#532d61
```
#532d61 rgb(83,45,97)
```
#552866
```
#552866 rgb(85,40,102)
```
#57236b
```
#57236b rgb(87,35,107)
```
#5a1d71
```
#5a1d71 rgb(90,29,113)
```
#5c1876
```
#5c1876 rgb(92,24,118)
```
#5f127c
```
#5f127c rgb(95,18,124)
```
#610d81
```
#610d81 rgb(97,13,129)
```
#640787
```
#640787 rgb(100,7,135)
```
#66028c
```
#66028c rgb(102,2,140)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#423945 Atypical Achromatopsia 0.001% of the population

Dichromacy

#23437b Protanopia 1% of men
#314568 Deuteranopia 1% of men
#563f43 Tritanopia 0.001% of the population

Trichromacy

#353973 Protanomaly 1% of men, 0.01% of women
#3e3a67 Deuteranomaly 6% of men, 0.4% of women
#553650 Tritanomaly 0.01% of the population

#552866 hex color

#552866 Color Information

#552866 Color Conversion

Color Schemes with #552866

Alternatives to #552866

#552866 Preview

Shades and Tints of #552866

Tones of #552866

Color Blindness Simulator