#553edd hex color

In a RGB color space, hex #553edd is composed of 33.3% red, 24.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 71.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 248.7 degrees, a saturation of 70% and a lightness of 55.5%. #553edd color hex could be obtained by blending #aa7cff with #0000bb. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 24
- B 87
RGB color chart
- C 62
- M 72
- Y 0
- K 13
CMYK color chart

● #553edd color description : Bright blue.

The hexadecimal color #553edd has RGB values of R:85, G:62, B:221 and CMYK values of C:0.62, M:0.72, Y:0, K:0.13. Its decimal value is 5586653.

Hex triplet	553edd	`#553edd`
RGB Decimal	85, 62, 221	`rgb(85,62,221)`
RGB Percent	33.3, 24.3, 86.7	`rgb(33.3%,24.3%,86.7%)`
CMYK	62, 72, 0, 13
HSL	248.7°, 70, 55.5	`hsl(248.7,70%,55.5%)`
HSV (or HSB)	248.7°, 71.9, 86.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.892, 53.255, -77.538
XYZ	18.518, 10.596, 69.472
xyY	0.188, 0.107, 10.596
CIE-LCH	38.892, 94.065, 304.482
CIE-LUV	38.892, -2.976, -111.835
Hunter-Lab	32.552, 44.576, -103.75
Binary	01010101, 00111110, 11011101

#553edd
```
#553edd rgb(85,62,221)
```
#c6dd3e
```
#c6dd3e rgb(198,221,62)
```

Complementary Color

#3e77dd
```
#3e77dd rgb(62,119,221)
```
#553edd
```
#553edd rgb(85,62,221)
```
#a53edd
```
#a53edd rgb(165,62,221)
```

Analogous Color

#77dd3e
```
#77dd3e rgb(119,221,62)
```
#553edd
```
#553edd rgb(85,62,221)
```
#dda53e
```
#dda53e rgb(221,165,62)
```

Split Complementary Color

#3edd55
```
#3edd55 rgb(62,221,85)
```
#553edd
```
#553edd rgb(85,62,221)
```
#dd553e
```
#dd553e rgb(221,85,62)
```

Triadic Color

#3ec6dd
```
#3ec6dd rgb(62,198,221)
```
#553edd
```
#553edd rgb(85,62,221)
```
#dd553e
```
#dd553e rgb(221,85,62)
```
#c6dd3e
```
#c6dd3e rgb(198,221,62)
```

Tetradic Color

#341fb0
```
#341fb0 rgb(52,31,176)
```
#3a23c5
```
#3a23c5 rgb(58,35,197)
```
#4228d9
```
#4228d9 rgb(66,40,217)
```
#553edd
```
#553edd rgb(85,62,221)
```
#6854e1
```
#6854e1 rgb(104,84,225)
```
#7b69e5
```
#7b69e5 rgb(123,105,229)
```
#8e7fe8
```
#8e7fe8 rgb(142,127,232)
```

Monochromatic Color

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

#3e4fdd
```
#3e4fdd rgb(62,79,221)
```
#3e42dd
```
#3e42dd rgb(62,66,221)
```
#483edd
```
#483edd rgb(72,62,221)
```
#553edd
```
#553edd rgb(85,62,221)
```
#623edd
```
#623edd rgb(98,62,221)
```
#703edd
```
#703edd rgb(112,62,221)
```
#7d3edd
```
#7d3edd rgb(125,62,221)
```

Similar Colors

Text with hexadecimal color #553edd

This text has a font color of #553edd.

<span style="color:#553edd;">Text here</span>

#553edd background color

This paragraph has a background color of #553edd.

<p style="background-color:#553edd;">Content here</p>

#553edd border color

This element has a border color of #553edd.

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

CSS codes

.text {color:#553edd;}

.background {background-color:#553edd;}

.border {border:1px solid #553edd;}

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)
```
#070418
```
#070418 rgb(7,4,24)
```
#0c0728
```
#0c0728 rgb(12,7,40)
```
#110a39
```
#110a39 rgb(17,10,57)
```
#160d4a
```
#160d4a rgb(22,13,74)
```
#1b105b
```
#1b105b rgb(27,16,91)
```
#20136b
```
#20136b rgb(32,19,107)
```
#25167c
```
#25167c rgb(37,22,124)
```
#2a198d
```
#2a198d rgb(42,25,141)
```
#2e1c9d
```
#2e1c9d rgb(46,28,157)
```
#331fae
```
#331fae rgb(51,31,174)
```
#3822bf
```
#3822bf rgb(56,34,191)
```
#3d25cf
```
#3d25cf rgb(61,37,207)
```

Shade Color Variation

#462dda
```
#462dda rgb(70,45,218)
```
#553edd
```
#553edd rgb(85,62,221)
```
#644fe0
```
#644fe0 rgb(100,79,224)
```
#725fe3
```
#725fe3 rgb(114,95,227)
```
#8170e6
```
#8170e6 rgb(129,112,230)
```
#9081e9
```
#9081e9 rgb(144,129,233)
```
#9e91ec
```
#9e91ec rgb(158,145,236)
```
#ada2ef
```
#ada2ef rgb(173,162,239)
```
#bcb3f2
```
#bcb3f2 rgb(188,179,242)
```
#cbc3f5
```
#cbc3f5 rgb(203,195,245)
```
#d9d4f7
```
#d9d4f7 rgb(217,212,247)
```
#e8e5fa
```
#e8e5fa rgb(232,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, #8d8d8e is the less saturated color, while #4224f7 is the most saturated one.

#8d8d8e
```
#8d8d8e rgb(141,141,142)
```
#878497
```
#878497 rgb(135,132,151)
```
#807ba0
```
#807ba0 rgb(128,123,160)
```
#7a72a9
```
#7a72a9 rgb(122,114,169)
```
#746ab1
```
#746ab1 rgb(116,106,177)
```
#6e61ba
```
#6e61ba rgb(110,97,186)
```
#6858c3
```
#6858c3 rgb(104,88,195)
```
#614fcc
```
#614fcc rgb(97,79,204)
```
#5b47d4
```
#5b47d4 rgb(91,71,212)
```
#553edd
```
#553edd rgb(85,62,221)
```
#4f35e6
```
#4f35e6 rgb(79,53,230)
```
#492dee
```
#492dee rgb(73,45,238)
```
#4224f7
```
#4224f7 rgb(66,36,247)
```

Tone Color Variation

Below, you can see how #553edd 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

#575757 Achromatopsia 0.005% of the population
#575272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006d75 Tritanopia 0.001% of the population

Trichromacy

#1e54c8 Protanomaly 1% of men, 0.01% of women
#1e57b9 Deuteranomaly 6% of men, 0.4% of women
#1e5c9b Tritanomaly 0.01% of the population

#553edd hex color

#553edd Color Information

#553edd Color Conversion

Color Schemes with #553edd

Alternatives to #553edd

#553edd Preview

Shades and Tints of #553edd

Tones of #553edd

Color Blindness Simulator