#558ded hex color

In a RGB color space, hex #558ded is composed of 33.3% red, 55.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 40.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 217.9 degrees, a saturation of 80.9% and a lightness of 63.1%. #558ded color hex could be obtained by blending #aaffff with #001bdb. Closest websafe color is: #6699ff.

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

● #558ded color description : Soft blue.

The hexadecimal color #558ded has RGB values of R:85, G:141, B:237 and CMYK values of C:0.64, M:0.41, Y:0, K:0.07. Its decimal value is 5606893.

Hex triplet	558ded	`#558ded`
RGB Decimal	85, 141, 237	`rgb(85,141,237)`
RGB Percent	33.3, 55.3, 92.9	`rgb(33.3%,55.3%,92.9%)`
CMYK	64, 41, 0, 7
HSL	217.9°, 80.9, 63.1	`hsl(217.9,80.9%,63.1%)`
HSV (or HSB)	217.9°, 64.1, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.061, 11.334, -53.899
XYZ	28.554, 27.094, 83.841
xyY	0.205, 0.194, 27.094
CIE-LCH	59.061, 55.077, 281.875
CIE-LUV	59.061, -24.156, -86.86
Hunter-Lab	52.052, 6.829, -59.064
Binary	01010101, 10001101, 11101101

#558ded
```
#558ded rgb(85,141,237)
```
#edb555
```
#edb555 rgb(237,181,85)
```

Complementary Color

#55d9ed
```
#55d9ed rgb(85,217,237)
```
#558ded
```
#558ded rgb(85,141,237)
```
#6955ed
```
#6955ed rgb(105,85,237)
```

Analogous Color

#d9ed55
```
#d9ed55 rgb(217,237,85)
```
#558ded
```
#558ded rgb(85,141,237)
```
#ed6955
```
#ed6955 rgb(237,105,85)
```

Split Complementary Color

#8ded55
```
#8ded55 rgb(141,237,85)
```
#558ded
```
#558ded rgb(85,141,237)
```
#ed558d
```
#ed558d rgb(237,85,141)
```

Triadic Color

#55edb5
```
#55edb5 rgb(85,237,181)
```
#558ded
```
#558ded rgb(85,141,237)
```
#ed558d
```
#ed558d rgb(237,85,141)
```
#edb555
```
#edb555 rgb(237,181,85)
```

Tetradic Color

#1861de
```
#1861de rgb(24,97,222)
```
#276ee8
```
#276ee8 rgb(39,110,232)
```
#3e7eeb
```
#3e7eeb rgb(62,126,235)
```
#558ded
```
#558ded rgb(85,141,237)
```
#6c9cef
```
#6c9cef rgb(108,156,239)
```
#83acf2
```
#83acf2 rgb(131,172,242)
```
#9abbf4
```
#9abbf4 rgb(154,187,244)
```

Monochromatic Color

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

#55b3ed
```
#55b3ed rgb(85,179,237)
```
#55a6ed
```
#55a6ed rgb(85,166,237)
```
#559aed
```
#559aed rgb(85,154,237)
```
#558ded
```
#558ded rgb(85,141,237)
```
#5580ed
```
#5580ed rgb(85,128,237)
```
#5574ed
```
#5574ed rgb(85,116,237)
```
#5567ed
```
#5567ed rgb(85,103,237)
```

Similar Colors

Text with hexadecimal color #558ded

This text has a font color of #558ded.

<span style="color:#558ded;">Text here</span>

#558ded background color

This paragraph has a background color of #558ded.

<p style="background-color:#558ded;">Content here</p>

#558ded border color

This element has a border color of #558ded.

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

CSS codes

.text {color:#558ded;}

.background {background-color:#558ded;}

.border {border:1px solid #558ded;}

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

#010307
```
#010307 rgb(1,3,7)
```
#030b19
```
#030b19 rgb(3,11,25)
```
#05132b
```
#05132b rgb(5,19,43)
```
#061a3d
```
#061a3d rgb(6,26,61)
```
#08224e
```
#08224e rgb(8,34,78)
```
#0a2a60
```
#0a2a60 rgb(10,42,96)
```
#0c3272
```
#0c3272 rgb(12,50,114)
```
#0e3984
```
#0e3984 rgb(14,57,132)
```
#104195
```
#104195 rgb(16,65,149)
```
#1249a7
```
#1249a7 rgb(18,73,167)
```
#1450b9
```
#1450b9 rgb(20,80,185)
```
#1558ca
```
#1558ca rgb(21,88,202)
```
#1760dc
```
#1760dc rgb(23,96,220)
```

Shade Color Variation

#2069e7
```
#2069e7 rgb(32,105,231)
```
#3275e9
```
#3275e9 rgb(50,117,233)
```
#4381eb
```
#4381eb rgb(67,129,235)
```
#558ded
```
#558ded rgb(85,141,237)
```
#6799ef
```
#6799ef rgb(103,153,239)
```
#78a5f1
```
#78a5f1 rgb(120,165,241)
```
#8ab1f3
```
#8ab1f3 rgb(138,177,243)
```
#9cbdf5
```
#9cbdf5 rgb(156,189,245)
```
#aec8f6
```
#aec8f6 rgb(174,200,246)
```
#bfd4f8
```
#bfd4f8 rgb(191,212,248)
```
#d1e0fa
```
#d1e0fa rgb(209,224,250)
```
#e3ecfc
```
#e3ecfc rgb(227,236,252)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da0a5 is the less saturated color, while #4789fb is the most saturated one.

#9da0a5
```
#9da0a5 rgb(157,160,165)
```
#969eac
```
#969eac rgb(150,158,172)
```
#8f9cb3
```
#8f9cb3 rgb(143,156,179)
```
#889aba
```
#889aba rgb(136,154,186)
```
#8098c2
```
#8098c2 rgb(128,152,194)
```
#7997c9
```
#7997c9 rgb(121,151,201)
```
#7295d0
```
#7295d0 rgb(114,149,208)
```
#6b93d7
```
#6b93d7 rgb(107,147,215)
```
#6391df
```
#6391df rgb(99,145,223)
```
#5c8fe6
```
#5c8fe6 rgb(92,143,230)
```
#558ded
```
#558ded rgb(85,141,237)
```
#4e8bf4
```
#4e8bf4 rgb(78,139,244)
```
#4789fb
```
#4789fb rgb(71,137,251)
```

Tone Color Variation

Below, you can see how #558ded 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

#878787 Achromatopsia 0.005% of the population
#7d889b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a91ec Protanopia 1% of men
#4f95ec Deuteranopia 1% of men
#28a1ad Tritanopia 0.001% of the population

Trichromacy

#628fec Protanomaly 1% of men, 0.01% of women
#5192ec Deuteranomaly 6% of men, 0.4% of women
#389ac4 Tritanomaly 0.01% of the population

#558ded hex color

#558ded Color Information

#558ded Color Conversion

Color Schemes with #558ded

Alternatives to #558ded

#558ded Preview

Shades and Tints of #558ded

Tones of #558ded

Color Blindness Simulator