#552cde hex color

In a RGB color space, hex #552cde is composed of 33.3% red, 17.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 80.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 253.8 degrees, a saturation of 73% and a lightness of 52.2%. #552cde color hex could be obtained by blending #aa58ff with #0000bd. Closest websafe color is: #6633cc.

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

● #552cde color description : Bright blue.

The hexadecimal color #552cde has RGB values of R:85, G:44, B:222 and CMYK values of C:0.62, M:0.8, Y:0, K:0.13. Its decimal value is 5582046.

Hex triplet	552cde	`#552cde`
RGB Decimal	85, 44, 222	`rgb(85,44,222)`
RGB Percent	33.3, 17.3, 87.1	`rgb(33.3%,17.3%,87.1%)`
CMYK	62, 80, 0, 13
HSL	253.8°, 73, 52.2	`hsl(253.8,73%,52.2%)`
HSV (or HSB)	253.8°, 80.2, 87.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.996, 62.102, -82.886
XYZ	17.829, 9.006, 69.902
xyY	0.184, 0.093, 9.006
CIE-LCH	35.996, 103.57, 306.842
CIE-LUV	35.996, -0.547, -114.561
Hunter-Lab	30.01, 53.532, -117.097
Binary	01010101, 00101100, 11011110

#552cde
```
#552cde rgb(85,44,222)
```
#b5de2c
```
#b5de2c rgb(181,222,44)
```

Complementary Color

#2c5cde
```
#2c5cde rgb(44,92,222)
```
#552cde
```
#552cde rgb(85,44,222)
```
#ae2cde
```
#ae2cde rgb(174,44,222)
```

Analogous Color

#5cde2c
```
#5cde2c rgb(92,222,44)
```
#552cde
```
#552cde rgb(85,44,222)
```
#deae2c
```
#deae2c rgb(222,174,44)
```

Split Complementary Color

#2cde55
```
#2cde55 rgb(44,222,85)
```
#552cde
```
#552cde rgb(85,44,222)
```
#de552c
```
#de552c rgb(222,85,44)
```

Triadic Color

#2cb5de
```
#2cb5de rgb(44,181,222)
```
#552cde
```
#552cde rgb(85,44,222)
```
#de552c
```
#de552c rgb(222,85,44)
```
#b5de2c
```
#b5de2c rgb(181,222,44)
```

Tetradic Color

#391aa4
```
#391aa4 rgb(57,26,164)
```
#411dba
```
#411dba rgb(65,29,186)
```
#4921d0
```
#4921d0 rgb(73,33,208)
```
#552cde
```
#552cde rgb(85,44,222)
```
#6742e1
```
#6742e1 rgb(103,66,225)
```
#7958e5
```
#7958e5 rgb(121,88,229)
```
#8a6ee8
```
#8a6ee8 rgb(138,110,232)
```

Monochromatic Color

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

#2c30de
```
#2c30de rgb(44,48,222)
```
#372cde
```
#372cde rgb(55,44,222)
```
#462cde
```
#462cde rgb(70,44,222)
```
#552cde
```
#552cde rgb(85,44,222)
```
#642cde
```
#642cde rgb(100,44,222)
```
#732cde
```
#732cde rgb(115,44,222)
```
#822cde
```
#822cde rgb(130,44,222)
```

Similar Colors

Text with hexadecimal color #552cde

This text has a font color of #552cde.

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

#552cde background color

This paragraph has a background color of #552cde.

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

#552cde border color

This element has a border color of #552cde.

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

CSS codes

.text {color:#552cde;}

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

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

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, #03010a is the darkest color, while #f9f8fe is the lightest one.

#03010a
```
#03010a rgb(3,1,10)
```
#09041a
```
#09041a rgb(9,4,26)
```
#0f072b
```
#0f072b rgb(15,7,43)
```
#15093c
```
#15093c rgb(21,9,60)
```
#1b0c4d
```
#1b0c4d rgb(27,12,77)
```
#210f5e
```
#210f5e rgb(33,15,94)
```
#27116f
```
#27116f rgb(39,17,111)
```
#2d1480
```
#2d1480 rgb(45,20,128)
```
#331791
```
#331791 rgb(51,23,145)
```
#3919a2
```
#3919a2 rgb(57,25,162)
```
#3f1cb3
```
#3f1cb3 rgb(63,28,179)
```
#451fc4
```
#451fc4 rgb(69,31,196)
```
#4b21d5
```
#4b21d5 rgb(75,33,213)
```

Shade Color Variation

#552cde
```
#552cde rgb(85,44,222)
```
#633de1
```
#633de1 rgb(99,61,225)
```
#704ee3
```
#704ee3 rgb(112,78,227)
```
#7e5fe6
```
#7e5fe6 rgb(126,95,230)
```
#8c70e9
```
#8c70e9 rgb(140,112,233)
```
#9981eb
```
#9981eb rgb(153,129,235)
```
#a792ee
```
#a792ee rgb(167,146,238)
```
#b5a3f1
```
#b5a3f1 rgb(181,163,241)
```
#c2b4f3
```
#c2b4f3 rgb(194,180,243)
```
#d0c5f6
```
#d0c5f6 rgb(208,197,246)
```
#ded6f9
```
#ded6f9 rgb(222,214,249)
```
#ebe7fb
```
#ebe7fb rgb(235,231,251)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#83808a
```
#83808a rgb(131,128,138)
```
#7d7793
```
#7d7793 rgb(125,119,147)
```
#786e9c
```
#786e9c rgb(120,110,156)
```
#7364a6
```
#7364a6 rgb(115,100,166)
```
#6e5baf
```
#6e5baf rgb(110,91,175)
```
#6952b8
```
#6952b8 rgb(105,82,184)
```
#6448c2
```
#6448c2 rgb(100,72,194)
```
#5f3fcb
```
#5f3fcb rgb(95,63,203)
```
#5a35d5
```
#5a35d5 rgb(90,53,213)
```
#552cde
```
#552cde rgb(85,44,222)
```
#5023e7
```
#5023e7 rgb(80,35,231)
```
#4b19f1
```
#4b19f1 rgb(75,25,241)
```
#4610fa
```
#4610fa rgb(70,16,250)
```

Tone Color Variation

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

#005ab0 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00666d Tritanopia 0.001% of the population

Trichromacy

#1e49c1 Protanomaly 1% of men, 0.01% of women
#1e4db2 Deuteranomaly 6% of men, 0.4% of women
#1e5196 Tritanomaly 0.01% of the population

#552cde hex color

#552cde Color Information

#552cde Color Conversion

Color Schemes with #552cde

Alternatives to #552cde

#552cde Preview

Shades and Tints of #552cde

Tones of #552cde

Color Blindness Simulator