#553ce6 hex color

In a RGB color space, hex #553ce6 is composed of 33.3% red, 23.5% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 73.9% magenta, 0% yellow and 9.8% black. It has a hue angle of 248.8 degrees, a saturation of 77.3% and a lightness of 56.9%. #553ce6 color hex could be obtained by blending #aa78ff with #0000cd. Closest websafe color is: #6633ff.

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

● #553ce6 color description : Bright blue.

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

Hex triplet	553ce6	`#553ce6`
RGB Decimal	85, 60, 230	`rgb(85,60,230)`
RGB Percent	33.3, 23.5, 90.2	`rgb(33.3%,23.5%,90.2%)`
CMYK	63, 74, 0, 10
HSL	248.8°, 77.3, 56.9	`hsl(248.8,77.3%,56.9%)`
HSV (or HSB)	248.8°, 73.9, 90.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.37, 56.949, -81.886
XYZ	19.642, 10.875, 75.923
xyY	0.185, 0.102, 10.875
CIE-LCH	39.37, 99.742, 304.817
CIE-LUV	39.37, -3.306, -117.676
Hunter-Lab	32.978, 48.608, -113.415
Binary	01010101, 00111100, 11100110

#553ce6
```
#553ce6 rgb(85,60,230)
```
#cde63c
```
#cde63c rgb(205,230,60)
```

Complementary Color

#3c78e6
```
#3c78e6 rgb(60,120,230)
```
#553ce6
```
#553ce6 rgb(85,60,230)
```
#aa3ce6
```
#aa3ce6 rgb(170,60,230)
```

Analogous Color

#78e63c
```
#78e63c rgb(120,230,60)
```
#553ce6
```
#553ce6 rgb(85,60,230)
```
#e6aa3c
```
#e6aa3c rgb(230,170,60)
```

Split Complementary Color

#3ce655
```
#3ce655 rgb(60,230,85)
```
#553ce6
```
#553ce6 rgb(85,60,230)
```
#e6553c
```
#e6553c rgb(230,85,60)
```

Triadic Color

#3ccde6
```
#3ccde6 rgb(60,205,230)
```
#553ce6
```
#553ce6 rgb(85,60,230)
```
#e6553c
```
#e6553c rgb(230,85,60)
```
#cde63c
```
#cde63c rgb(205,230,60)
```

Tetradic Color

#3118bd
```
#3118bd rgb(49,24,189)
```
#361bd4
```
#361bd4 rgb(54,27,212)
```
#4125e3
```
#4125e3 rgb(65,37,227)
```
#553ce6
```
#553ce6 rgb(85,60,230)
```
#6953e9
```
#6953e9 rgb(105,83,233)
```
#7c69ec
```
#7c69ec rgb(124,105,236)
```
#9080ef
```
#9080ef rgb(144,128,239)
```

Monochromatic Color

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

#3c4ee6
```
#3c4ee6 rgb(60,78,230)
```
#3c3fe6
```
#3c3fe6 rgb(60,63,230)
```
#473ce6
```
#473ce6 rgb(71,60,230)
```
#553ce6
```
#553ce6 rgb(85,60,230)
```
#633ce6
```
#633ce6 rgb(99,60,230)
```
#713ce6
```
#713ce6 rgb(113,60,230)
```
#803ce6
```
#803ce6 rgb(128,60,230)
```

Similar Colors

Text with hexadecimal color #553ce6

This text has a font color of #553ce6.

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

#553ce6 background color

This paragraph has a background color of #553ce6.

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

#553ce6 border color

This element has a border color of #553ce6.

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

CSS codes

.text {color:#553ce6;}

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

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

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

#03020e
```
#03020e rgb(3,2,14)
```
#08041f
```
#08041f rgb(8,4,31)
```
#0c0630
```
#0c0630 rgb(12,6,48)
```
#110842
```
#110842 rgb(17,8,66)
```
#150b53
```
#150b53 rgb(21,11,83)
```
#1a0d65
```
#1a0d65 rgb(26,13,101)
```
#1e0f76
```
#1e0f76 rgb(30,15,118)
```
#231187
```
#231187 rgb(35,17,135)
```
#271499
```
#271499 rgb(39,20,153)
```
#2c16aa
```
#2c16aa rgb(44,22,170)
```
#3018bc
```
#3018bc rgb(48,24,188)
```
#351acd
```
#351acd rgb(53,26,205)
```
#391cde
```
#391cde rgb(57,28,222)
```

Shade Color Variation

#462be4
```
#462be4 rgb(70,43,228)
```
#553ce6
```
#553ce6 rgb(85,60,230)
```
#644de8
```
#644de8 rgb(100,77,232)
```
#735fea
```
#735fea rgb(115,95,234)
```
#8270ed
```
#8270ed rgb(130,112,237)
```
#9282ef
```
#9282ef rgb(146,130,239)
```
#a193f1
```
#a193f1 rgb(161,147,241)
```
#b0a4f3
```
#b0a4f3 rgb(176,164,243)
```
#bfb6f6
```
#bfb6f6 rgb(191,182,246)
```
#cec7f8
```
#cec7f8 rgb(206,199,248)
```
#ddd8fa
```
#ddd8fa rgb(221,216,250)
```
#edeafc
```
#edeafc rgb(237,234,252)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919191 is the less saturated color, while #492bf7 is the most saturated one.

#919191
```
#919191 rgb(145,145,145)
```
#8b889a
```
#8b889a rgb(139,136,154)
```
#8580a2
```
#8580a2 rgb(133,128,162)
```
#7f77ab
```
#7f77ab rgb(127,119,171)
```
#796fb3
```
#796fb3 rgb(121,111,179)
```
#7366bc
```
#7366bc rgb(115,102,188)
```
#6d5ec4
```
#6d5ec4 rgb(109,94,196)
```
#6755cd
```
#6755cd rgb(103,85,205)
```
#614dd5
```
#614dd5 rgb(97,77,213)
```
#5b44de
```
#5b44de rgb(91,68,222)
```
#553ce6
```
#553ce6 rgb(85,60,230)
```
#4f34ee
```
#4f34ee rgb(79,52,238)
```
#492bf7
```
#492bf7 rgb(73,43,247)
```

Tone Color Variation

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

Dichromacy

#0062bf Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

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

#553ce6 hex color

#553ce6 Color Information

#553ce6 Color Conversion

Color Schemes with #553ce6

Alternatives to #553ce6

#553ce6 Preview

Shades and Tints of #553ce6

Tones of #553ce6

Color Blindness Simulator