#552bdc hex color

In a RGB color space, hex #552bdc is composed of 33.3% red, 16.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 80.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 254.2 degrees, a saturation of 71.7% and a lightness of 51.6%. #552bdc color hex could be obtained by blending #aa56ff with #0000b9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 17
- B 86
RGB color chart
- C 61
- M 80
- Y 0
- K 14
CMYK color chart

● #552bdc color description : Bright blue.

The hexadecimal color #552bdc has RGB values of R:85, G:43, B:220 and CMYK values of C:0.61, M:0.8, Y:0, K:0.14. Its decimal value is 5581788.

Hex triplet	552bdc	`#552bdc`
RGB Decimal	85, 43, 220	`rgb(85,43,220)`
RGB Percent	33.3, 16.9, 86.3	`rgb(33.3%,16.9%,86.3%)`
CMYK	61, 80, 0, 14
HSL	254.2°, 71.7, 51.6	`hsl(254.2,71.7%,51.6%)`
HSV (or HSB)	254.2°, 80.5, 86.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.647, 61.975, -82.315
XYZ	17.526, 8.826, 68.486
xyY	0.185, 0.093, 8.826
CIE-LCH	35.647, 103.037, 306.976
CIE-LUV	35.647, -0.264, -113.45
Hunter-Lab	29.708, 53.315, -115.886
Binary	01010101, 00101011, 11011100

#552bdc
```
#552bdc rgb(85,43,220)
```
#b2dc2b
```
#b2dc2b rgb(178,220,43)
```

Complementary Color

#2b5adc
```
#2b5adc rgb(43,90,220)
```
#552bdc
```
#552bdc rgb(85,43,220)
```
#ae2bdc
```
#ae2bdc rgb(174,43,220)
```

Analogous Color

#5adc2b
```
#5adc2b rgb(90,220,43)
```
#552bdc
```
#552bdc rgb(85,43,220)
```
#dcae2b
```
#dcae2b rgb(220,174,43)
```

Split Complementary Color

#2bdc55
```
#2bdc55 rgb(43,220,85)
```
#552bdc
```
#552bdc rgb(85,43,220)
```
#dc552b
```
#dc552b rgb(220,85,43)
```

Triadic Color

#2bb2dc
```
#2bb2dc rgb(43,178,220)
```
#552bdc
```
#552bdc rgb(85,43,220)
```
#dc552b
```
#dc552b rgb(220,85,43)
```
#b2dc2b
```
#b2dc2b rgb(178,220,43)
```

Tetradic Color

#3a1aa0
```
#3a1aa0 rgb(58,26,160)
```
#421eb6
```
#421eb6 rgb(66,30,182)
```
#4a22cc
```
#4a22cc rgb(74,34,204)
```
#552bdc
```
#552bdc rgb(85,43,220)
```
#6741e0
```
#6741e0 rgb(103,65,224)
```
#7857e3
```
#7857e3 rgb(120,87,227)
```
#8a6de7
```
#8a6de7 rgb(138,109,231)
```

Monochromatic Color

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

#2b2ddc
```
#2b2ddc rgb(43,45,220)
```
#382bdc
```
#382bdc rgb(56,43,220)
```
#462bdc
```
#462bdc rgb(70,43,220)
```
#552bdc
```
#552bdc rgb(85,43,220)
```
#642bdc
```
#642bdc rgb(100,43,220)
```
#732bdc
```
#732bdc rgb(115,43,220)
```
#812bdc
```
#812bdc rgb(129,43,220)
```

Similar Colors

Text with hexadecimal color #552bdc

This text has a font color of #552bdc.

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

#552bdc background color

This paragraph has a background color of #552bdc.

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

#552bdc border color

This element has a border color of #552bdc.

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

CSS codes

.text {color:#552bdc;}

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

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

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

#020107
```
#020107 rgb(2,1,7)
```
#090418
```
#090418 rgb(9,4,24)
```
#0f0729
```
#0f0729 rgb(15,7,41)
```
#150939
```
#150939 rgb(21,9,57)
```
#1b0c4a
```
#1b0c4a rgb(27,12,74)
```
#210f5b
```
#210f5b rgb(33,15,91)
```
#27126c
```
#27126c rgb(39,18,108)
```
#2d157d
```
#2d157d rgb(45,21,125)
```
#33178e
```
#33178e rgb(51,23,142)
```
#3a1a9e
```
#3a1a9e rgb(58,26,158)
```
#401daf
```
#401daf rgb(64,29,175)
```
#4620c0
```
#4620c0 rgb(70,32,192)
```
#4c22d1
```
#4c22d1 rgb(76,34,209)
```

Shade Color Variation

#552bdc
```
#552bdc rgb(85,43,220)
```
#633cdf
```
#633cdf rgb(99,60,223)
```
#704de2
```
#704de2 rgb(112,77,226)
```
#7e5ee4
```
#7e5ee4 rgb(126,94,228)
```
#8b6ee7
```
#8b6ee7 rgb(139,110,231)
```
#997fea
```
#997fea rgb(153,127,234)
```
#a690ed
```
#a690ed rgb(166,144,237)
```
#b4a1ef
```
#b4a1ef rgb(180,161,239)
```
#c1b2f2
```
#c1b2f2 rgb(193,178,242)
```
#cfc3f5
```
#cfc3f5 rgb(207,195,245)
```
#dcd3f8
```
#dcd3f8 rgb(220,211,248)
```
#eae4fb
```
#eae4fb rgb(234,228,251)
```
#f7f5fd
```
#f7f5fd rgb(247,245,253)
```

Tint Color Variation

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

#828187
```
#828187 rgb(130,129,135)
```
#7d7790
```
#7d7790 rgb(125,119,144)
```
#786e9a
```
#786e9a rgb(120,110,154)
```
#7364a3
```
#7364a3 rgb(115,100,163)
```
#6e5bad
```
#6e5bad rgb(110,91,173)
```
#6951b6
```
#6951b6 rgb(105,81,182)
```
#6448c0
```
#6448c0 rgb(100,72,192)
```
#5f3ec9
```
#5f3ec9 rgb(95,62,201)
```
#5a35d3
```
#5a35d3 rgb(90,53,211)
```
#552bdc
```
#552bdc rgb(85,43,220)
```
#5022e6
```
#5022e6 rgb(80,34,230)
```
#4b18ef
```
#4b18ef rgb(75,24,239)
```
#460ff9
```
#460ff9 rgb(70,15,249)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4e4569 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#1e49bf Protanomaly 1% of men, 0.01% of women
#1e4cb0 Deuteranomaly 6% of men, 0.4% of women
#1e5095 Tritanomaly 0.01% of the population

#552bdc hex color

#552bdc Color Information

#552bdc Color Conversion

Color Schemes with #552bdc

Alternatives to #552bdc

#552bdc Preview

Shades and Tints of #552bdc

Tones of #552bdc

Color Blindness Simulator