#553cd4 hex color

In a RGB color space, hex #553cd4 is composed of 33.3% red, 23.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 71.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 249.9 degrees, a saturation of 63.9% and a lightness of 53.3%. #553cd4 color hex could be obtained by blending #aa78ff with #0000a9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 24
- B 83
RGB color chart
- C 60
- M 72
- Y 0
- K 17
CMYK color chart

● #553cd4 color description : Moderate blue.

The hexadecimal color #553cd4 has RGB values of R:85, G:60, B:212 and CMYK values of C:0.6, M:0.72, Y:0, K:0.17. Its decimal value is 5586132.

Hex triplet	553cd4	`#553cd4`
RGB Decimal	85, 60, 212	`rgb(85,60,212)`
RGB Percent	33.3, 23.5, 83.1	`rgb(33.3%,23.5%,83.1%)`
CMYK	60, 72, 0, 17
HSL	249.9°, 63.9, 53.3	`hsl(249.9,63.9%,53.3%)`
HSV (or HSB)	249.9°, 71.7, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.691, 51.626, -74.341
XYZ	17.244, 9.916, 63.289
xyY	0.191, 0.11, 9.916
CIE-LCH	37.691, 90.508, 304.778
CIE-LUV	37.691, -1.964, -106.595
Hunter-Lab	31.489, 42.64, -97.121
Binary	01010101, 00111100, 11010100

#553cd4
```
#553cd4 rgb(85,60,212)
```
#bbd43c
```
#bbd43c rgb(187,212,60)
```

Complementary Color

#3c6fd4
```
#3c6fd4 rgb(60,111,212)
```
#553cd4
```
#553cd4 rgb(85,60,212)
```
#a13cd4
```
#a13cd4 rgb(161,60,212)
```

Analogous Color

#6fd43c
```
#6fd43c rgb(111,212,60)
```
#553cd4
```
#553cd4 rgb(85,60,212)
```
#d4a13c
```
#d4a13c rgb(212,161,60)
```

Split Complementary Color

#3cd455
```
#3cd455 rgb(60,212,85)
```
#553cd4
```
#553cd4 rgb(85,60,212)
```
#d4553c
```
#d4553c rgb(212,85,60)
```

Triadic Color

#3cbbd4
```
#3cbbd4 rgb(60,187,212)
```
#553cd4
```
#553cd4 rgb(85,60,212)
```
#d4553c
```
#d4553c rgb(212,85,60)
```
#bbd43c
```
#bbd43c rgb(187,212,60)
```

Tetradic Color

#3823a0
```
#3823a0 rgb(56,35,160)
```
#3f28b5
```
#3f28b5 rgb(63,40,181)
```
#462dca
```
#462dca rgb(70,45,202)
```
#553cd4
```
#553cd4 rgb(85,60,212)
```
#6751d9
```
#6751d9 rgb(103,81,217)
```
#7966dd
```
#7966dd rgb(121,102,221)
```
#8c7be2
```
#8c7be2 rgb(140,123,226)
```

Monochromatic Color

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

#3c49d4
```
#3c49d4 rgb(60,73,212)
```
#3c3cd4
```
#3c3cd4 rgb(60,60,212)
```
#483cd4
```
#483cd4 rgb(72,60,212)
```
#553cd4
```
#553cd4 rgb(85,60,212)
```
#623cd4
```
#623cd4 rgb(98,60,212)
```
#6e3cd4
```
#6e3cd4 rgb(110,60,212)
```
#7b3cd4
```
#7b3cd4 rgb(123,60,212)
```

Similar Colors

Text with hexadecimal color #553cd4

This text has a font color of #553cd4.

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

#553cd4 background color

This paragraph has a background color of #553cd4.

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

#553cd4 border color

This element has a border color of #553cd4.

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

CSS codes

.text {color:#553cd4;}

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

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

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, #05030e is the darkest color, while #fdfdff is the lightest one.

#05030e
```
#05030e rgb(5,3,14)
```
#0a071e
```
#0a071e rgb(10,7,30)
```
#100a2e
```
#100a2e rgb(16,10,46)
```
#160e3e
```
#160e3e rgb(22,14,62)
```
#1b114e
```
#1b114e rgb(27,17,78)
```
#21155e
```
#21155e rgb(33,21,94)
```
#26186e
```
#26186e rgb(38,24,110)
```
#2c1c7e
```
#2c1c7e rgb(44,28,126)
```
#321f8f
```
#321f8f rgb(50,31,143)
```
#37239f
```
#37239f rgb(55,35,159)
```
#3d27af
```
#3d27af rgb(61,39,175)
```
#432abf
```
#432abf rgb(67,42,191)
```
#482ecf
```
#482ecf rgb(72,46,207)
```

Shade Color Variation

#553cd4
```
#553cd4 rgb(85,60,212)
```
#634cd8
```
#634cd8 rgb(99,76,216)
```
#715cdb
```
#715cdb rgb(113,92,219)
```
#7f6cdf
```
#7f6cdf rgb(127,108,223)
```
#8d7ce2
```
#8d7ce2 rgb(141,124,226)
```
#9b8ce6
```
#9b8ce6 rgb(155,140,230)
```
#a99ce9
```
#a99ce9 rgb(169,156,233)
```
#b7aded
```
#b7aded rgb(183,173,237)
```
#c5bdf0
```
#c5bdf0 rgb(197,189,240)
```
#d3cdf4
```
#d3cdf4 rgb(211,205,244)
```
#e1ddf7
```
#e1ddf7 rgb(225,221,247)
```
#efedfb
```
#efedfb rgb(239,237,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86858b is the less saturated color, while #3c17f9 is the most saturated one.

#86858b
```
#86858b rgb(134,133,139)
```
#807c94
```
#807c94 rgb(128,124,148)
```
#7a739d
```
#7a739d rgb(122,115,157)
```
#746aa6
```
#746aa6 rgb(116,106,166)
```
#6e61af
```
#6e61af rgb(110,97,175)
```
#6757b9
```
#6757b9 rgb(103,87,185)
```
#614ec2
```
#614ec2 rgb(97,78,194)
```
#5b45cb
```
#5b45cb rgb(91,69,203)
```
#553cd4
```
#553cd4 rgb(85,60,212)
```
#4f33dd
```
#4f33dd rgb(79,51,221)
```
#492ae6
```
#492ae6 rgb(73,42,230)
```
#4321ef
```
#4321ef rgb(67,33,239)
```
#3c17f9
```
#3c17f9 rgb(60,23,249)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#55506e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0063a0 Deuteranopia 1% of men
#0d6a72 Tritanopia 0.001% of the population

Trichromacy

#1e51c2 Protanomaly 1% of men, 0.01% of women
#1e55b3 Deuteranomaly 6% of men, 0.4% of women
#275995 Tritanomaly 0.01% of the population

#553cd4 hex color

#553cd4 Color Information

#553cd4 Color Conversion

Color Schemes with #553cd4

Alternatives to #553cd4

#553cd4 Preview

Shades and Tints of #553cd4

Tones of #553cd4

Color Blindness Simulator