#558fee hex color

In a RGB color space, hex #558fee is composed of 33.3% red, 56.1% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 39.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 217.3 degrees, a saturation of 81.8% and a lightness of 63.3%. #558fee color hex could be obtained by blending #aaffff with #001fdd. Closest websafe color is: #6699ff.

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

● #558fee color description : Soft blue.

The hexadecimal color #558fee has RGB values of R:85, G:143, B:238 and CMYK values of C:0.64, M:0.4, Y:0, K:0.07. Its decimal value is 5607406.

Hex triplet	558fee	`#558fee`
RGB Decimal	85, 143, 238	`rgb(85,143,238)`
RGB Percent	33.3, 56.1, 93.3	`rgb(33.3%,56.1%,93.3%)`
CMYK	64, 40, 0, 7
HSL	217.3°, 81.8, 63.3	`hsl(217.3,81.8%,63.3%)`
HSV (or HSB)	217.3°, 64.3, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.66, 10.479, -53.498
XYZ	28.998, 27.747, 84.712
xyY	0.205, 0.196, 27.747
CIE-LCH	59.66, 54.515, 281.083
CIE-LUV	59.66, -24.804, -86.283
Hunter-Lab	52.676, 6.081, -58.476
Binary	01010101, 10001111, 11101110

#558fee
```
#558fee rgb(85,143,238)
```
#eeb455
```
#eeb455 rgb(238,180,85)
```

Complementary Color

#55dcee
```
#55dcee rgb(85,220,238)
```
#558fee
```
#558fee rgb(85,143,238)
```
#6855ee
```
#6855ee rgb(104,85,238)
```

Analogous Color

#dcee55
```
#dcee55 rgb(220,238,85)
```
#558fee
```
#558fee rgb(85,143,238)
```
#ee6855
```
#ee6855 rgb(238,104,85)
```

Split Complementary Color

#8fee55
```
#8fee55 rgb(143,238,85)
```
#558fee
```
#558fee rgb(85,143,238)
```
#ee558f
```
#ee558f rgb(238,85,143)
```

Triadic Color

#55eeb4
```
#55eeb4 rgb(85,238,180)
```
#558fee
```
#558fee rgb(85,143,238)
```
#ee558f
```
#ee558f rgb(238,85,143)
```
#eeb455
```
#eeb455 rgb(238,180,85)
```

Tetradic Color

#1663e0
```
#1663e0 rgb(22,99,224)
```
#2770e9
```
#2770e9 rgb(39,112,233)
```
#3e80ec
```
#3e80ec rgb(62,128,236)
```
#558fee
```
#558fee rgb(85,143,238)
```
#6c9ef0
```
#6c9ef0 rgb(108,158,240)
```
#83aef3
```
#83aef3 rgb(131,174,243)
```
#9bbdf5
```
#9bbdf5 rgb(155,189,245)
```

Monochromatic Color

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

#55b5ee
```
#55b5ee rgb(85,181,238)
```
#55a9ee
```
#55a9ee rgb(85,169,238)
```
#559cee
```
#559cee rgb(85,156,238)
```
#558fee
```
#558fee rgb(85,143,238)
```
#5582ee
```
#5582ee rgb(85,130,238)
```
#5576ee
```
#5576ee rgb(85,118,238)
```
#5569ee
```
#5569ee rgb(85,105,238)
```

Similar Colors

Text with hexadecimal color #558fee

This text has a font color of #558fee.

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

#558fee background color

This paragraph has a background color of #558fee.

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

#558fee border color

This element has a border color of #558fee.

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

CSS codes

.text {color:#558fee;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#030c1a
```
#030c1a rgb(3,12,26)
```
#04132c
```
#04132c rgb(4,19,44)
```
#061b3e
```
#061b3e rgb(6,27,62)
```
#082350
```
#082350 rgb(8,35,80)
```
#0a2b61
```
#0a2b61 rgb(10,43,97)
```
#0c3373
```
#0c3373 rgb(12,51,115)
```
#0d3b85
```
#0d3b85 rgb(13,59,133)
```
#0f4397
```
#0f4397 rgb(15,67,151)
```
#114aa9
```
#114aa9 rgb(17,74,169)
```
#1352bb
```
#1352bb rgb(19,82,187)
```
#145acc
```
#145acc rgb(20,90,204)
```
#1662de
```
#1662de rgb(22,98,222)
```

Shade Color Variation

#206ce9
```
#206ce9 rgb(32,108,233)
```
#3178ea
```
#3178ea rgb(49,120,234)
```
#4383ec
```
#4383ec rgb(67,131,236)
```
#558fee
```
#558fee rgb(85,143,238)
```
#679bf0
```
#679bf0 rgb(103,155,240)
```
#79a6f2
```
#79a6f2 rgb(121,166,242)
```
#8ab2f3
```
#8ab2f3 rgb(138,178,243)
```
#9cbef5
```
#9cbef5 rgb(156,190,245)
```
#aecaf7
```
#aecaf7 rgb(174,202,247)
```
#c0d5f9
```
#c0d5f9 rgb(192,213,249)
```
#d2e1fa
```
#d2e1fa rgb(210,225,250)
```
#e4edfc
```
#e4edfc rgb(228,237,252)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

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

#9da0a6
```
#9da0a6 rgb(157,160,166)
```
#969fad
```
#969fad rgb(150,159,173)
```
#8f9db4
```
#8f9db4 rgb(143,157,180)
```
#879bbc
```
#879bbc rgb(135,155,188)
```
#8099c3
```
#8099c3 rgb(128,153,195)
```
#7998ca
```
#7998ca rgb(121,152,202)
```
#7296d1
```
#7296d1 rgb(114,150,209)
```
#6b94d8
```
#6b94d8 rgb(107,148,216)
```
#6392e0
```
#6392e0 rgb(99,146,224)
```
#5c91e7
```
#5c91e7 rgb(92,145,231)
```
#558fee
```
#558fee rgb(85,143,238)
```
#4e8df5
```
#4e8df5 rgb(78,141,245)
```
#478cfc
```
#478cfc rgb(71,140,252)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7e899c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c92ed Protanopia 1% of men
#5296ee Deuteranopia 1% of men
#28a3af Tritanopia 0.001% of the population

Trichromacy

#6491ed Protanomaly 1% of men, 0.01% of women
#5393ee Deuteranomaly 6% of men, 0.4% of women
#389bc6 Tritanomaly 0.01% of the population

#558fee hex color

#558fee Color Information

#558fee Color Conversion

Color Schemes with #558fee

Alternatives to #558fee

#558fee Preview

Shades and Tints of #558fee

Tones of #558fee

Color Blindness Simulator