#552dff hex color

In a RGB color space, hex #552dff is composed of 33.3% red, 17.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 82.4% magenta, 0% yellow and 0% black. It has a hue angle of 251.4 degrees, a saturation of 100% and a lightness of 58.8%. #552dff color hex could be obtained by blending #aa5aff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 18
- B 100
RGB color chart
- C 67
- M 82
- Y 0
- K 0
CMYK color chart

● #552dff color description : Vivid blue.

The hexadecimal color #552dff has RGB values of R:85, G:45, B:255 and CMYK values of C:0.67, M:0.82, Y:0, K:0. Its decimal value is 5582335.

Hex triplet	552dff	`#552dff`
RGB Decimal	85, 45, 255	`rgb(85,45,255)`
RGB Percent	33.3, 17.6, 100	`rgb(33.3%,17.6%,100%)`
CMYK	67, 82, 0, 0
HSL	251.4°, 100, 58.8	`hsl(251.4,100%,58.8%)`
HSV (or HSB)	251.4°, 82.4, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.626, 70.592, -95.56
XYZ	22.731, 11.027, 95.533
xyY	0.176, 0.085, 11.027
CIE-LCH	39.626, 118.807, 306.454
CIE-LUV	39.626, -3.251, -133.568
Hunter-Lab	33.207, 64.077, -147.326
Binary	01010101, 00101101, 11111111

#552dff
```
#552dff rgb(85,45,255)
```
#d7ff2d
```
#d7ff2d rgb(215,255,45)
```

Complementary Color

#2d6eff
```
#2d6eff rgb(45,110,255)
```
#552dff
```
#552dff rgb(85,45,255)
```
#be2dff
```
#be2dff rgb(190,45,255)
```

Analogous Color

#6eff2d
```
#6eff2d rgb(110,255,45)
```
#552dff
```
#552dff rgb(85,45,255)
```
#ffbe2d
```
#ffbe2d rgb(255,190,45)
```

Split Complementary Color

#2dff55
```
#2dff55 rgb(45,255,85)
```
#552dff
```
#552dff rgb(85,45,255)
```
#ff552d
```
#ff552d rgb(255,85,45)
```

Triadic Color

#2dd7ff
```
#2dd7ff rgb(45,215,255)
```
#552dff
```
#552dff rgb(85,45,255)
```
#ff552d
```
#ff552d rgb(255,85,45)
```
#d7ff2d
```
#d7ff2d rgb(215,255,45)
```

Tetradic Color

#2b00e0
```
#2b00e0 rgb(43,0,224)
```
#2f00f9
```
#2f00f9 rgb(47,0,249)
```
#4014ff
```
#4014ff rgb(64,20,255)
```
#552dff
```
#552dff rgb(85,45,255)
```
#6a47ff
```
#6a47ff rgb(106,71,255)
```
#7e60ff
```
#7e60ff rgb(126,96,255)
```
#937aff
```
#937aff rgb(147,122,255)
```

Monochromatic Color

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

#2d3aff
```
#2d3aff rgb(45,58,255)
```
#322dff
```
#322dff rgb(50,45,255)
```
#432dff
```
#432dff rgb(67,45,255)
```
#552dff
```
#552dff rgb(85,45,255)
```
#672dff
```
#672dff rgb(103,45,255)
```
#782dff
```
#782dff rgb(120,45,255)
```
#8a2dff
```
#8a2dff rgb(138,45,255)
```

Similar Colors

Text with hexadecimal color #552dff

This text has a font color of #552dff.

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

#552dff background color

This paragraph has a background color of #552dff.

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

#552dff border color

This element has a border color of #552dff.

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

CSS codes

.text {color:#552dff;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#050019
```
#050019 rgb(5,0,25)
```
#09002d
```
#09002d rgb(9,0,45)
```
#0c0041
```
#0c0041 rgb(12,0,65)
```
#100054
```
#100054 rgb(16,0,84)
```
#140068
```
#140068 rgb(20,0,104)
```
#18007b
```
#18007b rgb(24,0,123)
```
#1b008f
```
#1b008f rgb(27,0,143)
```
#1f00a3
```
#1f00a3 rgb(31,0,163)
```
#2300b6
```
#2300b6 rgb(35,0,182)
```
#2600ca
```
#2600ca rgb(38,0,202)
```
#2a00de
```
#2a00de rgb(42,0,222)
```
#2e00f1
```
#2e00f1 rgb(46,0,241)
```

Shade Color Variation

#3506ff
```
#3506ff rgb(53,6,255)
```
#4519ff
```
#4519ff rgb(69,25,255)
```
#552dff
```
#552dff rgb(85,45,255)
```
#6541ff
```
#6541ff rgb(101,65,255)
```
#7554ff
```
#7554ff rgb(117,84,255)
```
#8568ff
```
#8568ff rgb(133,104,255)
```
#957bff
```
#957bff rgb(149,123,255)
```
#a48fff
```
#a48fff rgb(164,143,255)
```
#b4a3ff
```
#b4a3ff rgb(180,163,255)
```
#c4b6ff
```
#c4b6ff rgb(196,182,255)
```
#d4caff
```
#d4caff rgb(212,202,255)
```
#e4deff
```
#e4deff rgb(228,222,255)
```
#f4f1ff
```
#f4f1ff rgb(244,241,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #918e9e is the less saturated color, while #552dff is the most saturated one.

#918e9e
```
#918e9e rgb(145,142,158)
```
#8c86a6
```
#8c86a6 rgb(140,134,166)
```
#877eae
```
#877eae rgb(135,126,174)
```
#8276b6
```
#8276b6 rgb(130,118,182)
```
#7d6ebe
```
#7d6ebe rgb(125,110,190)
```
#7866c6
```
#7866c6 rgb(120,102,198)
```
#735dcf
```
#735dcf rgb(115,93,207)
```
#6e55d7
```
#6e55d7 rgb(110,85,215)
```
#694ddf
```
#694ddf rgb(105,77,223)
```
#6445e7
```
#6445e7 rgb(100,69,231)
```
#5f3def
```
#5f3def rgb(95,61,239)
```
#5a35f7
```
#5a35f7 rgb(90,53,247)
```
#552dff
```
#552dff rgb(85,45,255)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#524a74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#1e4fd6 Protanomaly 1% of men, 0.01% of women
#1e52c6 Deuteranomaly 6% of men, 0.4% of women
#1e57a7 Tritanomaly 0.01% of the population

#552dff hex color

#552dff Color Information

#552dff Color Conversion

Color Schemes with #552dff

Alternatives to #552dff

#552dff Preview

Shades and Tints of #552dff

Tones of #552dff

Color Blindness Simulator