#552fc5 hex color

In a RGB color space, hex #552fc5 is composed of 33.3% red, 18.4% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 76.1% magenta, 0% yellow and 22.7% black. It has a hue angle of 255.2 degrees, a saturation of 61.5% and a lightness of 47.8%. #552fc5 color hex could be obtained by blending #aa5eff with #00008b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 18
- B 77
RGB color chart
- C 57
- M 76
- Y 0
- K 23
CMYK color chart

● #552fc5 color description : Strong violet.

The hexadecimal color #552fc5 has RGB values of R:85, G:47, B:197 and CMYK values of C:0.57, M:0.76, Y:0, K:0.23. Its decimal value is 5582789.

Hex triplet	552fc5	`#552fc5`
RGB Decimal	85, 47, 197	`rgb(85,47,197)`
RGB Percent	33.3, 18.4, 77.3	`rgb(33.3%,18.4%,77.3%)`
CMYK	57, 76, 0, 23
HSL	255.2°, 61.5, 47.8	`hsl(255.2,61.5%,47.8%)`
HSV (or HSB)	255.2°, 76.1, 77.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.973, 53.832, -71.74
XYZ	14.839, 7.995, 53.582
xyY	0.194, 0.105, 7.995
CIE-LCH	33.973, 89.691, 306.884
CIE-LUV	33.973, 1.334, -99.299
Hunter-Lab	28.276, 44.194, -92.56
Binary	01010101, 00101111, 11000101

#552fc5
```
#552fc5 rgb(85,47,197)
```
#9fc52f
```
#9fc52f rgb(159,197,47)
```

Complementary Color

#2f54c5
```
#2f54c5 rgb(47,84,197)
```
#552fc5
```
#552fc5 rgb(85,47,197)
```
#a02fc5
```
#a02fc5 rgb(160,47,197)
```

Analogous Color

#54c52f
```
#54c52f rgb(84,197,47)
```
#552fc5
```
#552fc5 rgb(85,47,197)
```
#c5a02f
```
#c5a02f rgb(197,160,47)
```

Split Complementary Color

#2fc555
```
#2fc555 rgb(47,197,85)
```
#552fc5
```
#552fc5 rgb(85,47,197)
```
#c5552f
```
#c5552f rgb(197,85,47)
```

Triadic Color

#2f9fc5
```
#2f9fc5 rgb(47,159,197)
```
#552fc5
```
#552fc5 rgb(85,47,197)
```
#c5552f
```
#c5552f rgb(197,85,47)
```
#9fc52f
```
#9fc52f rgb(159,197,47)
```

Tetradic Color

#3a2087
```
#3a2087 rgb(58,32,135)
```
#43259c
```
#43259c rgb(67,37,156)
```
#4c2ab0
```
#4c2ab0 rgb(76,42,176)
```
#552fc5
```
#552fc5 rgb(85,47,197)
```
#623dd1
```
#623dd1 rgb(98,61,209)
```
#7351d6
```
#7351d6 rgb(115,81,214)
```
#8466da
```
#8466da rgb(132,102,218)
```

Monochromatic Color

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

#2f2fc5
```
#2f2fc5 rgb(47,47,197)
```
#3c2fc5
```
#3c2fc5 rgb(60,47,197)
```
#482fc5
```
#482fc5 rgb(72,47,197)
```
#552fc5
```
#552fc5 rgb(85,47,197)
```
#612fc5
```
#612fc5 rgb(97,47,197)
```
#6e2fc5
```
#6e2fc5 rgb(110,47,197)
```
#7b2fc5
```
#7b2fc5 rgb(123,47,197)
```

Similar Colors

Text with hexadecimal color #552fc5

This text has a font color of #552fc5.

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

#552fc5 background color

This paragraph has a background color of #552fc5.

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

#552fc5 border color

This element has a border color of #552fc5.

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

CSS codes

.text {color:#552fc5;}

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

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

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

#030207
```
#030207 rgb(3,2,7)
```
#0a0517
```
#0a0517 rgb(10,5,23)
```
#110927
```
#110927 rgb(17,9,39)
```
#180d36
```
#180d36 rgb(24,13,54)
```
#1e1146
```
#1e1146 rgb(30,17,70)
```
#251556
```
#251556 rgb(37,21,86)
```
#2c1866
```
#2c1866 rgb(44,24,102)
```
#331c76
```
#331c76 rgb(51,28,118)
```
#3a2086
```
#3a2086 rgb(58,32,134)
```
#412495
```
#412495 rgb(65,36,149)
```
#4727a5
```
#4727a5 rgb(71,39,165)
```
#4e2bb5
```
#4e2bb5 rgb(78,43,181)
```
#552fc5
```
#552fc5 rgb(85,47,197)
```

Shade Color Variation

#5e38d0
```
#5e38d0 rgb(94,56,208)
```
#6b48d3
```
#6b48d3 rgb(107,72,211)
```
#7858d7
```
#7858d7 rgb(120,88,215)
```
#8568db
```
#8568db rgb(133,104,219)
```
#9277df
```
#9277df rgb(146,119,223)
```
#9e87e2
```
#9e87e2 rgb(158,135,226)
```
#ab97e6
```
#ab97e6 rgb(171,151,230)
```
#b8a7ea
```
#b8a7ea rgb(184,167,234)
```
#c5b7ee
```
#c5b7ee rgb(197,183,238)
```
#d1c7f2
```
#d1c7f2 rgb(209,199,242)
```
#ded6f5
```
#ded6f5 rgb(222,214,245)
```
#ebe6f9
```
#ebe6f9 rgb(235,230,249)
```
#f8f6fd
```
#f8f6fd rgb(248,246,253)
```

Tint Color Variation

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

#757183
```
#757183 rgb(117,113,131)
```
#71678d
```
#71678d rgb(113,103,141)
```
#6c5e96
```
#6c5e96 rgb(108,94,150)
```
#68559f
```
#68559f rgb(104,85,159)
```
#634ba9
```
#634ba9 rgb(99,75,169)
```
#5e42b2
```
#5e42b2 rgb(94,66,178)
```
#5a38bc
```
#5a38bc rgb(90,56,188)
```
#552fc5
```
#552fc5 rgb(85,47,197)
```
#5026ce
```
#5026ce rgb(80,38,206)
```
#4c1cd8
```
#4c1cd8 rgb(76,28,216)
```
#4713e1
```
#4713e1 rgb(71,19,225)
```
#4209eb
```
#4209eb rgb(66,9,235)
```
#3e00f4
```
#3e00f4 rgb(62,0,244)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4d4563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b92 Deuteranopia 1% of men
#296067 Tritanopia 0.001% of the population

Trichromacy

#1e48b2 Protanomaly 1% of men, 0.01% of women
#1e4ba4 Deuteranomaly 6% of men, 0.4% of women
#394e89 Tritanomaly 0.01% of the population

#552fc5 hex color

#552fc5 Color Information

#552fc5 Color Conversion

Color Schemes with #552fc5

Alternatives to #552fc5

#552fc5 Preview

Shades and Tints of #552fc5

Tones of #552fc5

Color Blindness Simulator