#553cdd hex color

In a RGB color space, hex #553cdd is composed of 33.3% red, 23.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 72.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 249.3 degrees, a saturation of 70.3% and a lightness of 55.1%. #553cdd color hex could be obtained by blending #aa78ff with #0000bb. Closest websafe color is: #6633cc.

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

● #553cdd color description : Bright blue.

The hexadecimal color #553cdd has RGB values of R:85, G:60, B:221 and CMYK values of C:0.62, M:0.73, Y:0, K:0.13. Its decimal value is 5586141.

Hex triplet	553cdd	`#553cdd`
RGB Decimal	85, 60, 221	`rgb(85,60,221)`
RGB Percent	33.3, 23.5, 86.7	`rgb(33.3%,23.5%,86.7%)`
CMYK	62, 73, 0, 13
HSL	249.3°, 70.3, 55.1	`hsl(249.3,70.3%,55.1%)`
HSV (or HSB)	249.3°, 72.9, 86.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.521, 54.297, -78.148
XYZ	18.411, 10.383, 69.437
xyY	0.187, 0.106, 10.383
CIE-LCH	38.521, 95.159, 304.791
CIE-LUV	38.521, -2.649, -112.178
Hunter-Lab	32.222, 45.601, -105.21
Binary	01010101, 00111100, 11011101

#553cdd
```
#553cdd rgb(85,60,221)
```
#c4dd3c
```
#c4dd3c rgb(196,221,60)
```

Complementary Color

#3c74dd
```
#3c74dd rgb(60,116,221)
```
#553cdd
```
#553cdd rgb(85,60,221)
```
#a63cdd
```
#a63cdd rgb(166,60,221)
```

Analogous Color

#74dd3c
```
#74dd3c rgb(116,221,60)
```
#553cdd
```
#553cdd rgb(85,60,221)
```
#dda63c
```
#dda63c rgb(221,166,60)
```

Split Complementary Color

#3cdd55
```
#3cdd55 rgb(60,221,85)
```
#553cdd
```
#553cdd rgb(85,60,221)
```
#dd553c
```
#dd553c rgb(221,85,60)
```

Triadic Color

#3cc4dd
```
#3cc4dd rgb(60,196,221)
```
#553cdd
```
#553cdd rgb(85,60,221)
```
#dd553c
```
#dd553c rgb(221,85,60)
```
#c4dd3c
```
#c4dd3c rgb(196,221,60)
```

Tetradic Color

#351eae
```
#351eae rgb(53,30,174)
```
#3b22c4
```
#3b22c4 rgb(59,34,196)
```
#4226d9
```
#4226d9 rgb(66,38,217)
```
#553cdd
```
#553cdd rgb(85,60,221)
```
#6852e1
```
#6852e1 rgb(104,82,225)
```
#7b67e5
```
#7b67e5 rgb(123,103,229)
```
#8e7de8
```
#8e7de8 rgb(142,125,232)
```

Monochromatic Color

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

#3c4bdd
```
#3c4bdd rgb(60,75,221)
```
#3c3edd
```
#3c3edd rgb(60,62,221)
```
#483cdd
```
#483cdd rgb(72,60,221)
```
#553cdd
```
#553cdd rgb(85,60,221)
```
#623cdd
```
#623cdd rgb(98,60,221)
```
#703cdd
```
#703cdd rgb(112,60,221)
```
#7d3cdd
```
#7d3cdd rgb(125,60,221)
```

Similar Colors

Text with hexadecimal color #553cdd

This text has a font color of #553cdd.

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

#553cdd background color

This paragraph has a background color of #553cdd.

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

#553cdd border color

This element has a border color of #553cdd.

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

CSS codes

.text {color:#553cdd;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#070416
```
#070416 rgb(7,4,22)
```
#0c0727
```
#0c0727 rgb(12,7,39)
```
#110a38
```
#110a38 rgb(17,10,56)
```
#160d48
```
#160d48 rgb(22,13,72)
```
#1b1059
```
#1b1059 rgb(27,16,89)
```
#20126a
```
#20126a rgb(32,18,106)
```
#25157a
```
#25157a rgb(37,21,122)
```
#2a188b
```
#2a188b rgb(42,24,139)
```
#2f1b9c
```
#2f1b9c rgb(47,27,156)
```
#341eac
```
#341eac rgb(52,30,172)
```
#3921bd
```
#3921bd rgb(57,33,189)
```
#3e24ce
```
#3e24ce rgb(62,36,206)
```

Shade Color Variation

#462bda
```
#462bda rgb(70,43,218)
```
#553cdd
```
#553cdd rgb(85,60,221)
```
#644de0
```
#644de0 rgb(100,77,224)
```
#725de3
```
#725de3 rgb(114,93,227)
```
#816ee6
```
#816ee6 rgb(129,110,230)
```
#8f7fe9
```
#8f7fe9 rgb(143,127,233)
```
#9e90ec
```
#9e90ec rgb(158,144,236)
```
#aca0ee
```
#aca0ee rgb(172,160,238)
```
#bbb1f1
```
#bbb1f1 rgb(187,177,241)
```
#c9c2f4
```
#c9c2f4 rgb(201,194,244)
```
#d8d2f7
```
#d8d2f7 rgb(216,210,247)
```
#e7e3fa
```
#e7e3fa rgb(231,227,250)
```
#f5f4fd
```
#f5f4fd rgb(245,244,253)
```

Tint Color Variation

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

#8c8b8e
```
#8c8b8e rgb(140,139,142)
```
#868297
```
#868297 rgb(134,130,151)
```
#807a9f
```
#807a9f rgb(128,122,159)
```
#7971a8
```
#7971a8 rgb(121,113,168)
```
#7368b1
```
#7368b1 rgb(115,104,177)
```
#6d5fba
```
#6d5fba rgb(109,95,186)
```
#6756c3
```
#6756c3 rgb(103,86,195)
```
#614ecb
```
#614ecb rgb(97,78,203)
```
#5b45d4
```
#5b45d4 rgb(91,69,212)
```
#553cdd
```
#553cdd rgb(85,60,221)
```
#4f33e6
```
#4f33e6 rgb(79,51,230)
```
#492aef
```
#492aef rgb(73,42,239)
```
#4322f7
```
#4322f7 rgb(67,34,247)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#565171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a3 Deuteranopia 1% of men
#006c74 Tritanopia 0.001% of the population

Trichromacy

#1e53c7 Protanomaly 1% of men, 0.01% of women
#1e56b8 Deuteranomaly 6% of men, 0.4% of women
#1e5b9a Tritanomaly 0.01% of the population

#553cdd hex color

#553cdd Color Information

#553cdd Color Conversion

Color Schemes with #553cdd

Alternatives to #553cdd

#553cdd Preview

Shades and Tints of #553cdd

Tones of #553cdd

Color Blindness Simulator