#552de1 hex color

In a RGB color space, hex #552de1 is composed of 33.3% red, 17.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 80% magenta, 0% yellow and 11.8% black. It has a hue angle of 253.3 degrees, a saturation of 75% and a lightness of 52.9%. #552de1 color hex could be obtained by blending #aa5aff with #0000c3. Closest websafe color is: #6633cc.

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

● #552de1 color description : Bright blue.

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

Hex triplet	552de1	`#552de1`
RGB Decimal	85, 45, 225	`rgb(85,45,225)`
RGB Percent	33.3, 17.6, 88.2	`rgb(33.3%,17.6%,88.2%)`
CMYK	62, 80, 0, 12
HSL	253.3°, 75, 52.9	`hsl(253.3,75%,52.9%)`
HSV (or HSB)	253.3°, 80, 88.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.449, 62.501, -83.854
XYZ	18.273, 9.244, 72.051
xyY	0.184, 0.093, 9.244
CIE-LCH	36.449, 104.584, 306.699
CIE-LUV	36.449, -0.914, -116.256
Hunter-Lab	30.403, 54.075, -119.226
Binary	01010101, 00101101, 11100001

#552de1
```
#552de1 rgb(85,45,225)
```
#b9e12d
```
#b9e12d rgb(185,225,45)
```

Complementary Color

#2d5fe1
```
#2d5fe1 rgb(45,95,225)
```
#552de1
```
#552de1 rgb(85,45,225)
```
#af2de1
```
#af2de1 rgb(175,45,225)
```

Analogous Color

#5fe12d
```
#5fe12d rgb(95,225,45)
```
#552de1
```
#552de1 rgb(85,45,225)
```
#e1af2d
```
#e1af2d rgb(225,175,45)
```

Split Complementary Color

#2de155
```
#2de155 rgb(45,225,85)
```
#552de1
```
#552de1 rgb(85,45,225)
```
#e1552d
```
#e1552d rgb(225,85,45)
```

Triadic Color

#2db9e1
```
#2db9e1 rgb(45,185,225)
```
#552de1
```
#552de1 rgb(85,45,225)
```
#e1552d
```
#e1552d rgb(225,85,45)
```
#b9e12d
```
#b9e12d rgb(185,225,45)
```

Tetradic Color

#3818a9
```
#3818a9 rgb(56,24,169)
```
#401bc0
```
#401bc0 rgb(64,27,192)
```
#471fd6
```
#471fd6 rgb(71,31,214)
```
#552de1
```
#552de1 rgb(85,45,225)
```
#6743e4
```
#6743e4 rgb(103,67,228)
```
#795ae7
```
#795ae7 rgb(121,90,231)
```
#8b70eb
```
#8b70eb rgb(139,112,235)
```

Monochromatic Color

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

#2d32e1
```
#2d32e1 rgb(45,50,225)
```
#372de1
```
#372de1 rgb(55,45,225)
```
#462de1
```
#462de1 rgb(70,45,225)
```
#552de1
```
#552de1 rgb(85,45,225)
```
#642de1
```
#642de1 rgb(100,45,225)
```
#732de1
```
#732de1 rgb(115,45,225)
```
#822de1
```
#822de1 rgb(130,45,225)
```

Similar Colors

Text with hexadecimal color #552de1

This text has a font color of #552de1.

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

#552de1 background color

This paragraph has a background color of #552de1.

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

#552de1 border color

This element has a border color of #552de1.

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

CSS codes

.text {color:#552de1;}

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

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

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

#04020d
```
#04020d rgb(4,2,13)
```
#0a041e
```
#0a041e rgb(10,4,30)
```
#10072f
```
#10072f rgb(16,7,47)
```
#160941
```
#160941 rgb(22,9,65)
```
#1b0c52
```
#1b0c52 rgb(27,12,82)
```
#210e63
```
#210e63 rgb(33,14,99)
```
#271174
```
#271174 rgb(39,17,116)
```
#2c1385
```
#2c1385 rgb(44,19,133)
```
#321596
```
#321596 rgb(50,21,150)
```
#3818a8
```
#3818a8 rgb(56,24,168)
```
#3e1ab9
```
#3e1ab9 rgb(62,26,185)
```
#431dca
```
#431dca rgb(67,29,202)
```
#491fdb
```
#491fdb rgb(73,31,219)
```

Shade Color Variation

#552de1
```
#552de1 rgb(85,45,225)
```
#633ee3
```
#633ee3 rgb(99,62,227)
```
#714fe6
```
#714fe6 rgb(113,79,230)
```
#7f60e8
```
#7f60e8 rgb(127,96,232)
```
#8d72eb
```
#8d72eb rgb(141,114,235)
```
#9a83ed
```
#9a83ed rgb(154,131,237)
```
#a894f0
```
#a894f0 rgb(168,148,240)
```
#b6a5f2
```
#b6a5f2 rgb(182,165,242)
```
#c4b6f5
```
#c4b6f5 rgb(196,182,245)
```
#d2c7f7
```
#d2c7f7 rgb(210,199,247)
```
#e0d9fa
```
#e0d9fa rgb(224,217,250)
```
#eeeafc
```
#eeeafc rgb(238,234,252)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#83808e
```
#83808e rgb(131,128,142)
```
#7e7797
```
#7e7797 rgb(126,119,151)
```
#796ea0
```
#796ea0 rgb(121,110,160)
```
#7464aa
```
#7464aa rgb(116,100,170)
```
#6f5bb3
```
#6f5bb3 rgb(111,91,179)
```
#6a52bc
```
#6a52bc rgb(106,82,188)
```
#6449c5
```
#6449c5 rgb(100,73,197)
```
#5f3fcf
```
#5f3fcf rgb(95,63,207)
```
#5a36d8
```
#5a36d8 rgb(90,54,216)
```
#552de1
```
#552de1 rgb(85,45,225)
```
#5024ea
```
#5024ea rgb(80,36,234)
```
#4b1bf3
```
#4b1bf3 rgb(75,27,243)
```
#4611fd
```
#4611fd rgb(70,17,253)
```

Tone Color Variation

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

Dichromacy

#005bb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

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

#552de1 hex color

#552de1 Color Information

#552de1 Color Conversion

Color Schemes with #552de1

Alternatives to #552de1

#552de1 Preview

Shades and Tints of #552de1

Tones of #552de1

Color Blindness Simulator