#552d86 hex color

In a RGB color space, hex #552d86 is composed of 33.3% red, 17.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 66.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 267 degrees, a saturation of 49.7% and a lightness of 35.1%. #552d86 color hex could be obtained by blending #aa5aff with #00000d. Closest websafe color is: #663399.

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

● #552d86 color description : Dark moderate violet.

The hexadecimal color #552d86 has RGB values of R:85, G:45, B:134 and CMYK values of C:0.37, M:0.66, Y:0, K:0.47. Its decimal value is 5582214.

Hex triplet	552d86	`#552d86`
RGB Decimal	85, 45, 134	`rgb(85,45,134)`
RGB Percent	33.3, 17.6, 52.5	`rgb(33.3%,17.6%,52.5%)`
CMYK	37, 66, 0, 47
HSL	267°, 49.7, 35.1	`hsl(267,49.7%,35.1%)`
HSV (or HSB)	267°, 66.4, 52.5
Web Safe	663399	`#663399`

CIE-LAB	28.193, 37.302, -43.17
XYZ	8.987, 5.529, 23.147
xyY	0.239, 0.147, 5.529
CIE-LCH	28.193, 57.053, 310.83
CIE-LUV	28.193, 9.138, -58.621
Hunter-Lab	23.515, 27.071, -41.902
Binary	01010101, 00101101, 10000110

#552d86
```
#552d86 rgb(85,45,134)
```
#5e862d
```
#5e862d rgb(94,134,45)
```

Complementary Color

#2d3286
```
#2d3286 rgb(45,50,134)
```
#552d86
```
#552d86 rgb(85,45,134)
```
#822d86
```
#822d86 rgb(130,45,134)
```

Analogous Color

#32862d
```
#32862d rgb(50,134,45)
```
#552d86
```
#552d86 rgb(85,45,134)
```
#86822d
```
#86822d rgb(134,130,45)
```

Split Complementary Color

#2d8655
```
#2d8655 rgb(45,134,85)
```
#552d86
```
#552d86 rgb(85,45,134)
```
#86552d
```
#86552d rgb(134,85,45)
```

Triadic Color

#2d5e86
```
#2d5e86 rgb(45,94,134)
```
#552d86
```
#552d86 rgb(85,45,134)
```
#86552d
```
#86552d rgb(134,85,45)
```
#5e862d
```
#5e862d rgb(94,134,45)
```

Tetradic Color

#311a4d
```
#311a4d rgb(49,26,77)
```
#3d2060
```
#3d2060 rgb(61,32,96)
```
#492773
```
#492773 rgb(73,39,115)
```
#552d86
```
#552d86 rgb(85,45,134)
```
#613399
```
#613399 rgb(97,51,153)
```
#6d3aac
```
#6d3aac rgb(109,58,172)
```
#7940bf
```
#7940bf rgb(121,64,191)
```

Monochromatic Color

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

#3f2d86
```
#3f2d86 rgb(63,45,134)
```
#462d86
```
#462d86 rgb(70,45,134)
```
#4e2d86
```
#4e2d86 rgb(78,45,134)
```
#552d86
```
#552d86 rgb(85,45,134)
```
#5c2d86
```
#5c2d86 rgb(92,45,134)
```
#642d86
```
#642d86 rgb(100,45,134)
```
#6b2d86
```
#6b2d86 rgb(107,45,134)
```

Similar Colors

Text with hexadecimal color #552d86

This text has a font color of #552d86.

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

#552d86 background color

This paragraph has a background color of #552d86.

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

#552d86 border color

This element has a border color of #552d86.

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

CSS codes

.text {color:#552d86;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0a0611
```
#0a0611 rgb(10,6,17)
```
#140a1f
```
#140a1f rgb(20,10,31)
```
#1d0f2e
```
#1d0f2e rgb(29,15,46)
```
#26143d
```
#26143d rgb(38,20,61)
```
#30194b
```
#30194b rgb(48,25,75)
```
#391e5a
```
#391e5a rgb(57,30,90)
```
#422369
```
#422369 rgb(66,35,105)
```
#4c2877
```
#4c2877 rgb(76,40,119)
```
#552d86
```
#552d86 rgb(85,45,134)
```
#5e3295
```
#5e3295 rgb(94,50,149)
```
#6837a3
```
#6837a3 rgb(104,55,163)
```
#713cb2
```
#713cb2 rgb(113,60,178)
```

Shade Color Variation

#7a42c0
```
#7a42c0 rgb(122,66,192)
```
#8551c4
```
#8551c4 rgb(133,81,196)
```
#8f5fc9
```
#8f5fc9 rgb(143,95,201)
```
#996ece
```
#996ece rgb(153,110,206)
```
#a47dd3
```
#a47dd3 rgb(164,125,211)
```
#ae8bd8
```
#ae8bd8 rgb(174,139,216)
```
#b89add
```
#b89add rgb(184,154,221)
```
#c2a9e2
```
#c2a9e2 rgb(194,169,226)
```
#cdb7e7
```
#cdb7e7 rgb(205,183,231)
```
#d7c6ec
```
#d7c6ec rgb(215,198,236)
```
#e1d5f1
```
#e1d5f1 rgb(225,213,241)
```
#ece3f6
```
#ece3f6 rgb(236,227,246)
```
#f6f2fb
```
#f6f2fb rgb(246,242,251)
```

Tint Color Variation

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

#59565d
```
#59565d rgb(89,86,93)
```
#584f64
```
#584f64 rgb(88,79,100)
```
#58496a
```
#58496a rgb(88,73,106)
```
#574271
```
#574271 rgb(87,66,113)
```
#563b78
```
#563b78 rgb(86,59,120)
```
#56347f
```
#56347f rgb(86,52,127)
```
#552d86
```
#552d86 rgb(85,45,134)
```
#54268d
```
#54268d rgb(84,38,141)
```
#541f94
```
#541f94 rgb(84,31,148)
```
#53189b
```
#53189b rgb(83,24,155)
```
#5211a2
```
#5211a2 rgb(82,17,162)
```
#520ba8
```
#520ba8 rgb(82,11,168)
```
#5104af
```
#5104af rgb(81,4,175)
```

Tone Color Variation

Below, you can see how #552d86 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
#473f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1e3f8c Protanomaly 1% of men, 0.01% of women
#1e4182 Deuteranomaly 6% of men, 0.4% of women
#514063 Tritanomaly 0.01% of the population

#552d86 hex color

#552d86 Color Information

#552d86 Color Conversion

Color Schemes with #552d86

Alternatives to #552d86

#552d86 Preview

Shades and Tints of #552d86

Tones of #552d86

Color Blindness Simulator