#553ce5 hex color

In a RGB color space, hex #553ce5 is composed of 33.3% red, 23.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 73.8% magenta, 0% yellow and 10.2% black. It has a hue angle of 248.9 degrees, a saturation of 76.5% and a lightness of 56.7%. #553ce5 color hex could be obtained by blending #aa78ff with #0000cb. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 24
- B 90
RGB color chart
- C 63
- M 74
- Y 0
- K 10
CMYK color chart

● #553ce5 color description : Bright blue.

The hexadecimal color #553ce5 has RGB values of R:85, G:60, B:229 and CMYK values of C:0.63, M:0.74, Y:0, K:0.1. Its decimal value is 5586149.

Hex triplet	553ce5	`#553ce5`
RGB Decimal	85, 60, 229	`rgb(85,60,229)`
RGB Percent	33.3, 23.5, 89.8	`rgb(33.3%,23.5%,89.8%)`
CMYK	63, 74, 0, 10
HSL	248.9°, 76.5, 56.7	`hsl(248.9,76.5%,56.7%)`
HSV (or HSB)	248.9°, 73.8, 89.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.275, 56.655, -81.474
XYZ	19.502, 10.819, 75.185
xyY	0.185, 0.103, 10.819
CIE-LCH	39.275, 99.236, 304.814
CIE-LUV	39.275, -3.234, -117.069
Hunter-Lab	32.893, 48.271, -112.498
Binary	01010101, 00111100, 11100101

#553ce5
```
#553ce5 rgb(85,60,229)
```
#cce53c
```
#cce53c rgb(204,229,60)
```

Complementary Color

#3c78e5
```
#3c78e5 rgb(60,120,229)
```
#553ce5
```
#553ce5 rgb(85,60,229)
```
#aa3ce5
```
#aa3ce5 rgb(170,60,229)
```

Analogous Color

#78e53c
```
#78e53c rgb(120,229,60)
```
#553ce5
```
#553ce5 rgb(85,60,229)
```
#e5aa3c
```
#e5aa3c rgb(229,170,60)
```

Split Complementary Color

#3ce555
```
#3ce555 rgb(60,229,85)
```
#553ce5
```
#553ce5 rgb(85,60,229)
```
#e5553c
```
#e5553c rgb(229,85,60)
```

Triadic Color

#3ccce5
```
#3ccce5 rgb(60,204,229)
```
#553ce5
```
#553ce5 rgb(85,60,229)
```
#e5553c
```
#e5553c rgb(229,85,60)
```
#cce53c
```
#cce53c rgb(204,229,60)
```

Tetradic Color

#3119bc
```
#3119bc rgb(49,25,188)
```
#371cd2
```
#371cd2 rgb(55,28,210)
```
#4126e2
```
#4126e2 rgb(65,38,226)
```
#553ce5
```
#553ce5 rgb(85,60,229)
```
#6953e8
```
#6953e8 rgb(105,83,232)
```
#7c69eb
```
#7c69eb rgb(124,105,235)
```
#9080ee
```
#9080ee rgb(144,128,238)
```

Monochromatic Color

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

#3c4de5
```
#3c4de5 rgb(60,77,229)
```
#3c3fe5
```
#3c3fe5 rgb(60,63,229)
```
#473ce5
```
#473ce5 rgb(71,60,229)
```
#553ce5
```
#553ce5 rgb(85,60,229)
```
#633ce5
```
#633ce5 rgb(99,60,229)
```
#713ce5
```
#713ce5 rgb(113,60,229)
```
#7f3ce5
```
#7f3ce5 rgb(127,60,229)
```

Similar Colors

Text with hexadecimal color #553ce5

This text has a font color of #553ce5.

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

#553ce5 background color

This paragraph has a background color of #553ce5.

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

#553ce5 border color

This element has a border color of #553ce5.

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

CSS codes

.text {color:#553ce5;}

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

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

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, #03020d is the darkest color, while #fbfafe is the lightest one.

#03020d
```
#03020d rgb(3,2,13)
```
#08041e
```
#08041e rgb(8,4,30)
```
#0c062f
```
#0c062f rgb(12,6,47)
```
#110941
```
#110941 rgb(17,9,65)
```
#150b52
```
#150b52 rgb(21,11,82)
```
#1a0d63
```
#1a0d63 rgb(26,13,99)
```
#1e1075
```
#1e1075 rgb(30,16,117)
```
#231286
```
#231286 rgb(35,18,134)
```
#281497
```
#281497 rgb(40,20,151)
```
#2c16a8
```
#2c16a8 rgb(44,22,168)
```
#3119ba
```
#3119ba rgb(49,25,186)
```
#351bcb
```
#351bcb rgb(53,27,203)
```
#3a1ddc
```
#3a1ddc rgb(58,29,220)
```

Shade Color Variation

#462be3
```
#462be3 rgb(70,43,227)
```
#553ce5
```
#553ce5 rgb(85,60,229)
```
#644de7
```
#644de7 rgb(100,77,231)
```
#735fea
```
#735fea rgb(115,95,234)
```
#8270ec
```
#8270ec rgb(130,112,236)
```
#9181ee
```
#9181ee rgb(145,129,238)
```
#a093f1
```
#a093f1 rgb(160,147,241)
```
#b0a4f3
```
#b0a4f3 rgb(176,164,243)
```
#bfb5f5
```
#bfb5f5 rgb(191,181,245)
```
#cec6f7
```
#cec6f7 rgb(206,198,247)
```
#ddd8fa
```
#ddd8fa rgb(221,216,250)
```
#ece9fc
```
#ece9fc rgb(236,233,252)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#8b8999
```
#8b8999 rgb(139,137,153)
```
#8580a1
```
#8580a1 rgb(133,128,161)
```
#7f78aa
```
#7f78aa rgb(127,120,170)
```
#796fb2
```
#796fb2 rgb(121,111,178)
```
#7367bb
```
#7367bb rgb(115,103,187)
```
#6d5ec3
```
#6d5ec3 rgb(109,94,195)
```
#6756cc
```
#6756cc rgb(103,86,204)
```
#614dd4
```
#614dd4 rgb(97,77,212)
```
#5b45dd
```
#5b45dd rgb(91,69,221)
```
#553ce5
```
#553ce5 rgb(85,60,229)
```
#4f34ee
```
#4f34ee rgb(79,52,238)
```
#492bf6
```
#492bf6 rgb(73,43,246)
```
#4323ff
```
#4323ff rgb(67,35,255)
```

Tone Color Variation

Below, you can see how #553ce5 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
#575273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062be Protanopia 1% of men
#0067a5 Deuteranopia 1% of men
#006e76 Tritanopia 0.001% of the population

Trichromacy

#1e54cc Protanomaly 1% of men, 0.01% of women
#1e57bc Deuteranomaly 6% of men, 0.4% of women
#1e5c9e Tritanomaly 0.01% of the population

#553ce5 hex color

#553ce5 Color Information

#553ce5 Color Conversion

Color Schemes with #553ce5

Alternatives to #553ce5

#553ce5 Preview

Shades and Tints of #553ce5

Tones of #553ce5

Color Blindness Simulator