#552eda hex color

In a RGB color space, hex #552eda is composed of 33.3% red, 18% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 78.9% magenta, 0% yellow and 14.5% black. It has a hue angle of 253.6 degrees, a saturation of 69.9% and a lightness of 51.8%. #552eda color hex could be obtained by blending #aa5cff with #0000b5. Closest websafe color is: #6633cc.

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

● #552eda color description : Bright blue.

The hexadecimal color #552eda has RGB values of R:85, G:46, B:218 and CMYK values of C:0.61, M:0.79, Y:0, K:0.15. Its decimal value is 5582554.

Hex triplet	552eda	`#552eda`
RGB Decimal	85, 46, 218	`rgb(85,46,218)`
RGB Percent	33.3, 18, 85.5	`rgb(33.3%,18%,85.5%)`
CMYK	61, 79, 0, 15
HSL	253.6°, 69.9, 51.8	`hsl(253.6,69.9%,51.8%)`
HSV (or HSB)	253.6°, 78.9, 85.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.881, 60.147, -80.777
XYZ	17.376, 8.947, 67.137
xyY	0.186, 0.096, 8.947
CIE-LCH	35.881, 100.711, 306.672
CIE-LUV	35.881, -0.438, -112.055
Hunter-Lab	29.911, 51.35, -112.143
Binary	01010101, 00101110, 11011010

#552eda
```
#552eda rgb(85,46,218)
```
#b3da2e
```
#b3da2e rgb(179,218,46)
```

Complementary Color

#2e5dda
```
#2e5dda rgb(46,93,218)
```
#552eda
```
#552eda rgb(85,46,218)
```
#ab2eda
```
#ab2eda rgb(171,46,218)
```

Analogous Color

#5dda2e
```
#5dda2e rgb(93,218,46)
```
#552eda
```
#552eda rgb(85,46,218)
```
#daab2e
```
#daab2e rgb(218,171,46)
```

Split Complementary Color

#2eda55
```
#2eda55 rgb(46,218,85)
```
#552eda
```
#552eda rgb(85,46,218)
```
#da552e
```
#da552e rgb(218,85,46)
```

Triadic Color

#2eb3da
```
#2eb3da rgb(46,179,218)
```
#552eda
```
#552eda rgb(85,46,218)
```
#da552e
```
#da552e rgb(218,85,46)
```
#b3da2e
```
#b3da2e rgb(179,218,46)
```

Tetradic Color

#3a1c9f
```
#3a1c9f rgb(58,28,159)
```
#4220b5
```
#4220b5 rgb(66,32,181)
```
#4a24cb
```
#4a24cb rgb(74,36,203)
```
#552eda
```
#552eda rgb(85,46,218)
```
#6744de
```
#6744de rgb(103,68,222)
```
#7859e2
```
#7859e2 rgb(120,89,226)
```
#8a6fe6
```
#8a6fe6 rgb(138,111,230)
```

Monochromatic Color

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

#2e32da
```
#2e32da rgb(46,50,218)
```
#382eda
```
#382eda rgb(56,46,218)
```
#472eda
```
#472eda rgb(71,46,218)
```
#552eda
```
#552eda rgb(85,46,218)
```
#632eda
```
#632eda rgb(99,46,218)
```
#722eda
```
#722eda rgb(114,46,218)
```
#802eda
```
#802eda rgb(128,46,218)
```

Similar Colors

Text with hexadecimal color #552eda

This text has a font color of #552eda.

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

#552eda background color

This paragraph has a background color of #552eda.

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

#552eda border color

This element has a border color of #552eda.

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

CSS codes

.text {color:#552eda;}

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

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

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

#030108
```
#030108 rgb(3,1,8)
```
#090418
```
#090418 rgb(9,4,24)
```
#0f0729
```
#0f0729 rgb(15,7,41)
```
#150a3a
```
#150a3a rgb(21,10,58)
```
#1b0d4a
```
#1b0d4a rgb(27,13,74)
```
#21105b
```
#21105b rgb(33,16,91)
```
#27136c
```
#27136c rgb(39,19,108)
```
#2d167c
```
#2d167c rgb(45,22,124)
```
#33198d
```
#33198d rgb(51,25,141)
```
#391c9e
```
#391c9e rgb(57,28,158)
```
#3f1fae
```
#3f1fae rgb(63,31,174)
```
#4522bf
```
#4522bf rgb(69,34,191)
```
#4c25d0
```
#4c25d0 rgb(76,37,208)
```

Shade Color Variation

#552eda
```
#552eda rgb(85,46,218)
```
#633fdd
```
#633fdd rgb(99,63,221)
```
#704fe0
```
#704fe0 rgb(112,79,224)
```
#7e60e3
```
#7e60e3 rgb(126,96,227)
```
#8b71e6
```
#8b71e6 rgb(139,113,230)
```
#9981e9
```
#9981e9 rgb(153,129,233)
```
#a692ec
```
#a692ec rgb(166,146,236)
```
#b4a3ef
```
#b4a3ef rgb(180,163,239)
```
#c1b3f2
```
#c1b3f2 rgb(193,179,242)
```
#cfc4f5
```
#cfc4f5 rgb(207,196,245)
```
#ddd5f8
```
#ddd5f8 rgb(221,213,248)
```
#eae5fa
```
#eae5fa rgb(234,229,250)
```
#f8f6fd
```
#f8f6fd rgb(248,246,253)
```

Tint Color Variation

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

#848385
```
#848385 rgb(132,131,133)
```
#7e7a8e
```
#7e7a8e rgb(126,122,142)
```
#797098
```
#797098 rgb(121,112,152)
```
#7467a1
```
#7467a1 rgb(116,103,161)
```
#6f5dab
```
#6f5dab rgb(111,93,171)
```
#6a54b4
```
#6a54b4 rgb(106,84,180)
```
#654abe
```
#654abe rgb(101,74,190)
```
#5f41c7
```
#5f41c7 rgb(95,65,199)
```
#5a37d1
```
#5a37d1 rgb(90,55,209)
```
#552eda
```
#552eda rgb(85,46,218)
```
#5025e3
```
#5025e3 rgb(80,37,227)
```
#4b1bed
```
#4b1bed rgb(75,27,237)
```
#4512f6
```
#4512f6 rgb(69,18,246)
```

Tone Color Variation

Below, you can see how #552eda 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
#4f4769 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1e4abf Protanomaly 1% of men, 0.01% of women
#1e4db0 Deuteranomaly 6% of men, 0.4% of women
#1e5194 Tritanomaly 0.01% of the population

#552eda hex color

#552eda Color Information

#552eda Color Conversion

Color Schemes with #552eda

Alternatives to #552eda

#552eda Preview

Shades and Tints of #552eda

Tones of #552eda

Color Blindness Simulator