#552ced hex color

In a RGB color space, hex #552ced is composed of 33.3% red, 17.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 81.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 252.7 degrees, a saturation of 84.3% and a lightness of 55.1%. #552ced color hex could be obtained by blending #aa58ff with #0000db. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 17
- B 93
RGB color chart
- C 64
- M 81
- Y 0
- K 7
CMYK color chart

● #552ced color description : Bright blue.

The hexadecimal color #552ced has RGB values of R:85, G:44, B:237 and CMYK values of C:0.64, M:0.81, Y:0, K:0.07. Its decimal value is 5582061.

Hex triplet	552ced	`#552ced`
RGB Decimal	85, 44, 237	`rgb(85,44,237)`
RGB Percent	33.3, 17.3, 92.9	`rgb(33.3%,17.3%,92.9%)`
CMYK	64, 81, 0, 7
HSL	252.7°, 84.3, 55.1	`hsl(252.7,84.3%,55.1%)`
HSV (or HSB)	252.7°, 81.4, 92.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.565, 66.165, -88.841
XYZ	19.93, 9.846, 80.966
xyY	0.18, 0.089, 9.846
CIE-LCH	37.565, 110.772, 306.677
CIE-LUV	37.565, -1.781, -123.295
Hunter-Lab	31.379, 58.461, -131.02
Binary	01010101, 00101100, 11101101

#552ced
```
#552ced rgb(85,44,237)
```
#c4ed2c
```
#c4ed2c rgb(196,237,44)
```

Complementary Color

#2c64ed
```
#2c64ed rgb(44,100,237)
```
#552ced
```
#552ced rgb(85,44,237)
```
#b62ced
```
#b62ced rgb(182,44,237)
```

Analogous Color

#64ed2c
```
#64ed2c rgb(100,237,44)
```
#552ced
```
#552ced rgb(85,44,237)
```
#edb62c
```
#edb62c rgb(237,182,44)
```

Split Complementary Color

#2ced55
```
#2ced55 rgb(44,237,85)
```
#552ced
```
#552ced rgb(85,44,237)
```
#ed552c
```
#ed552c rgb(237,85,44)
```

Triadic Color

#2cc4ed
```
#2cc4ed rgb(44,196,237)
```
#552ced
```
#552ced rgb(85,44,237)
```
#ed552c
```
#ed552c rgb(237,85,44)
```
#c4ed2c
```
#c4ed2c rgb(196,237,44)
```

Tetradic Color

#3510bc
```
#3510bc rgb(53,16,188)
```
#3b12d4
```
#3b12d4 rgb(59,18,212)
```
#4215eb
```
#4215eb rgb(66,21,235)
```
#552ced
```
#552ced rgb(85,44,237)
```
#6843ef
```
#6843ef rgb(104,67,239)
```
#7b5bf1
```
#7b5bf1 rgb(123,91,241)
```
#8e72f3
```
#8e72f3 rgb(142,114,243)
```

Monochromatic Color

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

#2c33ed
```
#2c33ed rgb(44,51,237)
```
#352ced
```
#352ced rgb(53,44,237)
```
#452ced
```
#452ced rgb(69,44,237)
```
#552ced
```
#552ced rgb(85,44,237)
```
#652ced
```
#652ced rgb(101,44,237)
```
#752ced
```
#752ced rgb(117,44,237)
```
#852ced
```
#852ced rgb(133,44,237)
```

Similar Colors

Text with hexadecimal color #552ced

This text has a font color of #552ced.

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

#552ced background color

This paragraph has a background color of #552ced.

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

#552ced border color

This element has a border color of #552ced.

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

CSS codes

.text {color:#552ced;}

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

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

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, #020106 is the darkest color, while #f5f3fe is the lightest one.

#020106
```
#020106 rgb(2,1,6)
```
#070218
```
#070218 rgb(7,2,24)
```
#0c042a
```
#0c042a rgb(12,4,42)
```
#11053c
```
#11053c rgb(17,5,60)
```
#16074e
```
#16074e rgb(22,7,78)
```
#1b0860
```
#1b0860 rgb(27,8,96)
```
#200a72
```
#200a72 rgb(32,10,114)
```
#250b84
```
#250b84 rgb(37,11,132)
```
#2a0d96
```
#2a0d96 rgb(42,13,150)
```
#2f0ea9
```
#2f0ea9 rgb(47,14,169)
```
#3410bb
```
#3410bb rgb(52,16,187)
```
#3911cd
```
#3911cd rgb(57,17,205)
```
#3e13df
```
#3e13df rgb(62,19,223)
```

Shade Color Variation

#461aeb
```
#461aeb rgb(70,26,235)
```
#552ced
```
#552ced rgb(85,44,237)
```
#643eef
```
#643eef rgb(100,62,239)
```
#7250f0
```
#7250f0 rgb(114,80,240)
```
#8162f2
```
#8162f2 rgb(129,98,242)
```
#8f74f3
```
#8f74f3 rgb(143,116,243)
```
#9e86f5
```
#9e86f5 rgb(158,134,245)
```
#ac98f6
```
#ac98f6 rgb(172,152,246)
```
#bbabf8
```
#bbabf8 rgb(187,171,248)
```
#c9bdf9
```
#c9bdf9 rgb(201,189,249)
```
#d8cffb
```
#d8cffb rgb(216,207,251)
```
#e7e1fc
```
#e7e1fc rgb(231,225,252)
```
#f5f3fe
```
#f5f3fe rgb(245,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888495 is the less saturated color, while #4b1aff is the most saturated one.

#888495
```
#888495 rgb(136,132,149)
```
#837b9e
```
#837b9e rgb(131,123,158)
```
#7e72a7
```
#7e72a7 rgb(126,114,167)
```
#786aaf
```
#786aaf rgb(120,106,175)
```
#7361b8
```
#7361b8 rgb(115,97,184)
```
#6e58c1
```
#6e58c1 rgb(110,88,193)
```
#694fca
```
#694fca rgb(105,79,202)
```
#6446d3
```
#6446d3 rgb(100,70,211)
```
#5f3edb
```
#5f3edb rgb(95,62,219)
```
#5a35e4
```
#5a35e4 rgb(90,53,228)
```
#552ced
```
#552ced rgb(85,44,237)
```
#5023f6
```
#5023f6 rgb(80,35,246)
```
#4b1aff
```
#4b1aff rgb(75,26,255)
```

Tone Color Variation

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

Dichromacy

#005eb7 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#1e4cca Protanomaly 1% of men, 0.01% of women
#1e4fbb Deuteranomaly 6% of men, 0.4% of women
#1e539e Tritanomaly 0.01% of the population

#552ced hex color

#552ced Color Information

#552ced Color Conversion

Color Schemes with #552ced

Alternatives to #552ced

#552ced Preview

Shades and Tints of #552ced

Tones of #552ced

Color Blindness Simulator