#5558dd hex color

In a RGB color space, hex #5558dd is composed of 33.3% red, 34.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 60.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 238.7 degrees, a saturation of 66.7% and a lightness of 60%. #5558dd color hex could be obtained by blending #aab0ff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 35
- B 87
RGB color chart
- C 62
- M 60
- Y 0
- K 13
CMYK color chart

● #5558dd color description : Soft blue.

The hexadecimal color #5558dd has RGB values of R:85, G:88, B:221 and CMYK values of C:0.62, M:0.6, Y:0, K:0.13. Its decimal value is 5593309.

Hex triplet	5558dd	`#5558dd`
RGB Decimal	85, 88, 221	`rgb(85,88,221)`
RGB Percent	33.3, 34.5, 86.7	`rgb(33.3%,34.5%,86.7%)`
CMYK	62, 60, 0, 13
HSL	238.7°, 66.7, 60	`hsl(238.7,66.7%,60%)`
HSV (or HSB)	238.7°, 61.5, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.419, 38.372, -68.493
XYZ	20.285, 14.13, 70.061
xyY	0.194, 0.135, 14.13
CIE-LCH	44.419, 78.509, 299.259
CIE-LUV	44.419, -8.341, -104.455
Hunter-Lab	37.59, 30.54, -84.192
Binary	01010101, 01011000, 11011101

#5558dd
```
#5558dd rgb(85,88,221)
```
#ddda55
```
#ddda55 rgb(221,218,85)
```

Complementary Color

#559cdd
```
#559cdd rgb(85,156,221)
```
#5558dd
```
#5558dd rgb(85,88,221)
```
#9655dd
```
#9655dd rgb(150,85,221)
```

Analogous Color

#9cdd55
```
#9cdd55 rgb(156,221,85)
```
#5558dd
```
#5558dd rgb(85,88,221)
```
#dd9655
```
#dd9655 rgb(221,150,85)
```

Split Complementary Color

#58dd55
```
#58dd55 rgb(88,221,85)
```
#5558dd
```
#5558dd rgb(85,88,221)
```
#dd5558
```
#dd5558 rgb(221,85,88)
```

Triadic Color

#55ddda
```
#55ddda rgb(85,221,218)
```
#5558dd
```
#5558dd rgb(85,88,221)
```
#dd5558
```
#dd5558 rgb(221,85,88)
```
#ddda55
```
#ddda55 rgb(221,218,85)
```

Tetradic Color

#262abf
```
#262abf rgb(38,42,191)
```
#2b2ed5
```
#2b2ed5 rgb(43,46,213)
```
#4043d9
```
#4043d9 rgb(64,67,217)
```
#5558dd
```
#5558dd rgb(85,88,221)
```
#6a6de1
```
#6a6de1 rgb(106,109,225)
```
#8082e6
```
#8082e6 rgb(128,130,230)
```
#9597ea
```
#9597ea rgb(149,151,234)
```

Monochromatic Color

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

#557add
```
#557add rgb(85,122,221)
```
#556fdd
```
#556fdd rgb(85,111,221)
```
#5563dd
```
#5563dd rgb(85,99,221)
```
#5558dd
```
#5558dd rgb(85,88,221)
```
#5d55dd
```
#5d55dd rgb(93,85,221)
```
#6955dd
```
#6955dd rgb(105,85,221)
```
#7455dd
```
#7455dd rgb(116,85,221)
```

Similar Colors

Text with hexadecimal color #5558dd

This text has a font color of #5558dd.

<span style="color:#5558dd;">Text here</span>

#5558dd background color

This paragraph has a background color of #5558dd.

<p style="background-color:#5558dd;">Content here</p>

#5558dd border color

This element has a border color of #5558dd.

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

CSS codes

.text {color:#5558dd;}

.background {background-color:#5558dd;}

.border {border:1px solid #5558dd;}

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

#02020a
```
#02020a rgb(2,2,10)
```
#05061a
```
#05061a rgb(5,6,26)
```
#08092b
```
#08092b rgb(8,9,43)
```
#0c0d3b
```
#0c0d3b rgb(12,13,59)
```
#0f104b
```
#0f104b rgb(15,16,75)
```
#12145c
```
#12145c rgb(18,20,92)
```
#16176c
```
#16176c rgb(22,23,108)
```
#191b7c
```
#191b7c rgb(25,27,124)
```
#1c1f8d
```
#1c1f8d rgb(28,31,141)
```
#1f229d
```
#1f229d rgb(31,34,157)
```
#2326ad
```
#2326ad rgb(35,38,173)
```
#2629be
```
#2629be rgb(38,41,190)
```
#292dce
```
#292dce rgb(41,45,206)
```

Shade Color Variation

#3438d6
```
#3438d6 rgb(52,56,214)
```
#4548da
```
#4548da rgb(69,72,218)
```
#5558dd
```
#5558dd rgb(85,88,221)
```
#6568e0
```
#6568e0 rgb(101,104,224)
```
#7678e4
```
#7678e4 rgb(118,120,228)
```
#8688e7
```
#8688e7 rgb(134,136,231)
```
#9698ea
```
#9698ea rgb(150,152,234)
```
#a7a8ed
```
#a7a8ed rgb(167,168,237)
```
#b7b8f1
```
#b7b8f1 rgb(183,184,241)
```
#c7c8f4
```
#c7c8f4 rgb(199,200,244)
```
#d8d8f7
```
#d8d8f7 rgb(216,216,247)
```
#e8e9fa
```
#e8e9fa rgb(232,233,250)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94949e is the less saturated color, while #363afc is the most saturated one.

#94949e
```
#94949e rgb(148,148,158)
```
#8c8da6
```
#8c8da6 rgb(140,141,166)
```
#8485ae
```
#8485ae rgb(132,133,174)
```
#7c7eb6
```
#7c7eb6 rgb(124,126,182)
```
#7476be
```
#7476be rgb(116,118,190)
```
#6d6fc5
```
#6d6fc5 rgb(109,111,197)
```
#6567cd
```
#6567cd rgb(101,103,205)
```
#5d60d5
```
#5d60d5 rgb(93,96,213)
```
#5558dd
```
#5558dd rgb(85,88,221)
```
#4d51e5
```
#4d51e5 rgb(77,81,229)
```
#4549ed
```
#4549ed rgb(69,73,237)
```
#3d42f5
```
#3d42f5 rgb(61,66,245)
```
#363afc
```
#363afc rgb(54,58,252)
```

Tone Color Variation

Below, you can see how #5558dd 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

#666666 Achromatopsia 0.005% of the population
#63637e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bb Deuteranopia 1% of men
#0a7b84 Tritanopia 0.001% of the population

Trichromacy

#1e65d8 Protanomaly 1% of men, 0.01% of women
#1e69c7 Deuteranomaly 6% of men, 0.4% of women
#256ea4 Tritanomaly 0.01% of the population

#5558dd hex color

#5558dd Color Information

#5558dd Color Conversion

Color Schemes with #5558dd

Alternatives to #5558dd

#5558dd Preview

Shades and Tints of #5558dd

Tones of #5558dd

Color Blindness Simulator