#552df2 hex color

In a RGB color space, hex #552df2 is composed of 33.3% red, 17.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 81.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 252.2 degrees, a saturation of 88.3% and a lightness of 56.3%. #552df2 color hex could be obtained by blending #aa5aff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 18
- B 95
RGB color chart
- C 65
- M 81
- Y 0
- K 5
CMYK color chart

● #552df2 color description : Bright blue.

The hexadecimal color #552df2 has RGB values of R:85, G:45, B:242 and CMYK values of C:0.65, M:0.81, Y:0, K:0.05. Its decimal value is 5582322.

Hex triplet	552df2	`#552df2`
RGB Decimal	85, 45, 242	`rgb(85,45,242)`
RGB Percent	33.3, 17.6, 94.9	`rgb(33.3%,17.6%,94.9%)`
CMYK	65, 81, 0, 5
HSL	252.2°, 88.3, 56.3	`hsl(252.2,88.3%,56.3%)`
HSV (or HSB)	252.2°, 81.4, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.231, 67.113, -90.567
XYZ	20.709, 10.218, 84.881
xyY	0.179, 0.088, 10.218
CIE-LCH	38.231, 112.723, 306.54
CIE-LUV	38.231, -2.277, -126.13
Hunter-Lab	31.966, 59.7, -135.061
Binary	01010101, 00101101, 11110010

#552df2
```
#552df2 rgb(85,45,242)
```
#caf22d
```
#caf22d rgb(202,242,45)
```

Complementary Color

#2d68f2
```
#2d68f2 rgb(45,104,242)
```
#552df2
```
#552df2 rgb(85,45,242)
```
#b82df2
```
#b82df2 rgb(184,45,242)
```

Analogous Color

#68f22d
```
#68f22d rgb(104,242,45)
```
#552df2
```
#552df2 rgb(85,45,242)
```
#f2b82d
```
#f2b82d rgb(242,184,45)
```

Split Complementary Color

#2df255
```
#2df255 rgb(45,242,85)
```
#552df2
```
#552df2 rgb(85,45,242)
```
#f2552d
```
#f2552d rgb(242,85,45)
```

Triadic Color

#2dcaf2
```
#2dcaf2 rgb(45,202,242)
```
#552df2
```
#552df2 rgb(85,45,242)
```
#f2552d
```
#f2552d rgb(242,85,45)
```
#caf22d
```
#caf22d rgb(202,242,45)
```

Tetradic Color

#320cc6
```
#320cc6 rgb(50,12,198)
```
#380ede
```
#380ede rgb(56,14,222)
```
#4215f1
```
#4215f1 rgb(66,21,241)
```
#552df2
```
#552df2 rgb(85,45,242)
```
#6845f3
```
#6845f3 rgb(104,69,243)
```
#7c5df5
```
#7c5df5 rgb(124,93,245)
```
#8f75f6
```
#8f75f6 rgb(143,117,246)
```

Monochromatic Color

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

#2d36f2
```
#2d36f2 rgb(45,54,242)
```
#342df2
```
#342df2 rgb(52,45,242)
```
#452df2
```
#452df2 rgb(69,45,242)
```
#552df2
```
#552df2 rgb(85,45,242)
```
#652df2
```
#652df2 rgb(101,45,242)
```
#762df2
```
#762df2 rgb(118,45,242)
```
#862df2
```
#862df2 rgb(134,45,242)
```

Similar Colors

Text with hexadecimal color #552df2

This text has a font color of #552df2.

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

#552df2 background color

This paragraph has a background color of #552df2.

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

#552df2 border color

This element has a border color of #552df2.

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

CSS codes

.text {color:#552df2;}

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

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

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, #03010c is the darkest color, while #f9f8ff is the lightest one.

#03010c
```
#03010c rgb(3,1,12)
```
#08021e
```
#08021e rgb(8,2,30)
```
#0c0331
```
#0c0331 rgb(12,3,49)
```
#110443
```
#110443 rgb(17,4,67)
```
#160556
```
#160556 rgb(22,5,86)
```
#1a0668
```
#1a0668 rgb(26,6,104)
```
#1f087a
```
#1f087a rgb(31,8,122)
```
#24098d
```
#24098d rgb(36,9,141)
```
#280a9f
```
#280a9f rgb(40,10,159)
```
#2d0bb2
```
#2d0bb2 rgb(45,11,178)
```
#320cc4
```
#320cc4 rgb(50,12,196)
```
#360dd7
```
#360dd7 rgb(54,13,215)
```
#3b0ee9
```
#3b0ee9 rgb(59,14,233)
```

Shade Color Variation

#461bf1
```
#461bf1 rgb(70,27,241)
```
#552df2
```
#552df2 rgb(85,45,242)
```
#643ff3
```
#643ff3 rgb(100,63,243)
```
#7352f4
```
#7352f4 rgb(115,82,244)
```
#8264f5
```
#8264f5 rgb(130,100,245)
```
#9177f7
```
#9177f7 rgb(145,119,247)
```
#a089f8
```
#a089f8 rgb(160,137,248)
```
#af9cf9
```
#af9cf9 rgb(175,156,249)
```
#beaefa
```
#beaefa rgb(190,174,250)
```
#cdc1fb
```
#cdc1fb rgb(205,193,251)
```
#dcd3fc
```
#dcd3fc rgb(220,211,252)
```
#ebe6fd
```
#ebe6fd rgb(235,230,253)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8b94 is the less saturated color, while #5024fb is the most saturated one.

#8d8b94
```
#8d8b94 rgb(141,139,148)
```
#88839c
```
#88839c rgb(136,131,156)
```
#837aa5
```
#837aa5 rgb(131,122,165)
```
#7e72ad
```
#7e72ad rgb(126,114,173)
```
#7969b6
```
#7969b6 rgb(121,105,182)
```
#7460bf
```
#7460bf rgb(116,96,191)
```
#6e58c7
```
#6e58c7 rgb(110,88,199)
```
#694fd0
```
#694fd0 rgb(105,79,208)
```
#6447d8
```
#6447d8 rgb(100,71,216)
```
#5f3ee1
```
#5f3ee1 rgb(95,62,225)
```
#5a36e9
```
#5a36e9 rgb(90,54,233)
```
#552df2
```
#552df2 rgb(85,45,242)
```
#5024fb
```
#5024fb rgb(80,36,251)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#504870 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1e4dce Protanomaly 1% of men, 0.01% of women
#1e50be Deuteranomaly 6% of men, 0.4% of women
#1e55a0 Tritanomaly 0.01% of the population

#552df2 hex color

#552df2 Color Information

#552df2 Color Conversion

Color Schemes with #552df2

Alternatives to #552df2

#552df2 Preview

Shades and Tints of #552df2

Tones of #552df2

Color Blindness Simulator