#552f8e hex color

In a RGB color space, hex #552f8e is composed of 33.3% red, 18.4% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 66.9% magenta, 0% yellow and 44.3% black. It has a hue angle of 264 degrees, a saturation of 50.3% and a lightness of 37.1%. #552f8e color hex could be obtained by blending #aa5eff with #00001d. Closest websafe color is: #663399.

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

● #552f8e color description : Dark moderate violet.

The hexadecimal color #552f8e has RGB values of R:85, G:47, B:142 and CMYK values of C:0.4, M:0.67, Y:0, K:0.44. Its decimal value is 5582734.

Hex triplet	552f8e	`#552f8e`
RGB Decimal	85, 47, 142	`rgb(85,47,142)`
RGB Percent	33.3, 18.4, 55.7	`rgb(33.3%,18.4%,55.7%)`
CMYK	40, 67, 0, 44
HSL	264°, 50.3, 37.1	`hsl(264,50.3%,37.1%)`
HSV (or HSB)	264°, 66.9, 55.7
Web Safe	663399	`#663399`

CIE-LAB	29.203, 38.372, -46.499
XYZ	9.644, 5.917, 26.224
xyY	0.231, 0.142, 5.917
CIE-LCH	29.203, 60.287, 309.53
CIE-LUV	29.203, 7.601, -63.621
Hunter-Lab	24.326, 28.201, -46.889
Binary	01010101, 00101111, 10001110

#552f8e
```
#552f8e rgb(85,47,142)
```
#688e2f
```
#688e2f rgb(104,142,47)
```

Complementary Color

#2f398e
```
#2f398e rgb(47,57,142)
```
#552f8e
```
#552f8e rgb(85,47,142)
```
#852f8e
```
#852f8e rgb(133,47,142)
```

Analogous Color

#398e2f
```
#398e2f rgb(57,142,47)
```
#552f8e
```
#552f8e rgb(85,47,142)
```
#8e852f
```
#8e852f rgb(142,133,47)
```

Split Complementary Color

#2f8e55
```
#2f8e55 rgb(47,142,85)
```
#552f8e
```
#552f8e rgb(85,47,142)
```
#8e552f
```
#8e552f rgb(142,85,47)
```

Triadic Color

#2f688e
```
#2f688e rgb(47,104,142)
```
#552f8e
```
#552f8e rgb(85,47,142)
```
#8e552f
```
#8e552f rgb(142,85,47)
```
#688e2f
```
#688e2f rgb(104,142,47)
```

Tetradic Color

#331c55
```
#331c55 rgb(51,28,85)
```
#3e2268
```
#3e2268 rgb(62,34,104)
```
#4a297b
```
#4a297b rgb(74,41,123)
```
#552f8e
```
#552f8e rgb(85,47,142)
```
#6035a1
```
#6035a1 rgb(96,53,161)
```
#6c3cb4
```
#6c3cb4 rgb(108,60,180)
```
#7847c2
```
#7847c2 rgb(120,71,194)
```

Monochromatic Color

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

#3d2f8e
```
#3d2f8e rgb(61,47,142)
```
#452f8e
```
#452f8e rgb(69,47,142)
```
#4d2f8e
```
#4d2f8e rgb(77,47,142)
```
#552f8e
```
#552f8e rgb(85,47,142)
```
#5d2f8e
```
#5d2f8e rgb(93,47,142)
```
#652f8e
```
#652f8e rgb(101,47,142)
```
#6d2f8e
```
#6d2f8e rgb(109,47,142)
```

Similar Colors

Text with hexadecimal color #552f8e

This text has a font color of #552f8e.

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

#552f8e background color

This paragraph has a background color of #552f8e.

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

#552f8e border color

This element has a border color of #552f8e.

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

CSS codes

.text {color:#552f8e;}

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

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

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

#060309
```
#060309 rgb(6,3,9)
```
#0e0818
```
#0e0818 rgb(14,8,24)
```
#170d27
```
#170d27 rgb(23,13,39)
```
#201236
```
#201236 rgb(32,18,54)
```
#291744
```
#291744 rgb(41,23,68)
```
#321b53
```
#321b53 rgb(50,27,83)
```
#3b2062
```
#3b2062 rgb(59,32,98)
```
#432571
```
#432571 rgb(67,37,113)
```
#4c2a7f
```
#4c2a7f rgb(76,42,127)
```
#552f8e
```
#552f8e rgb(85,47,142)
```
#5e349d
```
#5e349d rgb(94,52,157)
```
#6739ab
```
#6739ab rgb(103,57,171)
```
#6f3eba
```
#6f3eba rgb(111,62,186)
```

Shade Color Variation

#7a49c3
```
#7a49c3 rgb(122,73,195)
```
#8458c8
```
#8458c8 rgb(132,88,200)
```
#8f66cc
```
#8f66cc rgb(143,102,204)
```
#9a75d1
```
#9a75d1 rgb(154,117,209)
```
#a584d6
```
#a584d6 rgb(165,132,214)
```
#b092db
```
#b092db rgb(176,146,219)
```
#baa1e0
```
#baa1e0 rgb(186,161,224)
```
#c5b0e5
```
#c5b0e5 rgb(197,176,229)
```
#d0bfea
```
#d0bfea rgb(208,191,234)
```
#dbcdef
```
#dbcdef rgb(219,205,239)
```
#e5dcf3
```
#e5dcf3 rgb(229,220,243)
```
#f0ebf8
```
#f0ebf8 rgb(240,235,248)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#5e5b62
```
#5e5b62 rgb(94,91,98)
```
#5c536a
```
#5c536a rgb(92,83,106)
```
#5b4c71
```
#5b4c71 rgb(91,76,113)
```
#594578
```
#594578 rgb(89,69,120)
```
#583e7f
```
#583e7f rgb(88,62,127)
```
#563687
```
#563687 rgb(86,54,135)
```
#552f8e
```
#552f8e rgb(85,47,142)
```
#542895
```
#542895 rgb(84,40,149)
```
#52209d
```
#52209d rgb(82,32,157)
```
#5119a4
```
#5119a4 rgb(81,25,164)
```
#4f12ab
```
#4f12ab rgb(79,18,171)
```
#4e0bb2
```
#4e0bb2 rgb(78,11,178)
```
#4c03ba
```
#4c03ba rgb(76,3,186)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#484154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005083 Deuteranopia 1% of men
#4c4e54 Tritanopia 0.001% of the population

Trichromacy

#1e4192 Protanomaly 1% of men, 0.01% of women
#1e4487 Deuteranomaly 6% of men, 0.4% of women
#4f4369 Tritanomaly 0.01% of the population

#552f8e hex color

#552f8e Color Information

#552f8e Color Conversion

Color Schemes with #552f8e

Alternatives to #552f8e

#552f8e Preview

Shades and Tints of #552f8e

Tones of #552f8e

Color Blindness Simulator