#552fd3 hex color

In a RGB color space, hex #552fd3 is composed of 33.3% red, 18.4% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 77.7% magenta, 0% yellow and 17.3% black. It has a hue angle of 253.9 degrees, a saturation of 65.1% and a lightness of 50.6%. #552fd3 color hex could be obtained by blending #aa5eff with #0000a7. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 18
- B 83
RGB color chart
- C 60
- M 78
- Y 0
- K 17
CMYK color chart

● #552fd3 color description : Strong blue.

The hexadecimal color #552fd3 has RGB values of R:85, G:47, B:211 and CMYK values of C:0.6, M:0.78, Y:0, K:0.17. Its decimal value is 5582803.

Hex triplet	552fd3	`#552fd3`
RGB Decimal	85, 47, 211	`rgb(85,47,211)`
RGB Percent	33.3, 18.4, 82.7	`rgb(33.3%,18.4%,82.7%)`
CMYK	60, 78, 0, 17
HSL	253.9°, 65.1, 50.6	`hsl(253.9,65.1%,50.6%)`
HSV (or HSB)	253.9°, 77.7, 82.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.335, 57.757, -77.642
XYZ	16.519, 8.667, 62.427
xyY	0.189, 0.099, 8.667
CIE-LCH	35.335, 96.768, 306.645
CIE-LUV	35.335, 0.047, -107.791
Hunter-Lab	29.44, 48.637, -105.117
Binary	01010101, 00101111, 11010011

#552fd3
```
#552fd3 rgb(85,47,211)
```
#add32f
```
#add32f rgb(173,211,47)
```

Complementary Color

#2f5bd3
```
#2f5bd3 rgb(47,91,211)
```
#552fd3
```
#552fd3 rgb(85,47,211)
```
#a72fd3
```
#a72fd3 rgb(167,47,211)
```

Analogous Color

#5bd32f
```
#5bd32f rgb(91,211,47)
```
#552fd3
```
#552fd3 rgb(85,47,211)
```
#d3a72f
```
#d3a72f rgb(211,167,47)
```

Split Complementary Color

#2fd355
```
#2fd355 rgb(47,211,85)
```
#552fd3
```
#552fd3 rgb(85,47,211)
```
#d3552f
```
#d3552f rgb(211,85,47)
```

Triadic Color

#2fadd3
```
#2fadd3 rgb(47,173,211)
```
#552fd3
```
#552fd3 rgb(85,47,211)
```
#d3552f
```
#d3552f rgb(211,85,47)
```
#add32f
```
#add32f rgb(173,211,47)
```

Tetradic Color

#3b2096
```
#3b2096 rgb(59,32,150)
```
#4324ab
```
#4324ab rgb(67,36,171)
```
#4c29c0
```
#4c29c0 rgb(76,41,192)
```
#552fd3
```
#552fd3 rgb(85,47,211)
```
#6644d7
```
#6644d7 rgb(102,68,215)
```
#7759dc
```
#7759dc rgb(119,89,220)
```
#896ee0
```
#896ee0 rgb(137,110,224)
```

Monochromatic Color

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

#2f32d3
```
#2f32d3 rgb(47,50,211)
```
#3a2fd3
```
#3a2fd3 rgb(58,47,211)
```
#472fd3
```
#472fd3 rgb(71,47,211)
```
#552fd3
```
#552fd3 rgb(85,47,211)
```
#632fd3
```
#632fd3 rgb(99,47,211)
```
#702fd3
```
#702fd3 rgb(112,47,211)
```
#7e2fd3
```
#7e2fd3 rgb(126,47,211)
```

Similar Colors

Text with hexadecimal color #552fd3

This text has a font color of #552fd3.

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

#552fd3 background color

This paragraph has a background color of #552fd3.

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

#552fd3 border color

This element has a border color of #552fd3.

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

CSS codes

.text {color:#552fd3;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070413
```
#070413 rgb(7,4,19)
```
#0e0723
```
#0e0723 rgb(14,7,35)
```
#140b33
```
#140b33 rgb(20,11,51)
```
#1b0e43
```
#1b0e43 rgb(27,14,67)
```
#211253
```
#211253 rgb(33,18,83)
```
#271564
```
#271564 rgb(39,21,100)
```
#2e1874
```
#2e1874 rgb(46,24,116)
```
#341c84
```
#341c84 rgb(52,28,132)
```
#3a1f94
```
#3a1f94 rgb(58,31,148)
```
#4123a4
```
#4123a4 rgb(65,35,164)
```
#4726b5
```
#4726b5 rgb(71,38,181)
```
#4e2ac5
```
#4e2ac5 rgb(78,42,197)
```

Shade Color Variation

#552fd3
```
#552fd3 rgb(85,47,211)
```
#623fd6
```
#623fd6 rgb(98,63,214)
```
#6f4fda
```
#6f4fda rgb(111,79,218)
```
#7d60dd
```
#7d60dd rgb(125,96,221)
```
#8a70e1
```
#8a70e1 rgb(138,112,225)
```
#9780e4
```
#9780e4 rgb(151,128,228)
```
#a490e8
```
#a490e8 rgb(164,144,232)
```
#b2a0eb
```
#b2a0eb rgb(178,160,235)
```
#bfb1ee
```
#bfb1ee rgb(191,177,238)
```
#ccc1f2
```
#ccc1f2 rgb(204,193,242)
```
#d9d1f5
```
#d9d1f5 rgb(217,209,245)
```
#e7e1f9
```
#e7e1f9 rgb(231,225,249)
```
#f4f1fc
```
#f4f1fc rgb(244,241,252)
```

Tint Color Variation

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

#7f7d85
```
#7f7d85 rgb(127,125,133)
```
#79738f
```
#79738f rgb(121,115,143)
```
#746999
```
#746999 rgb(116,105,153)
```
#6f5fa3
```
#6f5fa3 rgb(111,95,163)
```
#6a56ac
```
#6a56ac rgb(106,86,172)
```
#654cb6
```
#654cb6 rgb(101,76,182)
```
#5f42c0
```
#5f42c0 rgb(95,66,192)
```
#5a39c9
```
#5a39c9 rgb(90,57,201)
```
#552fd3
```
#552fd3 rgb(85,47,211)
```
#5025dd
```
#5025dd rgb(80,37,221)
```
#4b1ce6
```
#4b1ce6 rgb(75,28,230)
```
#4512f0
```
#4512f0 rgb(69,18,240)
```
#4008fa
```
#4008fa rgb(64,8,250)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4f4768 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e97 Deuteranopia 1% of men
#00646c Tritanopia 0.001% of the population

Trichromacy

#1e4abb Protanomaly 1% of men, 0.01% of women
#1e4dac Deuteranomaly 6% of men, 0.4% of women
#1e5191 Tritanomaly 0.01% of the population

#552fd3 hex color

#552fd3 Color Information

#552fd3 Color Conversion

Color Schemes with #552fd3

Alternatives to #552fd3

#552fd3 Preview

Shades and Tints of #552fd3

Tones of #552fd3

Color Blindness Simulator