#552ce0 hex color

In a RGB color space, hex #552ce0 is composed of 33.3% red, 17.3% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 80.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 253.7 degrees, a saturation of 74.4% and a lightness of 52.5%. #552ce0 color hex could be obtained by blending #aa58ff with #0000c1. 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

● #552ce0 color description : Bright blue.

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

Hex triplet	552ce0	`#552ce0`
RGB Decimal	85, 44, 224	`rgb(85,44,224)`
RGB Percent	33.3, 17.3, 87.8	`rgb(33.3%,17.3%,87.8%)`
CMYK	62, 80, 0, 12
HSL	253.7°, 74.4, 52.5	`hsl(253.7,74.4%,52.5%)`
HSV (or HSB)	253.7°, 80.4, 87.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.202, 62.647, -83.69
XYZ	18.099, 9.114, 71.322
xyY	0.184, 0.092, 9.114
CIE-LCH	36.202, 104.54, 306.817
CIE-LUV	36.202, -0.717, -115.734
Hunter-Lab	30.189, 54.184, -118.941
Binary	01010101, 00101100, 11100000

#552ce0
```
#552ce0 rgb(85,44,224)
```
#b7e02c
```
#b7e02c rgb(183,224,44)
```

Complementary Color

#2c5de0
```
#2c5de0 rgb(44,93,224)
```
#552ce0
```
#552ce0 rgb(85,44,224)
```
#af2ce0
```
#af2ce0 rgb(175,44,224)
```

Analogous Color

#5de02c
```
#5de02c rgb(93,224,44)
```
#552ce0
```
#552ce0 rgb(85,44,224)
```
#e0af2c
```
#e0af2c rgb(224,175,44)
```

Split Complementary Color

#2ce055
```
#2ce055 rgb(44,224,85)
```
#552ce0
```
#552ce0 rgb(85,44,224)
```
#e0552c
```
#e0552c rgb(224,85,44)
```

Triadic Color

#2cb7e0
```
#2cb7e0 rgb(44,183,224)
```
#552ce0
```
#552ce0 rgb(85,44,224)
```
#e0552c
```
#e0552c rgb(224,85,44)
```
#b7e02c
```
#b7e02c rgb(183,224,44)
```

Tetradic Color

#3919a7
```
#3919a7 rgb(57,25,167)
```
#411cbd
```
#411cbd rgb(65,28,189)
```
#481fd3
```
#481fd3 rgb(72,31,211)
```
#552ce0
```
#552ce0 rgb(85,44,224)
```
#6742e3
```
#6742e3 rgb(103,66,227)
```
#7958e7
```
#7958e7 rgb(121,88,231)
```
#8b6fea
```
#8b6fea rgb(139,111,234)
```

Monochromatic Color

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

#2c30e0
```
#2c30e0 rgb(44,48,224)
```
#372ce0
```
#372ce0 rgb(55,44,224)
```
#462ce0
```
#462ce0 rgb(70,44,224)
```
#552ce0
```
#552ce0 rgb(85,44,224)
```
#642ce0
```
#642ce0 rgb(100,44,224)
```
#732ce0
```
#732ce0 rgb(115,44,224)
```
#822ce0
```
#822ce0 rgb(130,44,224)
```

Similar Colors

Text with hexadecimal color #552ce0

This text has a font color of #552ce0.

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

#552ce0 background color

This paragraph has a background color of #552ce0.

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

#552ce0 border color

This element has a border color of #552ce0.

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

CSS codes

.text {color:#552ce0;}

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

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

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)
```
#0a041c
```
#0a041c rgb(10,4,28)
```
#10072e
```
#10072e rgb(16,7,46)
```
#15093f
```
#15093f rgb(21,9,63)
```
#1b0c50
```
#1b0c50 rgb(27,12,80)
```
#210e61
```
#210e61 rgb(33,14,97)
```
#271172
```
#271172 rgb(39,17,114)
```
#2d1383
```
#2d1383 rgb(45,19,131)
```
#331694
```
#331694 rgb(51,22,148)
```
#3818a5
```
#3818a5 rgb(56,24,165)
```
#3e1bb6
```
#3e1bb6 rgb(62,27,182)
```
#441dc7
```
#441dc7 rgb(68,29,199)
```
#4a20d9
```
#4a20d9 rgb(74,32,217)
```

Shade Color Variation

#552ce0
```
#552ce0 rgb(85,44,224)
```
#633de3
```
#633de3 rgb(99,61,227)
```
#714ee5
```
#714ee5 rgb(113,78,229)
```
#7e5fe8
```
#7e5fe8 rgb(126,95,232)
```
#8c70ea
```
#8c70ea rgb(140,112,234)
```
#9a82ed
```
#9a82ed rgb(154,130,237)
```
#a893ef
```
#a893ef rgb(168,147,239)
```
#b5a4f2
```
#b5a4f2 rgb(181,164,242)
```
#c3b5f4
```
#c3b5f4 rgb(195,181,244)
```
#d1c6f7
```
#d1c6f7 rgb(209,198,247)
```
#dfd7f9
```
#dfd7f9 rgb(223,215,249)
```
#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, #83808c is the less saturated color, while #4610fc is the most saturated one.

#83808c
```
#83808c rgb(131,128,140)
```
#7e7696
```
#7e7696 rgb(126,118,150)
```
#786d9f
```
#786d9f rgb(120,109,159)
```
#7364a8
```
#7364a8 rgb(115,100,168)
```
#6e5bb1
```
#6e5bb1 rgb(110,91,177)
```
#6951bb
```
#6951bb rgb(105,81,187)
```
#6448c4
```
#6448c4 rgb(100,72,196)
```
#5f3fcd
```
#5f3fcd rgb(95,63,205)
```
#5a35d7
```
#5a35d7 rgb(90,53,215)
```
#552ce0
```
#552ce0 rgb(85,44,224)
```
#5023e9
```
#5023e9 rgb(80,35,233)
```
#4b19f3
```
#4b19f3 rgb(75,25,243)
```
#4610fc
```
#4610fc rgb(70,16,252)
```

Tone Color Variation

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

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

#552ce0 hex color

#552ce0 Color Information

#552ce0 Color Conversion

Color Schemes with #552ce0

Alternatives to #552ce0

#552ce0 Preview

Shades and Tints of #552ce0

Tones of #552ce0

Color Blindness Simulator