#552ae2 hex color

In a RGB color space, hex #552ae2 is composed of 33.3% red, 16.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 81.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 254 degrees, a saturation of 76% and a lightness of 52.5%. #552ae2 color hex could be obtained by blending #aa54ff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 16
- B 89
RGB color chart
- C 62
- M 81
- Y 0
- K 11
CMYK color chart

● #552ae2 color description : Bright blue.

The hexadecimal color #552ae2 has RGB values of R:85, G:42, B:226 and CMYK values of C:0.62, M:0.81, Y:0, K:0.11. Its decimal value is 5581538.

Hex triplet	552ae2	`#552ae2`
RGB Decimal	85, 42, 226	`rgb(85,42,226)`
RGB Percent	33.3, 16.5, 88.6	`rgb(33.3%,16.5%,88.6%)`
CMYK	62, 81, 0, 11
HSL	254°, 76, 52.5	`hsl(254,76%,52.5%)`
HSV (or HSB)	254°, 81.4, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.133, 64.002, -84.949
XYZ	18.299, 9.078, 72.735
xyY	0.183, 0.091, 9.078
CIE-LCH	36.133, 106.361, 306.995
CIE-LUV	36.133, -0.67, -117.016
Hunter-Lab	30.129, 55.689, -122.044
Binary	01010101, 00101010, 11100010

#552ae2
```
#552ae2 rgb(85,42,226)
```
#b7e22a
```
#b7e22a rgb(183,226,42)
```

Complementary Color

#2a5be2
```
#2a5be2 rgb(42,91,226)
```
#552ae2
```
#552ae2 rgb(85,42,226)
```
#b12ae2
```
#b12ae2 rgb(177,42,226)
```

Analogous Color

#5be22a
```
#5be22a rgb(91,226,42)
```
#552ae2
```
#552ae2 rgb(85,42,226)
```
#e2b12a
```
#e2b12a rgb(226,177,42)
```

Split Complementary Color

#2ae255
```
#2ae255 rgb(42,226,85)
```
#552ae2
```
#552ae2 rgb(85,42,226)
```
#e2552a
```
#e2552a rgb(226,85,42)
```

Triadic Color

#2ab7e2
```
#2ab7e2 rgb(42,183,226)
```
#552ae2
```
#552ae2 rgb(85,42,226)
```
#e2552a
```
#e2552a rgb(226,85,42)
```
#b7e22a
```
#b7e22a rgb(183,226,42)
```

Tetradic Color

#3917a9
```
#3917a9 rgb(57,23,169)
```
#411abf
```
#411abf rgb(65,26,191)
```
#481dd5
```
#481dd5 rgb(72,29,213)
```
#552ae2
```
#552ae2 rgb(85,42,226)
```
#6740e5
```
#6740e5 rgb(103,64,229)
```
#7957e8
```
#7957e8 rgb(121,87,232)
```
#8b6deb
```
#8b6deb rgb(139,109,235)
```

Monochromatic Color

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

#2a2de2
```
#2a2de2 rgb(42,45,226)
```
#362ae2
```
#362ae2 rgb(54,42,226)
```
#462ae2
```
#462ae2 rgb(70,42,226)
```
#552ae2
```
#552ae2 rgb(85,42,226)
```
#642ae2
```
#642ae2 rgb(100,42,226)
```
#742ae2
```
#742ae2 rgb(116,42,226)
```
#832ae2
```
#832ae2 rgb(131,42,226)
```

Similar Colors

Text with hexadecimal color #552ae2

This text has a font color of #552ae2.

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

#552ae2 background color

This paragraph has a background color of #552ae2.

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

#552ae2 border color

This element has a border color of #552ae2.

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

CSS codes

.text {color:#552ae2;}

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

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

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, #04020b is the darkest color, while #faf9fe is the lightest one.

#04020b
```
#04020b rgb(4,2,11)
```
#0a041d
```
#0a041d rgb(10,4,29)
```
#10062e
```
#10062e rgb(16,6,46)
```
#15093f
```
#15093f rgb(21,9,63)
```
#1b0b51
```
#1b0b51 rgb(27,11,81)
```
#210d62
```
#210d62 rgb(33,13,98)
```
#271073
```
#271073 rgb(39,16,115)
```
#2d1284
```
#2d1284 rgb(45,18,132)
```
#331496
```
#331496 rgb(51,20,150)
```
#3817a7
```
#3817a7 rgb(56,23,167)
```
#3e19b8
```
#3e19b8 rgb(62,25,184)
```
#441bc9
```
#441bc9 rgb(68,27,201)
```
#4a1edb
```
#4a1edb rgb(74,30,219)
```

Shade Color Variation

#552ae2
```
#552ae2 rgb(85,42,226)
```
#633be4
```
#633be4 rgb(99,59,228)
```
#714de7
```
#714de7 rgb(113,77,231)
```
#7e5ee9
```
#7e5ee9 rgb(126,94,233)
```
#8c6feb
```
#8c6feb rgb(140,111,235)
```
#9a80ee
```
#9a80ee rgb(154,128,238)
```
#a892f0
```
#a892f0 rgb(168,146,240)
```
#b5a3f2
```
#b5a3f2 rgb(181,163,242)
```
#c3b4f5
```
#c3b4f5 rgb(195,180,245)
```
#d1c5f7
```
#d1c5f7 rgb(209,197,247)
```
#dfd7fa
```
#dfd7fa rgb(223,215,250)
```
#ede8fc
```
#ede8fc rgb(237,232,252)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #827e8e is the less saturated color, while #460efe is the most saturated one.

#827e8e
```
#827e8e rgb(130,126,142)
```
#7d7498
```
#7d7498 rgb(125,116,152)
```
#786ba1
```
#786ba1 rgb(120,107,161)
```
#7362aa
```
#7362aa rgb(115,98,170)
```
#6e59b3
```
#6e59b3 rgb(110,89,179)
```
#694fbd
```
#694fbd rgb(105,79,189)
```
#6446c6
```
#6446c6 rgb(100,70,198)
```
#5f3dcf
```
#5f3dcf rgb(95,61,207)
```
#5a33d9
```
#5a33d9 rgb(90,51,217)
```
#552ae2
```
#552ae2 rgb(85,42,226)
```
#5021eb
```
#5021eb rgb(80,33,235)
```
#4b17f5
```
#4b17f5 rgb(75,23,245)
```
#460efe
```
#460efe rgb(70,14,254)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4e456a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#1e49c2 Protanomaly 1% of men, 0.01% of women
#1e4cb3 Deuteranomaly 6% of men, 0.4% of women
#1e5097 Tritanomaly 0.01% of the population

#552ae2 hex color

#552ae2 Color Information

#552ae2 Color Conversion

Color Schemes with #552ae2

Alternatives to #552ae2

#552ae2 Preview

Shades and Tints of #552ae2

Tones of #552ae2

Color Blindness Simulator