#552ce1 hex color

In a RGB color space, hex #552ce1 is composed of 33.3% red, 17.3% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 80.4% magenta, 0% yellow and 11.8% black. It has a hue angle of 253.6 degrees, a saturation of 75.1% and a lightness of 52.7%. #552ce1 color hex could be obtained by blending #aa58ff with #0000c3. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 17
- B 88
RGB color chart
- C 62
- M 80
- Y 0
- K 12
CMYK color chart

● #552ce1 color description : Bright blue.

The hexadecimal color #552ce1 has RGB values of R:85, G:44, B:225 and CMYK values of C:0.62, M:0.8, Y:0, K:0.12. Its decimal value is 5582049.

Hex triplet	552ce1	`#552ce1`
RGB Decimal	85, 44, 225	`rgb(85,44,225)`
RGB Percent	33.3, 17.3, 88.2	`rgb(33.3%,17.3%,88.2%)`
CMYK	62, 80, 0, 12
HSL	253.6°, 75.1, 52.7	`hsl(253.6,75.1%,52.7%)`
HSV (or HSB)	253.6°, 80.4, 88.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.306, 62.919, -84.091
XYZ	18.235, 9.168, 72.039
xyY	0.183, 0.092, 9.168
CIE-LCH	36.306, 105.024, 306.805
CIE-LUV	36.306, -0.801, -116.319
Hunter-Lab	30.279, 54.51, -119.865
Binary	01010101, 00101100, 11100001

#552ce1
```
#552ce1 rgb(85,44,225)
```
#b8e12c
```
#b8e12c rgb(184,225,44)
```

Complementary Color

#2c5ee1
```
#2c5ee1 rgb(44,94,225)
```
#552ce1
```
#552ce1 rgb(85,44,225)
```
#b02ce1
```
#b02ce1 rgb(176,44,225)
```

Analogous Color

#5ee12c
```
#5ee12c rgb(94,225,44)
```
#552ce1
```
#552ce1 rgb(85,44,225)
```
#e1b02c
```
#e1b02c rgb(225,176,44)
```

Split Complementary Color

#2ce155
```
#2ce155 rgb(44,225,85)
```
#552ce1
```
#552ce1 rgb(85,44,225)
```
#e1552c
```
#e1552c rgb(225,85,44)
```

Triadic Color

#2cb8e1
```
#2cb8e1 rgb(44,184,225)
```
#552ce1
```
#552ce1 rgb(85,44,225)
```
#e1552c
```
#e1552c rgb(225,85,44)
```
#b8e12c
```
#b8e12c rgb(184,225,44)
```

Tetradic Color

#3918a9
```
#3918a9 rgb(57,24,169)
```
#401bbf
```
#401bbf rgb(64,27,191)
```
#481ed5
```
#481ed5 rgb(72,30,213)
```
#552ce1
```
#552ce1 rgb(85,44,225)
```
#6742e4
```
#6742e4 rgb(103,66,228)
```
#7959e7
```
#7959e7 rgb(121,89,231)
```
#8b6feb
```
#8b6feb rgb(139,111,235)
```

Monochromatic Color

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

#2c30e1
```
#2c30e1 rgb(44,48,225)
```
#372ce1
```
#372ce1 rgb(55,44,225)
```
#462ce1
```
#462ce1 rgb(70,44,225)
```
#552ce1
```
#552ce1 rgb(85,44,225)
```
#642ce1
```
#642ce1 rgb(100,44,225)
```
#732ce1
```
#732ce1 rgb(115,44,225)
```
#822ce1
```
#822ce1 rgb(130,44,225)
```

Similar Colors

Text with hexadecimal color #552ce1

This text has a font color of #552ce1.

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

#552ce1 background color

This paragraph has a background color of #552ce1.

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

#552ce1 border color

This element has a border color of #552ce1.

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

CSS codes

.text {color:#552ce1;}

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

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

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

#04020c
```
#04020c rgb(4,2,12)
```
#0a041d
```
#0a041d rgb(10,4,29)
```
#10072f
```
#10072f rgb(16,7,47)
```
#150940
```
#150940 rgb(21,9,64)
```
#1b0c51
```
#1b0c51 rgb(27,12,81)
```
#210e62
```
#210e62 rgb(33,14,98)
```
#271073
```
#271073 rgb(39,16,115)
```
#2d1384
```
#2d1384 rgb(45,19,132)
```
#321596
```
#321596 rgb(50,21,150)
```
#3818a7
```
#3818a7 rgb(56,24,167)
```
#3e1ab8
```
#3e1ab8 rgb(62,26,184)
```
#441dc9
```
#441dc9 rgb(68,29,201)
```
#491fda
```
#491fda rgb(73,31,218)
```

Shade Color Variation

#552ce1
```
#552ce1 rgb(85,44,225)
```
#633de3
```
#633de3 rgb(99,61,227)
```
#714ee6
```
#714ee6 rgb(113,78,230)
```
#7f60e8
```
#7f60e8 rgb(127,96,232)
```
#8c71eb
```
#8c71eb rgb(140,113,235)
```
#9a82ed
```
#9a82ed rgb(154,130,237)
```
#a893f0
```
#a893f0 rgb(168,147,240)
```
#b6a4f2
```
#b6a4f2 rgb(182,164,242)
```
#c4b5f5
```
#c4b5f5 rgb(196,181,245)
```
#d2c7f7
```
#d2c7f7 rgb(210,199,247)
```
#dfd8f9
```
#dfd8f9 rgb(223,216,249)
```
#ede9fc
```
#ede9fc rgb(237,233,252)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #837f8e is the less saturated color, while #4610fd is the most saturated one.

#837f8e
```
#837f8e rgb(131,127,142)
```
#7e7697
```
#7e7697 rgb(126,118,151)
```
#786da0
```
#786da0 rgb(120,109,160)
```
#7364a9
```
#7364a9 rgb(115,100,169)
```
#6e5ab3
```
#6e5ab3 rgb(110,90,179)
```
#6951bc
```
#6951bc rgb(105,81,188)
```
#6448c5
```
#6448c5 rgb(100,72,197)
```
#5f3fce
```
#5f3fce rgb(95,63,206)
```
#5a35d8
```
#5a35d8 rgb(90,53,216)
```
#552ce1
```
#552ce1 rgb(85,44,225)
```
#5023ea
```
#5023ea rgb(80,35,234)
```
#4b19f4
```
#4b19f4 rgb(75,25,244)
```
#4610fd
```
#4610fd rgb(70,16,253)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4f466b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#00609a Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#1e4ac2 Protanomaly 1% of men, 0.01% of women
#1e4db4 Deuteranomaly 6% of men, 0.4% of women
#1e5197 Tritanomaly 0.01% of the population

#552ce1 hex color

#552ce1 Color Information

#552ce1 Color Conversion

Color Schemes with #552ce1

Alternatives to #552ce1

#552ce1 Preview

Shades and Tints of #552ce1

Tones of #552ce1

Color Blindness Simulator