#552ea2 hex color

In a RGB color space, hex #552ea2 is composed of 33.3% red, 18% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 71.6% magenta, 0% yellow and 36.5% black. It has a hue angle of 260.2 degrees, a saturation of 55.8% and a lightness of 40.8%. #552ea2 color hex could be obtained by blending #aa5cff with #000045. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 18
- B 64
RGB color chart
- C 48
- M 72
- Y 0
- K 36
CMYK color chart

● #552ea2 color description : Dark violet.

The hexadecimal color #552ea2 has RGB values of R:85, G:46, B:162 and CMYK values of C:0.48, M:0.72, Y:0, K:0.36. Its decimal value is 5582498.

Hex triplet	552ea2	`#552ea2`
RGB Decimal	85, 46, 162	`rgb(85,46,162)`
RGB Percent	33.3, 18, 63.5	`rgb(33.3%,18%,63.5%)`
CMYK	48, 72, 0, 36
HSL	260.2°, 55.8, 40.8	`hsl(260.2,55.8%,40.8%)`
HSV (or HSB)	260.2°, 71.6, 63.5
Web Safe	663399	`#663399`

CIE-LAB	30.626, 44.477, -56.408
XYZ	11.244, 6.494, 34.841
xyY	0.214, 0.124, 6.494
CIE-LCH	30.626, 71.833, 308.255
CIE-LUV	30.626, 5.23, -77.308
Hunter-Lab	25.483, 34.164, -63.226
Binary	01010101, 00101110, 10100010

#552ea2
```
#552ea2 rgb(85,46,162)
```
#7ba22e
```
#7ba22e rgb(123,162,46)
```

Complementary Color

#2e41a2
```
#2e41a2 rgb(46,65,162)
```
#552ea2
```
#552ea2 rgb(85,46,162)
```
#8f2ea2
```
#8f2ea2 rgb(143,46,162)
```

Analogous Color

#41a22e
```
#41a22e rgb(65,162,46)
```
#552ea2
```
#552ea2 rgb(85,46,162)
```
#a28f2e
```
#a28f2e rgb(162,143,46)
```

Split Complementary Color

#2ea255
```
#2ea255 rgb(46,162,85)
```
#552ea2
```
#552ea2 rgb(85,46,162)
```
#a2552e
```
#a2552e rgb(162,85,46)
```

Triadic Color

#2e7ba2
```
#2e7ba2 rgb(46,123,162)
```
#552ea2
```
#552ea2 rgb(85,46,162)
```
#a2552e
```
#a2552e rgb(162,85,46)
```
#7ba22e
```
#7ba22e rgb(123,162,46)
```

Tetradic Color

#361d66
```
#361d66 rgb(54,29,102)
```
#40237a
```
#40237a rgb(64,35,122)
```
#4b288e
```
#4b288e rgb(75,40,142)
```
#552ea2
```
#552ea2 rgb(85,46,162)
```
#5f34b6
```
#5f34b6 rgb(95,52,182)
```
#6b3cc7
```
#6b3cc7 rgb(107,60,199)
```
#7a4fcd
```
#7a4fcd rgb(122,79,205)
```

Monochromatic Color

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

#382ea2
```
#382ea2 rgb(56,46,162)
```
#422ea2
```
#422ea2 rgb(66,46,162)
```
#4b2ea2
```
#4b2ea2 rgb(75,46,162)
```
#552ea2
```
#552ea2 rgb(85,46,162)
```
#5f2ea2
```
#5f2ea2 rgb(95,46,162)
```
#682ea2
```
#682ea2 rgb(104,46,162)
```
#722ea2
```
#722ea2 rgb(114,46,162)
```

Similar Colors

Text with hexadecimal color #552ea2

This text has a font color of #552ea2.

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

#552ea2 background color

This paragraph has a background color of #552ea2.

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

#552ea2 border color

This element has a border color of #552ea2.

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

CSS codes

.text {color:#552ea2;}

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

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

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

#050309
```
#050309 rgb(5,3,9)
```
#0d0719
```
#0d0719 rgb(13,7,25)
```
#150b28
```
#150b28 rgb(21,11,40)
```
#1d1037
```
#1d1037 rgb(29,16,55)
```
#251446
```
#251446 rgb(37,20,70)
```
#2d1856
```
#2d1856 rgb(45,24,86)
```
#351d65
```
#351d65 rgb(53,29,101)
```
#3d2174
```
#3d2174 rgb(61,33,116)
```
#452583
```
#452583 rgb(69,37,131)
```
#4d2a93
```
#4d2a93 rgb(77,42,147)
```
#552ea2
```
#552ea2 rgb(85,46,162)
```
#5d32b1
```
#5d32b1 rgb(93,50,177)
```
#6537c1
```
#6537c1 rgb(101,55,193)
```

Shade Color Variation

#6f42c9
```
#6f42c9 rgb(111,66,201)
```
#7b51ce
```
#7b51ce rgb(123,81,206)
```
#8660d2
```
#8660d2 rgb(134,96,210)
```
#926fd6
```
#926fd6 rgb(146,111,214)
```
#9e7fdb
```
#9e7fdb rgb(158,127,219)
```
#a98edf
```
#a98edf rgb(169,142,223)
```
#b59de3
```
#b59de3 rgb(181,157,227)
```
#c0ade8
```
#c0ade8 rgb(192,173,232)
```
#ccbcec
```
#ccbcec rgb(204,188,236)
```
#d8cbf0
```
#d8cbf0 rgb(216,203,240)
```
#e3daf5
```
#e3daf5 rgb(227,218,245)
```
#efeaf9
```
#efeaf9 rgb(239,234,249)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67666a is the less saturated color, while #4806ca is the most saturated one.

#67666a
```
#67666a rgb(103,102,106)
```
#655e72
```
#655e72 rgb(101,94,114)
```
#62567a
```
#62567a rgb(98,86,122)
```
#5f4e82
```
#5f4e82 rgb(95,78,130)
```
#5d468a
```
#5d468a rgb(93,70,138)
```
#5a3e92
```
#5a3e92 rgb(90,62,146)
```
#58369a
```
#58369a rgb(88,54,154)
```
#552ea2
```
#552ea2 rgb(85,46,162)
```
#5226aa
```
#5226aa rgb(82,38,170)
```
#501eb2
```
#501eb2 rgb(80,30,178)
```
#4d16ba
```
#4d16ba rgb(77,22,186)
```
#4b0ec2
```
#4b0ec2 rgb(75,14,194)
```
#4806ca
```
#4806ca rgb(72,6,202)
```

Tone Color Variation

Below, you can see how #552ea2 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
#43545a Tritanopia 0.001% of the population

Trichromacy

#1e439d Protanomaly 1% of men, 0.01% of women
#1e4591 Deuteranomaly 6% of men, 0.4% of women
#4a4674 Tritanomaly 0.01% of the population

#552ea2 hex color

#552ea2 Color Information

#552ea2 Color Conversion

Color Schemes with #552ea2

Alternatives to #552ea2

#552ea2 Preview

Shades and Tints of #552ea2

Tones of #552ea2

Color Blindness Simulator