#552fa0 hex color

In a RGB color space, hex #552fa0 is composed of 33.3% red, 18.4% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 70.6% magenta, 0% yellow and 37.3% black. It has a hue angle of 260.2 degrees, a saturation of 54.6% and a lightness of 40.6%. #552fa0 color hex could be obtained by blending #aa5eff with #000041. Closest websafe color is: #663399.

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

● #552fa0 color description : Dark violet.

The hexadecimal color #552fa0 has RGB values of R:85, G:47, B:160 and CMYK values of C:0.47, M:0.71, Y:0, K:0.37. Its decimal value is 5582752.

Hex triplet	552fa0	`#552fa0`
RGB Decimal	85, 47, 160	`rgb(85,47,160)`
RGB Percent	33.3, 18.4, 62.7	`rgb(33.3%,18.4%,62.7%)`
CMYK	47, 71, 0, 37
HSL	260.2°, 54.6, 40.6	`hsl(260.2,54.6%,40.6%)`
HSV (or HSB)	260.2°, 70.6, 62.7
Web Safe	663399	`#663399`

CIE-LAB	30.646, 43.389, -55.164
XYZ	11.107, 6.502, 33.926
xyY	0.216, 0.126, 6.502
CIE-LCH	30.646, 70.183, 308.187
CIE-LUV	30.646, 5.299, -75.783
Hunter-Lab	25.5, 33.125, -61.032
Binary	01010101, 00101111, 10100000

#552fa0
```
#552fa0 rgb(85,47,160)
```
#7aa02f
```
#7aa02f rgb(122,160,47)
```

Complementary Color

#2f41a0
```
#2f41a0 rgb(47,65,160)
```
#552fa0
```
#552fa0 rgb(85,47,160)
```
#8e2fa0
```
#8e2fa0 rgb(142,47,160)
```

Analogous Color

#41a02f
```
#41a02f rgb(65,160,47)
```
#552fa0
```
#552fa0 rgb(85,47,160)
```
#a08e2f
```
#a08e2f rgb(160,142,47)
```

Split Complementary Color

#2fa055
```
#2fa055 rgb(47,160,85)
```
#552fa0
```
#552fa0 rgb(85,47,160)
```
#a0552f
```
#a0552f rgb(160,85,47)
```

Triadic Color

#2f7aa0
```
#2f7aa0 rgb(47,122,160)
```
#552fa0
```
#552fa0 rgb(85,47,160)
```
#a0552f
```
#a0552f rgb(160,85,47)
```
#7aa02f
```
#7aa02f rgb(122,160,47)
```

Tetradic Color

#361e65
```
#361e65 rgb(54,30,101)
```
#402379
```
#402379 rgb(64,35,121)
```
#4b298c
```
#4b298c rgb(75,41,140)
```
#552fa0
```
#552fa0 rgb(85,47,160)
```
#5f35b4
```
#5f35b4 rgb(95,53,180)
```
#6a3cc6
```
#6a3cc6 rgb(106,60,198)
```
#7a50cc
```
#7a50cc rgb(122,80,204)
```

Monochromatic Color

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

#392fa0
```
#392fa0 rgb(57,47,160)
```
#422fa0
```
#422fa0 rgb(66,47,160)
```
#4c2fa0
```
#4c2fa0 rgb(76,47,160)
```
#552fa0
```
#552fa0 rgb(85,47,160)
```
#5e2fa0
```
#5e2fa0 rgb(94,47,160)
```
#682fa0
```
#682fa0 rgb(104,47,160)
```
#712fa0
```
#712fa0 rgb(113,47,160)
```

Similar Colors

Text with hexadecimal color #552fa0

This text has a font color of #552fa0.

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

#552fa0 background color

This paragraph has a background color of #552fa0.

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

#552fa0 border color

This element has a border color of #552fa0.

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

CSS codes

.text {color:#552fa0;}

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

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

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

#040208
```
#040208 rgb(4,2,8)
```
#0d0718
```
#0d0718 rgb(13,7,24)
```
#150b27
```
#150b27 rgb(21,11,39)
```
#1d1036
```
#1d1036 rgb(29,16,54)
```
#251445
```
#251445 rgb(37,20,69)
```
#2d1954
```
#2d1954 rgb(45,25,84)
```
#351d63
```
#351d63 rgb(53,29,99)
```
#3d2273
```
#3d2273 rgb(61,34,115)
```
#452682
```
#452682 rgb(69,38,130)
```
#4d2b91
```
#4d2b91 rgb(77,43,145)
```
#552fa0
```
#552fa0 rgb(85,47,160)
```
#5d33af
```
#5d33af rgb(93,51,175)
```
#6538be
```
#6538be rgb(101,56,190)
```

Shade Color Variation

#6f42c8
```
#6f42c8 rgb(111,66,200)
```
#7b51cc
```
#7b51cc rgb(123,81,204)
```
#8661d0
```
#8661d0 rgb(134,97,208)
```
#9270d5
```
#9270d5 rgb(146,112,213)
```
#9d7fd9
```
#9d7fd9 rgb(157,127,217)
```
#a98ede
```
#a98ede rgb(169,142,222)
```
#b49de2
```
#b49de2 rgb(180,157,226)
```
#c0ace7
```
#c0ace7 rgb(192,172,231)
```
#ccbceb
```
#ccbceb rgb(204,188,235)
```
#d7cbf0
```
#d7cbf0 rgb(215,203,240)
```
#e3daf4
```
#e3daf4 rgb(227,218,244)
```
#eee9f9
```
#eee9f9 rgb(238,233,249)
```
#faf8fd
```
#faf8fd rgb(250,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676768 is the less saturated color, while #4807c8 is the most saturated one.

#676768
```
#676768 rgb(103,103,104)
```
#655f70
```
#655f70 rgb(101,95,112)
```
#625778
```
#625778 rgb(98,87,120)
```
#5f4f80
```
#5f4f80 rgb(95,79,128)
```
#5d4788
```
#5d4788 rgb(93,71,136)
```
#5a3f90
```
#5a3f90 rgb(90,63,144)
```
#583798
```
#583798 rgb(88,55,152)
```
#552fa0
```
#552fa0 rgb(85,47,160)
```
#5227a8
```
#5227a8 rgb(82,39,168)
```
#501fb0
```
#501fb0 rgb(80,31,176)
```
#4d17b8
```
#4d17b8 rgb(77,23,184)
```
#4b0fc0
```
#4b0fc0 rgb(75,15,192)
```
#4807c8
```
#4807c8 rgb(72,7,200)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4a4259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005387 Deuteranopia 1% of men
#45545a Tritanopia 0.001% of the population

Trichromacy

#1e439c Protanomaly 1% of men, 0.01% of women
#1e4690 Deuteranomaly 6% of men, 0.4% of women
#4a4673 Tritanomaly 0.01% of the population

#552fa0 hex color

#552fa0 Color Information

#552fa0 Color Conversion

Color Schemes with #552fa0

Alternatives to #552fa0

#552fa0 Preview

Shades and Tints of #552fa0

Tones of #552fa0

Color Blindness Simulator