#553ddd hex color

In a RGB color space, hex #553ddd is composed of 33.3% red, 23.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 72.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 249 degrees, a saturation of 70.2% and a lightness of 55.3%. #553ddd color hex could be obtained by blending #aa7aff 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

● #553ddd color description : Bright blue.

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

Hex triplet	553ddd	`#553ddd`
RGB Decimal	85, 61, 221	`rgb(85,61,221)`
RGB Percent	33.3, 23.9, 86.7	`rgb(33.3%,23.9%,86.7%)`
CMYK	62, 72, 0, 13
HSL	249°, 70.2, 55.3	`hsl(249,70.2%,55.3%)`
HSV (or HSB)	249°, 72.4, 86.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.705, 53.778, -77.845
XYZ	18.464, 10.489, 69.454
xyY	0.188, 0.107, 10.489
CIE-LCH	38.705, 94.614, 304.638
CIE-LUV	38.705, -2.811, -112.011
Hunter-Lab	32.386, 45.09, -104.482
Binary	01010101, 00111101, 11011101

#553ddd
```
#553ddd rgb(85,61,221)
```
#c5dd3d
```
#c5dd3d rgb(197,221,61)
```

Complementary Color

#3d75dd
```
#3d75dd rgb(61,117,221)
```
#553ddd
```
#553ddd rgb(85,61,221)
```
#a53ddd
```
#a53ddd rgb(165,61,221)
```

Analogous Color

#75dd3d
```
#75dd3d rgb(117,221,61)
```
#553ddd
```
#553ddd rgb(85,61,221)
```
#dda53d
```
#dda53d rgb(221,165,61)
```

Split Complementary Color

#3ddd55
```
#3ddd55 rgb(61,221,85)
```
#553ddd
```
#553ddd rgb(85,61,221)
```
#dd553d
```
#dd553d rgb(221,85,61)
```

Triadic Color

#3dc5dd
```
#3dc5dd rgb(61,197,221)
```
#553ddd
```
#553ddd rgb(85,61,221)
```
#dd553d
```
#dd553d rgb(221,85,61)
```
#c5dd3d
```
#c5dd3d rgb(197,221,61)
```

Tetradic Color

#341faf
```
#341faf rgb(52,31,175)
```
#3b22c5
```
#3b22c5 rgb(59,34,197)
```
#4227d9
```
#4227d9 rgb(66,39,217)
```
#553ddd
```
#553ddd rgb(85,61,221)
```
#6853e1
```
#6853e1 rgb(104,83,225)
```
#7b68e5
```
#7b68e5 rgb(123,104,229)
```
#8e7ee8
```
#8e7ee8 rgb(142,126,232)
```

Monochromatic Color

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

#3d4ddd
```
#3d4ddd rgb(61,77,221)
```
#3d40dd
```
#3d40dd rgb(61,64,221)
```
#483ddd
```
#483ddd rgb(72,61,221)
```
#553ddd
```
#553ddd rgb(85,61,221)
```
#623ddd
```
#623ddd rgb(98,61,221)
```
#703ddd
```
#703ddd rgb(112,61,221)
```
#7d3ddd
```
#7d3ddd rgb(125,61,221)
```

Similar Colors

Text with hexadecimal color #553ddd

This text has a font color of #553ddd.

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

#553ddd background color

This paragraph has a background color of #553ddd.

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

#553ddd border color

This element has a border color of #553ddd.

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

CSS codes

.text {color:#553ddd;}

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

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

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

#020106
```
#020106 rgb(2,1,6)
```
#070417
```
#070417 rgb(7,4,23)
```
#0c0728
```
#0c0728 rgb(12,7,40)
```
#110a38
```
#110a38 rgb(17,10,56)
```
#160d49
```
#160d49 rgb(22,13,73)
```
#1b105a
```
#1b105a rgb(27,16,90)
```
#20136a
```
#20136a rgb(32,19,106)
```
#25167b
```
#25167b rgb(37,22,123)
```
#2a198c
```
#2a198c rgb(42,25,140)
```
#2f1b9c
```
#2f1b9c rgb(47,27,156)
```
#341ead
```
#341ead rgb(52,30,173)
```
#3921be
```
#3921be rgb(57,33,190)
```
#3e24cf
```
#3e24cf rgb(62,36,207)
```

Shade Color Variation

#462cda
```
#462cda rgb(70,44,218)
```
#553ddd
```
#553ddd rgb(85,61,221)
```
#644ee0
```
#644ee0 rgb(100,78,224)
```
#725ee3
```
#725ee3 rgb(114,94,227)
```
#816fe6
```
#816fe6 rgb(129,111,230)
```
#9080e9
```
#9080e9 rgb(144,128,233)
```
#9e90ec
```
#9e90ec rgb(158,144,236)
```
#ada1ef
```
#ada1ef rgb(173,161,239)
```
#bbb2f1
```
#bbb2f1 rgb(187,178,241)
```
#cac3f4
```
#cac3f4 rgb(202,195,244)
```
#d9d3f7
```
#d9d3f7 rgb(217,211,247)
```
#e7e4fa
```
#e7e4fa rgb(231,228,250)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

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

#8c8c8e
```
#8c8c8e rgb(140,140,142)
```
#868397
```
#868397 rgb(134,131,151)
```
#807aa0
```
#807aa0 rgb(128,122,160)
```
#7a72a8
```
#7a72a8 rgb(122,114,168)
```
#7469b1
```
#7469b1 rgb(116,105,177)
```
#6e60ba
```
#6e60ba rgb(110,96,186)
```
#6757c3
```
#6757c3 rgb(103,87,195)
```
#614fcb
```
#614fcb rgb(97,79,203)
```
#5b46d4
```
#5b46d4 rgb(91,70,212)
```
#553ddd
```
#553ddd rgb(85,61,221)
```
#4f34e6
```
#4f34e6 rgb(79,52,230)
```
#492bef
```
#492bef rgb(73,43,239)
```
#4323f7
```
#4323f7 rgb(67,35,247)
```

Tone Color Variation

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

#0060bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

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

#553ddd hex color

#553ddd Color Information

#553ddd Color Conversion

Color Schemes with #553ddd

Alternatives to #553ddd

#553ddd Preview

Shades and Tints of #553ddd

Tones of #553ddd

Color Blindness Simulator