colorhexa.com

#552bc5 hex color

In a RGB color space, hex #552bc5 is composed of 33.3% red, 16.9% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 78.2% magenta, 0% yellow and 22.7% black. It has a hue angle of 256.4 degrees, a saturation of 64.2% and a lightness of 47.1%. #552bc5 color hex could be obtained by blending #aa56ff with #00008b. Closest websafe color is: #6633cc.

- R 33
- G 17
- B 77
RGB color chart
- C 57
- M 78
- Y 0
- K 23
CMYK color chart

● #552bc5 color description : Strong violet.

The hexadecimal color #552bc5 has RGB values of R:85, G:43, B:197 and CMYK values of C:0.57, M:0.78, Y:0, K:0.23. Its decimal value is 5581765.

Hex triplet	552bc5	`#552bc5`
RGB Decimal	85, 43, 197	`rgb(85,43,197)`
RGB Percent	33.3, 16.9, 77.3	`rgb(33.3%,16.9%,77.3%)`
CMYK	57, 78, 0, 23
HSL	256.4°, 64.2, 47.1	`hsl(256.4,64.2%,47.1%)`
HSV (or HSB)	256.4°, 78.2, 77.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.328, 55.682, -72.801
XYZ	14.686, 7.69, 53.531
xyY	0.193, 0.101, 7.69
CIE-LCH	33.328, 91.654, 307.411
CIE-LUV	33.328, 1.861, -99.739
Hunter-Lab	27.731, 46.007, -95.041
Binary	01010101, 00101011, 11000101

#552bc5
```
#552bc5 rgb(85,43,197)
```
#9bc52b
```
#9bc52b rgb(155,197,43)
```

Complementary Color

#2b4ec5
```
#2b4ec5 rgb(43,78,197)
```
#552bc5
```
#552bc5 rgb(85,43,197)
```
#a22bc5
```
#a22bc5 rgb(162,43,197)
```

Analogous Color

#4ec52b
```
#4ec52b rgb(78,197,43)
```
#552bc5
```
#552bc5 rgb(85,43,197)
```
#c5a22b
```
#c5a22b rgb(197,162,43)
```

Split Complementary Color

#2bc555
```
#2bc555 rgb(43,197,85)
```
#552bc5
```
#552bc5 rgb(85,43,197)
```
#c5552b
```
#c5552b rgb(197,85,43)
```

Triadic Color

#2b9bc5
```
#2b9bc5 rgb(43,155,197)
```
#552bc5
```
#552bc5 rgb(85,43,197)
```
#c5552b
```
#c5552b rgb(197,85,43)
```
#9bc52b
```
#9bc52b rgb(155,197,43)
```

Tetradic Color

#3a1d86
```
#3a1d86 rgb(58,29,134)
```
#43229b
```
#43229b rgb(67,34,155)
```
#4c26b0
```
#4c26b0 rgb(76,38,176)
```
#552bc5
```
#552bc5 rgb(85,43,197)
```
#6136d3
```
#6136d3 rgb(97,54,211)
```
#724bd8
```
#724bd8 rgb(114,75,216)
```
#8260dc
```
#8260dc rgb(130,96,220)
```

Monochromatic Color

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

#2f2bc5
```
#2f2bc5 rgb(47,43,197)
```
#3b2bc5
```
#3b2bc5 rgb(59,43,197)
```
#482bc5
```
#482bc5 rgb(72,43,197)
```
#552bc5
```
#552bc5 rgb(85,43,197)
```
#622bc5
```
#622bc5 rgb(98,43,197)
```
#6f2bc5
```
#6f2bc5 rgb(111,43,197)
```
#7c2bc5
```
#7c2bc5 rgb(124,43,197)
```

Similar Colors

Text with hexadecimal color #552bc5

This text has a font color of #552bc5.

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

#552bc5 background color

This paragraph has a background color of #552bc5.

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

#552bc5 border color

This element has a border color of #552bc5.

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

CSS codes

.text {color:#552bc5;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#090414
```
#090414 rgb(9,4,20)
```
#100824
```
#100824 rgb(16,8,36)
```
#160b34
```
#160b34 rgb(22,11,52)
```
#1d0f44
```
#1d0f44 rgb(29,15,68)
```
#241254
```
#241254 rgb(36,18,84)
```
#2b1664
```
#2b1664 rgb(43,22,100)
```
#321974
```
#321974 rgb(50,25,116)
```
#391d85
```
#391d85 rgb(57,29,133)
```
#402095
```
#402095 rgb(64,32,149)
```
#4724a5
```
#4724a5 rgb(71,36,165)
```
#4e27b5
```
#4e27b5 rgb(78,39,181)
```
#552bc5
```
#552bc5 rgb(85,43,197)
```

Shade Color Variation

#5d31d2
```
#5d31d2 rgb(93,49,210)
```
#6a42d6
```
#6a42d6 rgb(106,66,214)
```
#7752d9
```
#7752d9 rgb(119,82,217)
```
#8362dd
```
#8362dd rgb(131,98,221)
```
#9072e0
```
#9072e0 rgb(144,114,224)
```
#9d82e4
```
#9d82e4 rgb(157,130,228)
```
#a992e7
```
#a992e7 rgb(169,146,231)
```
#b6a2eb
```
#b6a2eb rgb(182,162,235)
```
#c3b2ee
```
#c3b2ee rgb(195,178,238)
```
#cfc2f2
```
#cfc2f2 rgb(207,194,242)
```
#dcd2f5
```
#dcd2f5 rgb(220,210,245)
```
#e9e3f9
```
#e9e3f9 rgb(233,227,249)
```
#f5f3fc
```
#f5f3fc rgb(245,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77757b is the less saturated color, while #4406ea is the most saturated one.

#77757b
```
#77757b rgb(119,117,123)
```
#726c84
```
#726c84 rgb(114,108,132)
```
#6e628e
```
#6e628e rgb(110,98,142)
```
#6a5997
```
#6a5997 rgb(106,89,151)
```
#6650a0
```
#6650a0 rgb(102,80,160)
```
#6247a9
```
#6247a9 rgb(98,71,169)
```
#5d3db3
```
#5d3db3 rgb(93,61,179)
```
#5934bc
```
#5934bc rgb(89,52,188)
```
#552bc5
```
#552bc5 rgb(85,43,197)
```
#5122ce
```
#5122ce rgb(81,34,206)
```
#4d19d7
```
#4d19d7 rgb(77,25,215)
```
#480fe1
```
#480fe1 rgb(72,15,225)
```
#4406ea
```
#4406ea rgb(68,6,234)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4b4362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#00598f Deuteranopia 1% of men
#285e65 Tritanopia 0.001% of the population

Trichromacy

#1e45b0 Protanomaly 1% of men, 0.01% of women
#1e48a3 Deuteranomaly 6% of men, 0.4% of women
#384b88 Tritanomaly 0.01% of the population