#552de2 hex color

In a RGB color space, hex #552de2 is composed of 33.3% red, 17.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 80.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 253.3 degrees, a saturation of 75.7% and a lightness of 53.1%. #552de2 color hex could be obtained by blending #aa5aff with #0000c5. Closest websafe color is: #6633cc.

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

● #552de2 color description : Bright blue.

The hexadecimal color #552de2 has RGB values of R:85, G:45, B:226 and CMYK values of C:0.62, M:0.8, Y:0, K:0.11. Its decimal value is 5582306.

Hex triplet	552de2	`#552de2`
RGB Decimal	85, 45, 226	`rgb(85,45,226)`
RGB Percent	33.3, 17.6, 88.6	`rgb(33.3%,17.6%,88.6%)`
CMYK	62, 80, 0, 11
HSL	253.3°, 75.7, 53.1	`hsl(253.3,75.7%,53.1%)`
HSV (or HSB)	253.3°, 80.1, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.553, 62.774, -84.255
XYZ	18.41, 9.298, 72.772
xyY	0.183, 0.093, 9.298
CIE-LCH	36.553, 105.069, 306.688
CIE-LUV	36.553, -0.997, -116.842
Hunter-Lab	30.493, 54.402, -120.15
Binary	01010101, 00101101, 11100010

#552de2
```
#552de2 rgb(85,45,226)
```
#bae22d
```
#bae22d rgb(186,226,45)
```

Complementary Color

#2d60e2
```
#2d60e2 rgb(45,96,226)
```
#552de2
```
#552de2 rgb(85,45,226)
```
#b02de2
```
#b02de2 rgb(176,45,226)
```

Analogous Color

#60e22d
```
#60e22d rgb(96,226,45)
```
#552de2
```
#552de2 rgb(85,45,226)
```
#e2b02d
```
#e2b02d rgb(226,176,45)
```

Split Complementary Color

#2de255
```
#2de255 rgb(45,226,85)
```
#552de2
```
#552de2 rgb(85,45,226)
```
#e2552d
```
#e2552d rgb(226,85,45)
```

Triadic Color

#2dbae2
```
#2dbae2 rgb(45,186,226)
```
#552de2
```
#552de2 rgb(85,45,226)
```
#e2552d
```
#e2552d rgb(226,85,45)
```
#bae22d
```
#bae22d rgb(186,226,45)
```

Tetradic Color

#3818ab
```
#3818ab rgb(56,24,171)
```
#401bc1
```
#401bc1 rgb(64,27,193)
```
#471ed8
```
#471ed8 rgb(71,30,216)
```
#552de2
```
#552de2 rgb(85,45,226)
```
#6743e5
```
#6743e5 rgb(103,67,229)
```
#795ae8
```
#795ae8 rgb(121,90,232)
```
#8b70eb
```
#8b70eb rgb(139,112,235)
```

Monochromatic Color

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

#2d32e2
```
#2d32e2 rgb(45,50,226)
```
#372de2
```
#372de2 rgb(55,45,226)
```
#462de2
```
#462de2 rgb(70,45,226)
```
#552de2
```
#552de2 rgb(85,45,226)
```
#642de2
```
#642de2 rgb(100,45,226)
```
#732de2
```
#732de2 rgb(115,45,226)
```
#822de2
```
#822de2 rgb(130,45,226)
```

Similar Colors

Text with hexadecimal color #552de2

This text has a font color of #552de2.

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

#552de2 background color

This paragraph has a background color of #552de2.

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

#552de2 border color

This element has a border color of #552de2.

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

CSS codes

.text {color:#552de2;}

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

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

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, #05020e is the darkest color, while #fcfcff is the lightest one.

#05020e
```
#05020e rgb(5,2,14)
```
#0a041f
```
#0a041f rgb(10,4,31)
```
#100731
```
#100731 rgb(16,7,49)
```
#160942
```
#160942 rgb(22,9,66)
```
#1b0b53
```
#1b0b53 rgb(27,11,83)
```
#210e64
```
#210e64 rgb(33,14,100)
```
#271075
```
#271075 rgb(39,16,117)
```
#2c1387
```
#2c1387 rgb(44,19,135)
```
#321598
```
#321598 rgb(50,21,152)
```
#3817a9
```
#3817a9 rgb(56,23,169)
```
#3d1aba
```
#3d1aba rgb(61,26,186)
```
#431ccc
```
#431ccc rgb(67,28,204)
```
#491fdd
```
#491fdd rgb(73,31,221)
```

Shade Color Variation

#552de2
```
#552de2 rgb(85,45,226)
```
#633ee4
```
#633ee4 rgb(99,62,228)
```
#714fe7
```
#714fe7 rgb(113,79,231)
```
#7f61e9
```
#7f61e9 rgb(127,97,233)
```
#8d72ec
```
#8d72ec rgb(141,114,236)
```
#9b83ee
```
#9b83ee rgb(155,131,238)
```
#a994f0
```
#a994f0 rgb(169,148,240)
```
#b7a6f3
```
#b7a6f3 rgb(183,166,243)
```
#c5b7f5
```
#c5b7f5 rgb(197,183,245)
```
#d3c8f7
```
#d3c8f7 rgb(211,200,247)
```
#e1d9fa
```
#e1d9fa rgb(225,217,250)
```
#eeebfc
```
#eeebfc rgb(238,235,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#83808f
```
#83808f rgb(131,128,143)
```
#7e7798
```
#7e7798 rgb(126,119,152)
```
#796da2
```
#796da2 rgb(121,109,162)
```
#7464ab
```
#7464ab rgb(116,100,171)
```
#6f5bb4
```
#6f5bb4 rgb(111,91,180)
```
#6a52bd
```
#6a52bd rgb(106,82,189)
```
#6449c6
```
#6449c6 rgb(100,73,198)
```
#5f3fd0
```
#5f3fd0 rgb(95,63,208)
```
#5a36d9
```
#5a36d9 rgb(90,54,217)
```
#552de2
```
#552de2 rgb(85,45,226)
```
#5024eb
```
#5024eb rgb(80,36,235)
```
#4b1bf4
```
#4b1bf4 rgb(75,27,244)
```
#4611fe
```
#4611fe rgb(70,17,254)
```

Tone Color Variation

Below, you can see how #552de2 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
#4f476c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1e4bc4 Protanomaly 1% of men, 0.01% of women
#1e4eb4 Deuteranomaly 6% of men, 0.4% of women
#1e5298 Tritanomaly 0.01% of the population

#552de2 hex color

#552de2 Color Information

#552de2 Color Conversion

Color Schemes with #552de2

Alternatives to #552de2

#552de2 Preview

Shades and Tints of #552de2

Tones of #552de2

Color Blindness Simulator