#552ebc hex color

In a RGB color space, hex #552ebc is composed of 33.3% red, 18% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 75.5% magenta, 0% yellow and 26.3% black. It has a hue angle of 256.5 degrees, a saturation of 60.7% and a lightness of 45.9%. #552ebc color hex could be obtained by blending #aa5cff with #000079. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 18
- B 74
RGB color chart
- C 55
- M 76
- Y 0
- K 26
CMYK color chart

● #552ebc color description : Strong violet.

The hexadecimal color #552ebc has RGB values of R:85, G:46, B:188 and CMYK values of C:0.55, M:0.76, Y:0, K:0.26. Its decimal value is 5582524.

Hex triplet	552ebc	`#552ebc`
RGB Decimal	85, 46, 188	`rgb(85,46,188)`
RGB Percent	33.3, 18, 73.7	`rgb(33.3%,18%,73.7%)`
CMYK	55, 76, 0, 26
HSL	256.5°, 60.7, 45.9	`hsl(256.5,60.7%,45.9%)`
HSV (or HSB)	256.5°, 75.5, 73.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.953, 51.781, -68.127
XYZ	13.799, 7.516, 48.298
xyY	0.198, 0.108, 7.516
CIE-LCH	32.953, 85.572, 307.237
CIE-LUV	32.953, 2.36, -93.874
Hunter-Lab	27.415, 41.868, -85.263
Binary	01010101, 00101110, 10111100

#552ebc
```
#552ebc rgb(85,46,188)
```
#95bc2e
```
#95bc2e rgb(149,188,46)
```

Complementary Color

#2e4ebc
```
#2e4ebc rgb(46,78,188)
```
#552ebc
```
#552ebc rgb(85,46,188)
```
#9c2ebc
```
#9c2ebc rgb(156,46,188)
```

Analogous Color

#4ebc2e
```
#4ebc2e rgb(78,188,46)
```
#552ebc
```
#552ebc rgb(85,46,188)
```
#bc9c2e
```
#bc9c2e rgb(188,156,46)
```

Split Complementary Color

#2ebc55
```
#2ebc55 rgb(46,188,85)
```
#552ebc
```
#552ebc rgb(85,46,188)
```
#bc552e
```
#bc552e rgb(188,85,46)
```

Triadic Color

#2e95bc
```
#2e95bc rgb(46,149,188)
```
#552ebc
```
#552ebc rgb(85,46,188)
```
#bc552e
```
#bc552e rgb(188,85,46)
```
#95bc2e
```
#95bc2e rgb(149,188,46)
```

Tetradic Color

#391f7f
```
#391f7f rgb(57,31,127)
```
#422493
```
#422493 rgb(66,36,147)
```
#4c29a8
```
#4c29a8 rgb(76,41,168)
```
#552ebc
```
#552ebc rgb(85,46,188)
```
#5f36ce
```
#5f36ce rgb(95,54,206)
```
#704ad3
```
#704ad3 rgb(112,74,211)
```
#805fd8
```
#805fd8 rgb(128,95,216)
```

Monochromatic Color

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

#312ebc
```
#312ebc rgb(49,46,188)
```
#3d2ebc
```
#3d2ebc rgb(61,46,188)
```
#492ebc
```
#492ebc rgb(73,46,188)
```
#552ebc
```
#552ebc rgb(85,46,188)
```
#612ebc
```
#612ebc rgb(97,46,188)
```
#6d2ebc
```
#6d2ebc rgb(109,46,188)
```
#792ebc
```
#792ebc rgb(121,46,188)
```

Similar Colors

Text with hexadecimal color #552ebc

This text has a font color of #552ebc.

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

#552ebc background color

This paragraph has a background color of #552ebc.

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

#552ebc border color

This element has a border color of #552ebc.

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

CSS codes

.text {color:#552ebc;}

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

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

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, #07040f is the darkest color, while #fefeff is the lightest one.

#07040f
```
#07040f rgb(7,4,15)
```
#0e071e
```
#0e071e rgb(14,7,30)
```
#150b2e
```
#150b2e rgb(21,11,46)
```
#1c0f3e
```
#1c0f3e rgb(28,15,62)
```
#23134e
```
#23134e rgb(35,19,78)
```
#2a175d
```
#2a175d rgb(42,23,93)
```
#311b6d
```
#311b6d rgb(49,27,109)
```
#381f7d
```
#381f7d rgb(56,31,125)
```
#40228d
```
#40228d rgb(64,34,141)
```
#47269c
```
#47269c rgb(71,38,156)
```
#4e2aac
```
#4e2aac rgb(78,42,172)
```
#552ebc
```
#552ebc rgb(85,46,188)
```
#5c32cc
```
#5c32cc rgb(92,50,204)
```

Shade Color Variation

#6841d0
```
#6841d0 rgb(104,65,208)
```
#7551d4
```
#7551d4 rgb(117,81,212)
```
#8160d8
```
#8160d8 rgb(129,96,216)
```
#8e70dc
```
#8e70dc rgb(142,112,220)
```
#9a80e0
```
#9a80e0 rgb(154,128,224)
```
#a790e4
```
#a790e4 rgb(167,144,228)
```
#b39fe8
```
#b39fe8 rgb(179,159,232)
```
#c0afeb
```
#c0afeb rgb(192,175,235)
```
#ccbfef
```
#ccbfef rgb(204,191,239)
```
#d9cff3
```
#d9cff3 rgb(217,207,243)
```
#e5def7
```
#e5def7 rgb(229,222,247)
```
#f2eefb
```
#f2eefb rgb(242,238,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #716d7d is the less saturated color, while #4101e9 is the most saturated one.

#716d7d
```
#716d7d rgb(113,109,125)
```
#6d6486
```
#6d6486 rgb(109,100,134)
```
#695b8f
```
#695b8f rgb(105,91,143)
```
#655298
```
#655298 rgb(101,82,152)
```
#6149a1
```
#6149a1 rgb(97,73,161)
```
#5d40aa
```
#5d40aa rgb(93,64,170)
```
#5937b3
```
#5937b3 rgb(89,55,179)
```
#552ebc
```
#552ebc rgb(85,46,188)
```
#5125c5
```
#5125c5 rgb(81,37,197)
```
#4d1cce
```
#4d1cce rgb(77,28,206)
```
#4913d7
```
#4913d7 rgb(73,19,215)
```
#450ae0
```
#450ae0 rgb(69,10,224)
```
#4101e9
```
#4101e9 rgb(65,1,233)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4c4461 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00588e Deuteranopia 1% of men
#325c63 Tritanopia 0.001% of the population

Trichromacy

#1e46ac Protanomaly 1% of men, 0.01% of women
#1e499f Deuteranomaly 6% of men, 0.4% of women
#3f4b83 Tritanomaly 0.01% of the population

#552ebc hex color

#552ebc Color Information

#552ebc Color Conversion

Color Schemes with #552ebc

Alternatives to #552ebc

#552ebc Preview

Shades and Tints of #552ebc

Tones of #552ebc

Color Blindness Simulator