#552fd8 hex color

In a RGB color space, hex #552fd8 is composed of 33.3% red, 18.4% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 78.2% magenta, 0% yellow and 15.3% black. It has a hue angle of 253.5 degrees, a saturation of 68.4% and a lightness of 51.6%. #552fd8 color hex could be obtained by blending #aa5eff with #0000b1. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 18
- B 85
RGB color chart
- C 61
- M 78
- Y 0
- K 15
CMYK color chart

● #552fd8 color description : Strong blue.

The hexadecimal color #552fd8 has RGB values of R:85, G:47, B:216 and CMYK values of C:0.61, M:0.78, Y:0, K:0.15. Its decimal value is 5582808.

Hex triplet	552fd8	`#552fd8`
RGB Decimal	85, 47, 216	`rgb(85,47,216)`
RGB Percent	33.3, 18.4, 84.7	`rgb(33.3%,18.4%,84.7%)`
CMYK	61, 78, 0, 15
HSL	253.5°, 68.4, 51.6	`hsl(253.5,68.4%,51.6%)`
HSV (or HSB)	253.5°, 78.2, 84.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.833, 59.15, -79.706
XYZ	17.155, 8.922, 65.78
xyY	0.187, 0.097, 8.922
CIE-LCH	35.833, 99.256, 306.579
CIE-LUV	35.833, -0.389, -110.782
Hunter-Lab	29.869, 50.25, -109.665
Binary	01010101, 00101111, 11011000

#552fd8
```
#552fd8 rgb(85,47,216)
```
#b2d82f
```
#b2d82f rgb(178,216,47)
```

Complementary Color

#2f5ed8
```
#2f5ed8 rgb(47,94,216)
```
#552fd8
```
#552fd8 rgb(85,47,216)
```
#aa2fd8
```
#aa2fd8 rgb(170,47,216)
```

Analogous Color

#5ed82f
```
#5ed82f rgb(94,216,47)
```
#552fd8
```
#552fd8 rgb(85,47,216)
```
#d8aa2f
```
#d8aa2f rgb(216,170,47)
```

Split Complementary Color

#2fd855
```
#2fd855 rgb(47,216,85)
```
#552fd8
```
#552fd8 rgb(85,47,216)
```
#d8552f
```
#d8552f rgb(216,85,47)
```

Triadic Color

#2fb2d8
```
#2fb2d8 rgb(47,178,216)
```
#552fd8
```
#552fd8 rgb(85,47,216)
```
#d8552f
```
#d8552f rgb(216,85,47)
```
#b2d82f
```
#b2d82f rgb(178,216,47)
```

Tetradic Color

#3a1d9d
```
#3a1d9d rgb(58,29,157)
```
#4221b3
```
#4221b3 rgb(66,33,179)
```
#4a26c8
```
#4a26c8 rgb(74,38,200)
```
#552fd8
```
#552fd8 rgb(85,47,216)
```
#6744dc
```
#6744dc rgb(103,68,220)
```
#785ae0
```
#785ae0 rgb(120,90,224)
```
#8a6fe4
```
#8a6fe4 rgb(138,111,228)
```

Monochromatic Color

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

#2f33d8
```
#2f33d8 rgb(47,51,216)
```
#392fd8
```
#392fd8 rgb(57,47,216)
```
#472fd8
```
#472fd8 rgb(71,47,216)
```
#552fd8
```
#552fd8 rgb(85,47,216)
```
#632fd8
```
#632fd8 rgb(99,47,216)
```
#712fd8
```
#712fd8 rgb(113,47,216)
```
#7f2fd8
```
#7f2fd8 rgb(127,47,216)
```

Similar Colors

Text with hexadecimal color #552fd8

This text has a font color of #552fd8.

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

#552fd8 background color

This paragraph has a background color of #552fd8.

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

#552fd8 border color

This element has a border color of #552fd8.

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

CSS codes

.text {color:#552fd8;}

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

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

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)
```
#090417
```
#090417 rgb(9,4,23)
```
#0f0728
```
#0f0728 rgb(15,7,40)
```
#150b38
```
#150b38 rgb(21,11,56)
```
#1b0e49
```
#1b0e49 rgb(27,14,73)
```
#211159
```
#211159 rgb(33,17,89)
```
#27146a
```
#27146a rgb(39,20,106)
```
#2d177a
```
#2d177a rgb(45,23,122)
```
#331a8b
```
#331a8b rgb(51,26,139)
```
#3a1d9b
```
#3a1d9b rgb(58,29,155)
```
#4020ac
```
#4020ac rgb(64,32,172)
```
#4623bc
```
#4623bc rgb(70,35,188)
```
#4c26cd
```
#4c26cd rgb(76,38,205)
```

Shade Color Variation

#552fd8
```
#552fd8 rgb(85,47,216)
```
#6340db
```
#6340db rgb(99,64,219)
```
#7050de
```
#7050de rgb(112,80,222)
```
#7e61e1
```
#7e61e1 rgb(126,97,225)
```
#8b71e4
```
#8b71e4 rgb(139,113,228)
```
#9982e7
```
#9982e7 rgb(153,130,231)
```
#a692eb
```
#a692eb rgb(166,146,235)
```
#b4a3ee
```
#b4a3ee rgb(180,163,238)
```
#c1b3f1
```
#c1b3f1 rgb(193,179,241)
```
#cfc4f4
```
#cfc4f4 rgb(207,196,244)
```
#dcd4f7
```
#dcd4f7 rgb(220,212,247)
```
#eae5fa
```
#eae5fa rgb(234,229,250)
```
#f7f5fd
```
#f7f5fd rgb(247,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f7b8c is the less saturated color, while #4009fe is the most saturated one.

#7f7b8c
```
#7f7b8c rgb(127,123,140)
```
#7a7296
```
#7a7296 rgb(122,114,150)
```
#74689f
```
#74689f rgb(116,104,159)
```
#6f5fa9
```
#6f5fa9 rgb(111,95,169)
```
#6a55b2
```
#6a55b2 rgb(106,85,178)
```
#654cbc
```
#654cbc rgb(101,76,188)
```
#5f42c5
```
#5f42c5 rgb(95,66,197)
```
#5a39cf
```
#5a39cf rgb(90,57,207)
```
#552fd8
```
#552fd8 rgb(85,47,216)
```
#5026e2
```
#5026e2 rgb(80,38,226)
```
#4b1ceb
```
#4b1ceb rgb(75,28,235)
```
#4513f5
```
#4513f5 rgb(69,19,245)
```
#4009fe
```
#4009fe rgb(64,9,254)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4f486a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f98 Deuteranopia 1% of men
#00666d Tritanopia 0.001% of the population

Trichromacy

#1e4abe Protanomaly 1% of men, 0.01% of women
#1e4eaf Deuteranomaly 6% of men, 0.4% of women
#1e5294 Tritanomaly 0.01% of the population

#552fd8 hex color

#552fd8 Color Information

#552fd8 Color Conversion

Color Schemes with #552fd8

Alternatives to #552fd8

#552fd8 Preview

Shades and Tints of #552fd8

Tones of #552fd8

Color Blindness Simulator