#553ce2 hex color

In a RGB color space, hex #553ce2 is composed of 33.3% red, 23.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 73.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 249 degrees, a saturation of 74.1% and a lightness of 56.1%. #553ce2 color hex could be obtained by blending #aa78ff with #0000c5. Closest websafe color is: #6633cc.

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

● #553ce2 color description : Bright blue.

The hexadecimal color #553ce2 has RGB values of R:85, G:60, B:226 and CMYK values of C:0.62, M:0.73, Y:0, K:0.11. Its decimal value is 5586146.

Hex triplet	553ce2	`#553ce2`
RGB Decimal	85, 60, 226	`rgb(85,60,226)`
RGB Percent	33.3, 23.5, 88.6	`rgb(33.3%,23.5%,88.6%)`
CMYK	62, 73, 0, 11
HSL	249°, 74.1, 56.1	`hsl(249,74.1%,56.1%)`
HSV (or HSB)	249°, 73.5, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.99, 55.773, -80.233
XYZ	19.087, 10.653, 72.998
xyY	0.186, 0.104, 10.653
CIE-LCH	38.99, 97.714, 304.804
CIE-LUV	38.99, -3.017, -115.243
Hunter-Lab	32.639, 47.266, -109.755
Binary	01010101, 00111100, 11100010

#553ce2
```
#553ce2 rgb(85,60,226)
```
#c9e23c
```
#c9e23c rgb(201,226,60)
```

Complementary Color

#3c76e2
```
#3c76e2 rgb(60,118,226)
```
#553ce2
```
#553ce2 rgb(85,60,226)
```
#a83ce2
```
#a83ce2 rgb(168,60,226)
```

Analogous Color

#76e23c
```
#76e23c rgb(118,226,60)
```
#553ce2
```
#553ce2 rgb(85,60,226)
```
#e2a83c
```
#e2a83c rgb(226,168,60)
```

Split Complementary Color

#3ce255
```
#3ce255 rgb(60,226,85)
```
#553ce2
```
#553ce2 rgb(85,60,226)
```
#e2553c
```
#e2553c rgb(226,85,60)
```

Triadic Color

#3cc9e2
```
#3cc9e2 rgb(60,201,226)
```
#553ce2
```
#553ce2 rgb(85,60,226)
```
#e2553c
```
#e2553c rgb(226,85,60)
```
#c9e23c
```
#c9e23c rgb(201,226,60)
```

Tetradic Color

#331bb6
```
#331bb6 rgb(51,27,182)
```
#391ecd
```
#391ecd rgb(57,30,205)
```
#4226df
```
#4226df rgb(66,38,223)
```
#553ce2
```
#553ce2 rgb(85,60,226)
```
#6852e5
```
#6852e5 rgb(104,82,229)
```
#7c68e9
```
#7c68e9 rgb(124,104,233)
```
#8f7fec
```
#8f7fec rgb(143,127,236)
```

Monochromatic Color

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

#3c4ce2
```
#3c4ce2 rgb(60,76,226)
```
#3c3fe2
```
#3c3fe2 rgb(60,63,226)
```
#473ce2
```
#473ce2 rgb(71,60,226)
```
#553ce2
```
#553ce2 rgb(85,60,226)
```
#633ce2
```
#633ce2 rgb(99,60,226)
```
#713ce2
```
#713ce2 rgb(113,60,226)
```
#7f3ce2
```
#7f3ce2 rgb(127,60,226)
```

Similar Colors

Text with hexadecimal color #553ce2

This text has a font color of #553ce2.

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

#553ce2 background color

This paragraph has a background color of #553ce2.

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

#553ce2 border color

This element has a border color of #553ce2.

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

CSS codes

.text {color:#553ce2;}

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

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

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, #03010a is the darkest color, while #f9f8fe is the lightest one.

#03010a
```
#03010a rgb(3,1,10)
```
#07041b
```
#07041b rgb(7,4,27)
```
#0c072c
```
#0c072c rgb(12,7,44)
```
#11093d
```
#11093d rgb(17,9,61)
```
#160c4e
```
#160c4e rgb(22,12,78)
```
#1a0e5f
```
#1a0e5f rgb(26,14,95)
```
#1f1170
```
#1f1170 rgb(31,17,112)
```
#241381
```
#241381 rgb(36,19,129)
```
#291693
```
#291693 rgb(41,22,147)
```
#2d18a4
```
#2d18a4 rgb(45,24,164)
```
#321bb5
```
#321bb5 rgb(50,27,181)
```
#371dc6
```
#371dc6 rgb(55,29,198)
```
#3b20d7
```
#3b20d7 rgb(59,32,215)
```

Shade Color Variation

#462bdf
```
#462bdf rgb(70,43,223)
```
#553ce2
```
#553ce2 rgb(85,60,226)
```
#644de5
```
#644de5 rgb(100,77,229)
```
#735ee7
```
#735ee7 rgb(115,94,231)
```
#826fea
```
#826fea rgb(130,111,234)
```
#9180ec
```
#9180ec rgb(145,128,236)
```
#9f91ef
```
#9f91ef rgb(159,145,239)
```
#aea2f1
```
#aea2f1 rgb(174,162,241)
```
#bdb4f4
```
#bdb4f4 rgb(189,180,244)
```
#ccc5f6
```
#ccc5f6 rgb(204,197,246)
```
#dbd6f9
```
#dbd6f9 rgb(219,214,249)
```
#eae7fb
```
#eae7fb rgb(234,231,251)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#8b8a94
```
#8b8a94 rgb(139,138,148)
```
#85819d
```
#85819d rgb(133,129,157)
```
#7f78a6
```
#7f78a6 rgb(127,120,166)
```
#7970ae
```
#7970ae rgb(121,112,174)
```
#7367b7
```
#7367b7 rgb(115,103,183)
```
#6d5ec0
```
#6d5ec0 rgb(109,94,192)
```
#6756c8
```
#6756c8 rgb(103,86,200)
```
#614dd1
```
#614dd1 rgb(97,77,209)
```
#5b45d9
```
#5b45d9 rgb(91,69,217)
```
#553ce2
```
#553ce2 rgb(85,60,226)
```
#4f33eb
```
#4f33eb rgb(79,51,235)
```
#492bf3
```
#492bf3 rgb(73,43,243)
```
#4322fc
```
#4322fc rgb(67,34,252)
```

Tone Color Variation

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

Dichromacy

#0061bd Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#1e53ca Protanomaly 1% of men, 0.01% of women
#1e57bb Deuteranomaly 6% of men, 0.4% of women
#1e5b9c Tritanomaly 0.01% of the population

#553ce2 hex color

#553ce2 Color Information

#553ce2 Color Conversion

Color Schemes with #553ce2

Alternatives to #553ce2

#553ce2 Preview

Shades and Tints of #553ce2

Tones of #553ce2

Color Blindness Simulator