#553ced hex color

In a RGB color space, hex #553ced is composed of 33.3% red, 23.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 74.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 248.5 degrees, a saturation of 83.1% and a lightness of 58.2%. #553ced color hex could be obtained by blending #aa78ff with #0000db. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 24
- B 93
RGB color chart
- C 64
- M 75
- Y 0
- K 7
CMYK color chart

● #553ced color description : Bright blue.

The hexadecimal color #553ced has RGB values of R:85, G:60, B:237 and CMYK values of C:0.64, M:0.75, Y:0, K:0.07. Its decimal value is 5586157.

Hex triplet	553ced	`#553ced`
RGB Decimal	85, 60, 237	`rgb(85,60,237)`
RGB Percent	33.3, 23.5, 92.9	`rgb(33.3%,23.5%,92.9%)`
CMYK	64, 75, 0, 7
HSL	248.5°, 83.1, 58.2	`hsl(248.5,83.1%,58.2%)`
HSV (or HSB)	248.5°, 74.7, 92.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.042, 58.998, -84.747
XYZ	20.645, 11.277, 81.205
xyY	0.182, 0.1, 11.277
CIE-LCH	40.042, 103.261, 304.844
CIE-LUV	40.042, -3.8, -121.898
Hunter-Lab	33.581, 50.976, -119.869
Binary	01010101, 00111100, 11101101

#553ced
```
#553ced rgb(85,60,237)
```
#d4ed3c
```
#d4ed3c rgb(212,237,60)
```

Complementary Color

#3c7ced
```
#3c7ced rgb(60,124,237)
```
#553ced
```
#553ced rgb(85,60,237)
```
#ae3ced
```
#ae3ced rgb(174,60,237)
```

Analogous Color

#7ced3c
```
#7ced3c rgb(124,237,60)
```
#553ced
```
#553ced rgb(85,60,237)
```
#edae3c
```
#edae3c rgb(237,174,60)
```

Split Complementary Color

#3ced55
```
#3ced55 rgb(60,237,85)
```
#553ced
```
#553ced rgb(85,60,237)
```
#ed553c
```
#ed553c rgb(237,85,60)
```

Triadic Color

#3cd4ed
```
#3cd4ed rgb(60,212,237)
```
#553ced
```
#553ced rgb(85,60,237)
```
#ed553c
```
#ed553c rgb(237,85,60)
```
#d4ed3c
```
#d4ed3c rgb(212,237,60)
```

Tetradic Color

#2d13ca
```
#2d13ca rgb(45,19,202)
```
#3215e1
```
#3215e1 rgb(50,21,225)
```
#4125eb
```
#4125eb rgb(65,37,235)
```
#553ced
```
#553ced rgb(85,60,237)
```
#6953ef
```
#6953ef rgb(105,83,239)
```
#7e6bf1
```
#7e6bf1 rgb(126,107,241)
```
#9282f3
```
#9282f3 rgb(146,130,243)
```

Monochromatic Color

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

#3c4fed
```
#3c4fed rgb(60,79,237)
```
#3c41ed
```
#3c41ed rgb(60,65,237)
```
#463ced
```
#463ced rgb(70,60,237)
```
#553ced
```
#553ced rgb(85,60,237)
```
#643ced
```
#643ced rgb(100,60,237)
```
#733ced
```
#733ced rgb(115,60,237)
```
#813ced
```
#813ced rgb(129,60,237)
```

Similar Colors

Text with hexadecimal color #553ced

This text has a font color of #553ced.

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

#553ced background color

This paragraph has a background color of #553ced.

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

#553ced border color

This element has a border color of #553ced.

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

CSS codes

.text {color:#553ced;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#050214
```
#050214 rgb(5,2,20)
```
#080426
```
#080426 rgb(8,4,38)
```
#0c0538
```
#0c0538 rgb(12,5,56)
```
#10074a
```
#10074a rgb(16,7,74)
```
#14095c
```
#14095c rgb(20,9,92)
```
#180a6e
```
#180a6e rgb(24,10,110)
```
#1c0c80
```
#1c0c80 rgb(28,12,128)
```
#200d92
```
#200d92 rgb(32,13,146)
```
#240fa4
```
#240fa4 rgb(36,15,164)
```
#2811b6
```
#2811b6 rgb(40,17,182)
```
#2c12c8
```
#2c12c8 rgb(44,18,200)
```
#3014da
```
#3014da rgb(48,20,218)
```

Shade Color Variation

#3618ea
```
#3618ea rgb(54,24,234)
```
#452aeb
```
#452aeb rgb(69,42,235)
```
#553ced
```
#553ced rgb(85,60,237)
```
#654eef
```
#654eef rgb(101,78,239)
```
#7460f0
```
#7460f0 rgb(116,96,240)
```
#8472f2
```
#8472f2 rgb(132,114,242)
```
#9484f4
```
#9484f4 rgb(148,132,244)
```
#a396f5
```
#a396f5 rgb(163,150,245)
```
#b3a8f7
```
#b3a8f7 rgb(179,168,247)
```
#c3baf9
```
#c3baf9 rgb(195,186,249)
```
#d2ccfa
```
#d2ccfa rgb(210,204,250)
```
#e2defc
```
#e2defc rgb(226,222,252)
```
#f2f0fe
```
#f2f0fe rgb(242,240,254)
```

Tint Color Variation

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

#908e9b
```
#908e9b rgb(144,142,155)
```
#8a86a3
```
#8a86a3 rgb(138,134,163)
```
#847eab
```
#847eab rgb(132,126,171)
```
#7e75b4
```
#7e75b4 rgb(126,117,180)
```
#786dbc
```
#786dbc rgb(120,109,188)
```
#7265c4
```
#7265c4 rgb(114,101,196)
```
#6d5dcc
```
#6d5dcc rgb(109,93,204)
```
#6755d4
```
#6755d4 rgb(103,85,212)
```
#614cdd
```
#614cdd rgb(97,76,221)
```
#5b44e5
```
#5b44e5 rgb(91,68,229)
```
#553ced
```
#553ced rgb(85,60,237)
```
#4f34f5
```
#4f34f5 rgb(79,52,245)
```
#492cfd
```
#492cfd rgb(73,44,253)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#575276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#1e55d1 Protanomaly 1% of men, 0.01% of women
#1e58c1 Deuteranomaly 6% of men, 0.4% of women
#1e5da2 Tritanomaly 0.01% of the population

#553ced hex color

#553ced Color Information

#553ced Color Conversion

Color Schemes with #553ced

Alternatives to #553ced

#553ced Preview

Shades and Tints of #553ced

Tones of #553ced

Color Blindness Simulator