#552ee4 hex color

In a RGB color space, hex #552ee4 is composed of 33.3% red, 18% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 79.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 252.9 degrees, a saturation of 77.1% and a lightness of 53.7%. #552ee4 color hex could be obtained by blending #aa5cff with #0000c9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 18
- B 89
RGB color chart
- C 63
- M 80
- Y 0
- K 11
CMYK color chart

● #552ee4 color description : Bright blue.

The hexadecimal color #552ee4 has RGB values of R:85, G:46, B:228 and CMYK values of C:0.63, M:0.8, Y:0, K:0.11. Its decimal value is 5582564.

Hex triplet	552ee4	`#552ee4`
RGB Decimal	85, 46, 228	`rgb(85,46,228)`
RGB Percent	33.3, 18, 89.4	`rgb(33.3%,18%,89.4%)`
CMYK	63, 80, 0, 11
HSL	252.9°, 77.1, 53.7	`hsl(252.9,77.1%,53.7%)`
HSV (or HSB)	252.9°, 79.8, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.904, 62.899, -84.817
XYZ	18.724, 9.486, 74.239
xyY	0.183, 0.093, 9.486
CIE-LCH	36.904, 105.595, 306.56
CIE-LUV	36.904, -1.275, -117.947
Hunter-Lab	30.799, 54.619, -121.353
Binary	01010101, 00101110, 11100100

#552ee4
```
#552ee4 rgb(85,46,228)
```
#bde42e
```
#bde42e rgb(189,228,46)
```

Complementary Color

#2e62e4
```
#2e62e4 rgb(46,98,228)
```
#552ee4
```
#552ee4 rgb(85,46,228)
```
#b02ee4
```
#b02ee4 rgb(176,46,228)
```

Analogous Color

#62e42e
```
#62e42e rgb(98,228,46)
```
#552ee4
```
#552ee4 rgb(85,46,228)
```
#e4b02e
```
#e4b02e rgb(228,176,46)
```

Split Complementary Color

#2ee455
```
#2ee455 rgb(46,228,85)
```
#552ee4
```
#552ee4 rgb(85,46,228)
```
#e4552e
```
#e4552e rgb(228,85,46)
```

Triadic Color

#2ebde4
```
#2ebde4 rgb(46,189,228)
```
#552ee4
```
#552ee4 rgb(85,46,228)
```
#e4552e
```
#e4552e rgb(228,85,46)
```
#bde42e
```
#bde42e rgb(189,228,46)
```

Tetradic Color

#3717af
```
#3717af rgb(55,23,175)
```
#3e1ac5
```
#3e1ac5 rgb(62,26,197)
```
#451cdc
```
#451cdc rgb(69,28,220)
```
#552ee4
```
#552ee4 rgb(85,46,228)
```
#6745e7
```
#6745e7 rgb(103,69,231)
```
#7a5bea
```
#7a5bea rgb(122,91,234)
```
#8c72ed
```
#8c72ed rgb(140,114,237)
```

Monochromatic Color

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

#2e34e4
```
#2e34e4 rgb(46,52,228)
```
#372ee4
```
#372ee4 rgb(55,46,228)
```
#462ee4
```
#462ee4 rgb(70,46,228)
```
#552ee4
```
#552ee4 rgb(85,46,228)
```
#642ee4
```
#642ee4 rgb(100,46,228)
```
#732ee4
```
#732ee4 rgb(115,46,228)
```
#832ee4
```
#832ee4 rgb(131,46,228)
```

Similar Colors

Text with hexadecimal color #552ee4

This text has a font color of #552ee4.

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

#552ee4 background color

This paragraph has a background color of #552ee4.

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

#552ee4 border color

This element has a border color of #552ee4.

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

CSS codes

.text {color:#552ee4;}

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

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

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

#050211
```
#050211 rgb(5,2,17)
```
#0b0422
```
#0b0422 rgb(11,4,34)
```
#100734
```
#100734 rgb(16,7,52)
```
#160945
```
#160945 rgb(22,9,69)
```
#1b0b56
```
#1b0b56 rgb(27,11,86)
```
#210d68
```
#210d68 rgb(33,13,104)
```
#261079
```
#261079 rgb(38,16,121)
```
#2c128a
```
#2c128a rgb(44,18,138)
```
#31149c
```
#31149c rgb(49,20,156)
```
#3716ad
```
#3716ad rgb(55,22,173)
```
#3c19bf
```
#3c19bf rgb(60,25,191)
```
#421bd0
```
#421bd0 rgb(66,27,208)
```
#471de1
```
#471de1 rgb(71,29,225)
```

Shade Color Variation

#552ee4
```
#552ee4 rgb(85,46,228)
```
#633fe6
```
#633fe6 rgb(99,63,230)
```
#7151e8
```
#7151e8 rgb(113,81,232)
```
#7f62eb
```
#7f62eb rgb(127,98,235)
```
#8e73ed
```
#8e73ed rgb(142,115,237)
```
#9c85ef
```
#9c85ef rgb(156,133,239)
```
#aa96f1
```
#aa96f1 rgb(170,150,241)
```
#b8a8f4
```
#b8a8f4 rgb(184,168,244)
```
#c6b9f6
```
#c6b9f6 rgb(198,185,246)
```
#d4caf8
```
#d4caf8 rgb(212,202,248)
```
#e2dcfa
```
#e2dcfa rgb(226,220,250)
```
#f0edfd
```
#f0edfd rgb(240,237,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#898989
```
#898989 rgb(137,137,137)
```
#848092
```
#848092 rgb(132,128,146)
```
#7e779b
```
#7e779b rgb(126,119,155)
```
#796ea4
```
#796ea4 rgb(121,110,164)
```
#7464ae
```
#7464ae rgb(116,100,174)
```
#6f5bb7
```
#6f5bb7 rgb(111,91,183)
```
#6a52c0
```
#6a52c0 rgb(106,82,192)
```
#6549c9
```
#6549c9 rgb(101,73,201)
```
#5f40d2
```
#5f40d2 rgb(95,64,210)
```
#5a37db
```
#5a37db rgb(90,55,219)
```
#552ee4
```
#552ee4 rgb(85,46,228)
```
#5025ed
```
#5025ed rgb(80,37,237)
```
#4b1cf6
```
#4b1cf6 rgb(75,28,246)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4f486c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#1e4bc5 Protanomaly 1% of men, 0.01% of women
#1e4fb6 Deuteranomaly 6% of men, 0.4% of women
#1e5399 Tritanomaly 0.01% of the population

#552ee4 hex color

#552ee4 Color Information

#552ee4 Color Conversion

Color Schemes with #552ee4

Alternatives to #552ee4

#552ee4 Preview

Shades and Tints of #552ee4

Tones of #552ee4

Color Blindness Simulator