#558aed hex color

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

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

● #558aed color description : Soft blue.

The hexadecimal color #558aed has RGB values of R:85, G:138, B:237 and CMYK values of C:0.64, M:0.42, Y:0, K:0.07. Its decimal value is 5606125.

Hex triplet	558aed	`#558aed`
RGB Decimal	85, 138, 237	`rgb(85,138,237)`
RGB Percent	33.3, 54.1, 92.9	`rgb(33.3%,54.1%,92.9%)`
CMYK	64, 42, 0, 7
HSL	219.1°, 80.9, 63.1	`hsl(219.1,80.9%,63.1%)`
HSV (or HSB)	219.1°, 64.1, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.246, 13.131, -55.197
XYZ	28.117, 26.221, 83.695
xyY	0.204, 0.19, 26.221
CIE-LCH	58.246, 56.738, 283.381
CIE-LUV	58.246, -23.172, -88.921
Hunter-Lab	51.206, 8.404, -61.064
Binary	01010101, 10001010, 11101101

#558aed
```
#558aed rgb(85,138,237)
```
#edb855
```
#edb855 rgb(237,184,85)
```

Complementary Color

#55d6ed
```
#55d6ed rgb(85,214,237)
```
#558aed
```
#558aed rgb(85,138,237)
```
#6c55ed
```
#6c55ed rgb(108,85,237)
```

Analogous Color

#d6ed55
```
#d6ed55 rgb(214,237,85)
```
#558aed
```
#558aed rgb(85,138,237)
```
#ed6c55
```
#ed6c55 rgb(237,108,85)
```

Split Complementary Color

#8aed55
```
#8aed55 rgb(138,237,85)
```
#558aed
```
#558aed rgb(85,138,237)
```
#ed558a
```
#ed558a rgb(237,85,138)
```

Triadic Color

#55edb8
```
#55edb8 rgb(85,237,184)
```
#558aed
```
#558aed rgb(85,138,237)
```
#ed558a
```
#ed558a rgb(237,85,138)
```
#edb855
```
#edb855 rgb(237,184,85)
```

Tetradic Color

#185dde
```
#185dde rgb(24,93,222)
```
#276ae8
```
#276ae8 rgb(39,106,232)
```
#3e7aeb
```
#3e7aeb rgb(62,122,235)
```
#558aed
```
#558aed rgb(85,138,237)
```
#6c9aef
```
#6c9aef rgb(108,154,239)
```
#83aaf2
```
#83aaf2 rgb(131,170,242)
```
#9abaf4
```
#9abaf4 rgb(154,186,244)
```

Monochromatic Color

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

#55b0ed
```
#55b0ed rgb(85,176,237)
```
#55a3ed
```
#55a3ed rgb(85,163,237)
```
#5597ed
```
#5597ed rgb(85,151,237)
```
#558aed
```
#558aed rgb(85,138,237)
```
#557ded
```
#557ded rgb(85,125,237)
```
#5571ed
```
#5571ed rgb(85,113,237)
```
#5564ed
```
#5564ed rgb(85,100,237)
```

Similar Colors

Text with hexadecimal color #558aed

This text has a font color of #558aed.

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

#558aed background color

This paragraph has a background color of #558aed.

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

#558aed border color

This element has a border color of #558aed.

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

CSS codes

.text {color:#558aed;}

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

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

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)
```
#030a19
```
#030a19 rgb(3,10,25)
```
#05122b
```
#05122b rgb(5,18,43)
```
#06193d
```
#06193d rgb(6,25,61)
```
#08214e
```
#08214e rgb(8,33,78)
```
#0a2860
```
#0a2860 rgb(10,40,96)
```
#0c3072
```
#0c3072 rgb(12,48,114)
```
#0e3784
```
#0e3784 rgb(14,55,132)
```
#103e95
```
#103e95 rgb(16,62,149)
```
#1246a7
```
#1246a7 rgb(18,70,167)
```
#144db9
```
#144db9 rgb(20,77,185)
```
#1555ca
```
#1555ca rgb(21,85,202)
```
#175cdc
```
#175cdc rgb(23,92,220)
```

Shade Color Variation

#2065e7
```
#2065e7 rgb(32,101,231)
```
#3272e9
```
#3272e9 rgb(50,114,233)
```
#437eeb
```
#437eeb rgb(67,126,235)
```
#558aed
```
#558aed rgb(85,138,237)
```
#6796ef
```
#6796ef rgb(103,150,239)
```
#78a2f1
```
#78a2f1 rgb(120,162,241)
```
#8aaff3
```
#8aaff3 rgb(138,175,243)
```
#9cbbf5
```
#9cbbf5 rgb(156,187,245)
```
#aec7f6
```
#aec7f6 rgb(174,199,246)
```
#bfd3f8
```
#bfd3f8 rgb(191,211,248)
```
#d1dffa
```
#d1dffa rgb(209,223,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 #4786fb is the most saturated one.

#9da0a5
```
#9da0a5 rgb(157,160,165)
```
#969eac
```
#969eac rgb(150,158,172)
```
#8f9cb3
```
#8f9cb3 rgb(143,156,179)
```
#8899ba
```
#8899ba rgb(136,153,186)
```
#8097c2
```
#8097c2 rgb(128,151,194)
```
#7995c9
```
#7995c9 rgb(121,149,201)
```
#7293d0
```
#7293d0 rgb(114,147,208)
```
#6b91d7
```
#6b91d7 rgb(107,145,215)
```
#638edf
```
#638edf rgb(99,142,223)
```
#5c8ce6
```
#5c8ce6 rgb(92,140,230)
```
#558aed
```
#558aed rgb(85,138,237)
```
#4e88f4
```
#4e88f4 rgb(78,136,244)
```
#4786fb
```
#4786fb rgb(71,134,251)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7b869a Atypical Achromatopsia 0.001% of the population

Dichromacy

#658eec Protanopia 1% of men
#4793ec Deuteranopia 1% of men
#249fab Tritanopia 0.001% of the population

Trichromacy

#5f8dec Protanomaly 1% of men, 0.01% of women
#4c8fec Deuteranomaly 6% of men, 0.4% of women
#3697c3 Tritanomaly 0.01% of the population

#558aed hex color

#558aed Color Information

#558aed Color Conversion

Color Schemes with #558aed

Alternatives to #558aed

#558aed Preview

Shades and Tints of #558aed

Tones of #558aed

Color Blindness Simulator