#552fbc hex color

In a RGB color space, hex #552fbc is composed of 33.3% red, 18.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 75% magenta, 0% yellow and 26.3% black. It has a hue angle of 256.2 degrees, a saturation of 60% and a lightness of 46.1%. #552fbc color hex could be obtained by blending #aa5eff with #000079. Closest websafe color is: #6633cc.

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

● #552fbc color description : Strong violet.

The hexadecimal color #552fbc has RGB values of R:85, G:47, B:188 and CMYK values of C:0.55, M:0.75, Y:0, K:0.26. Its decimal value is 5582780.

Hex triplet	552fbc	`#552fbc`
RGB Decimal	85, 47, 188	`rgb(85,47,188)`
RGB Percent	33.3, 18.4, 73.7	`rgb(33.3%,18.4%,73.7%)`
CMYK	55, 75, 0, 26
HSL	256.2°, 60, 46.1	`hsl(256.2,60%,46.1%)`
HSV (or HSB)	256.2°, 75, 73.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.124, 51.294, -67.846
XYZ	13.838, 7.595, 48.311
xyY	0.198, 0.109, 7.595
CIE-LCH	33.124, 85.054, 307.091
CIE-LUV	33.124, 2.216, -93.735
Hunter-Lab	27.559, 41.404, -84.645
Binary	01010101, 00101111, 10111100

#552fbc
```
#552fbc rgb(85,47,188)
```
#96bc2f
```
#96bc2f rgb(150,188,47)
```

Complementary Color

#2f50bc
```
#2f50bc rgb(47,80,188)
```
#552fbc
```
#552fbc rgb(85,47,188)
```
#9c2fbc
```
#9c2fbc rgb(156,47,188)
```

Analogous Color

#50bc2f
```
#50bc2f rgb(80,188,47)
```
#552fbc
```
#552fbc rgb(85,47,188)
```
#bc9c2f
```
#bc9c2f rgb(188,156,47)
```

Split Complementary Color

#2fbc55
```
#2fbc55 rgb(47,188,85)
```
#552fbc
```
#552fbc rgb(85,47,188)
```
#bc552f
```
#bc552f rgb(188,85,47)
```

Triadic Color

#2f96bc
```
#2f96bc rgb(47,150,188)
```
#552fbc
```
#552fbc rgb(85,47,188)
```
#bc552f
```
#bc552f rgb(188,85,47)
```
#96bc2f
```
#96bc2f rgb(150,188,47)
```

Tetradic Color

#39207f
```
#39207f rgb(57,32,127)
```
#432593
```
#432593 rgb(67,37,147)
```
#4c2aa8
```
#4c2aa8 rgb(76,42,168)
```
#552fbc
```
#552fbc rgb(85,47,188)
```
#6037cd
```
#6037cd rgb(96,55,205)
```
#704cd2
```
#704cd2 rgb(112,76,210)
```
#8060d7
```
#8060d7 rgb(128,96,215)
```

Monochromatic Color

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

#322fbc
```
#322fbc rgb(50,47,188)
```
#3e2fbc
```
#3e2fbc rgb(62,47,188)
```
#492fbc
```
#492fbc rgb(73,47,188)
```
#552fbc
```
#552fbc rgb(85,47,188)
```
#612fbc
```
#612fbc rgb(97,47,188)
```
#6d2fbc
```
#6d2fbc rgb(109,47,188)
```
#782fbc
```
#782fbc rgb(120,47,188)
```

Similar Colors

Text with hexadecimal color #552fbc

This text has a font color of #552fbc.

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

#552fbc background color

This paragraph has a background color of #552fbc.

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

#552fbc border color

This element has a border color of #552fbc.

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

CSS codes

.text {color:#552fbc;}

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

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

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 #ffffff is the lightest one.

#07040f
```
#07040f rgb(7,4,15)
```
#0e081f
```
#0e081f rgb(14,8,31)
```
#150c2f
```
#150c2f rgb(21,12,47)
```
#1c103e
```
#1c103e rgb(28,16,62)
```
#23144e
```
#23144e rgb(35,20,78)
```
#2a175e
```
#2a175e rgb(42,23,94)
```
#321b6e
```
#321b6e rgb(50,27,110)
```
#391f7d
```
#391f7d rgb(57,31,125)
```
#40238d
```
#40238d rgb(64,35,141)
```
#47279d
```
#47279d rgb(71,39,157)
```
#4e2bac
```
#4e2bac rgb(78,43,172)
```
#552fbc
```
#552fbc rgb(85,47,188)
```
#5c33cc
```
#5c33cc rgb(92,51,204)
```

Shade Color Variation

#6942d0
```
#6942d0 rgb(105,66,208)
```
#7552d4
```
#7552d4 rgb(117,82,212)
```
#8262d8
```
#8262d8 rgb(130,98,216)
```
#8e71dc
```
#8e71dc rgb(142,113,220)
```
#9b81e0
```
#9b81e0 rgb(155,129,224)
```
#a791e3
```
#a791e3 rgb(167,145,227)
```
#b4a1e7
```
#b4a1e7 rgb(180,161,231)
```
#c0b0eb
```
#c0b0eb rgb(192,176,235)
```
#cdc0ef
```
#cdc0ef rgb(205,192,239)
```
#d9d0f3
```
#d9d0f3 rgb(217,208,243)
```
#e6dff7
```
#e6dff7 rgb(230,223,247)
```
#f2effb
```
#f2effb rgb(242,239,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#726e7d
```
#726e7d rgb(114,110,125)
```
#6e6586
```
#6e6586 rgb(110,101,134)
```
#6a5c8f
```
#6a5c8f rgb(106,92,143)
```
#665398
```
#665398 rgb(102,83,152)
```
#624aa1
```
#624aa1 rgb(98,74,161)
```
#5d41aa
```
#5d41aa rgb(93,65,170)
```
#5938b3
```
#5938b3 rgb(89,56,179)
```
#552fbc
```
#552fbc rgb(85,47,188)
```
#5126c5
```
#5126c5 rgb(81,38,197)
```
#4d1dce
```
#4d1dce rgb(77,29,206)
```
#4814d7
```
#4814d7 rgb(72,20,215)
```
#440be0
```
#440be0 rgb(68,11,224)
```
#4002e9
```
#4002e9 rgb(64,2,233)
```

Tone Color Variation

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

Dichromacy

#0054a4 Protanopia 1% of men
#00598f Deuteranopia 1% of men
#335d63 Tritanopia 0.001% of the population

Trichromacy

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

#552fbc hex color

#552fbc Color Information

#552fbc Color Conversion

Color Schemes with #552fbc

Alternatives to #552fbc

#552fbc Preview

Shades and Tints of #552fbc

Tones of #552fbc

Color Blindness Simulator