#558fef hex color

In a RGB color space, hex #558fef is composed of 33.3% red, 56.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 40.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 217.4 degrees, a saturation of 82.8% and a lightness of 63.5%. #558fef color hex could be obtained by blending #aaffff with #001fdf. Closest websafe color is: #6699ff.

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

● #558fef color description : Soft blue.

The hexadecimal color #558fef has RGB values of R:85, G:143, B:239 and CMYK values of C:0.64, M:0.4, Y:0, K:0.06. Its decimal value is 5607407.

Hex triplet	558fef	`#558fef`
RGB Decimal	85, 143, 239	`rgb(85,143,239)`
RGB Percent	33.3, 56.1, 93.7	`rgb(33.3%,56.1%,93.7%)`
CMYK	64, 40, 0, 6
HSL	217.4°, 82.8, 63.5	`hsl(217.4,82.8%,63.5%)`
HSV (or HSB)	217.4°, 64.4, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.713, 10.818, -53.966
XYZ	29.145, 27.806, 85.488
xyY	0.205, 0.195, 27.806
CIE-LCH	59.713, 55.04, 281.335
CIE-LUV	59.713, -24.791, -87.099
Hunter-Lab	52.732, 6.378, -59.208
Binary	01010101, 10001111, 11101111

#558fef
```
#558fef rgb(85,143,239)
```
#efb555
```
#efb555 rgb(239,181,85)
```

Complementary Color

#55dcef
```
#55dcef rgb(85,220,239)
```
#558fef
```
#558fef rgb(85,143,239)
```
#6855ef
```
#6855ef rgb(104,85,239)
```

Analogous Color

#dcef55
```
#dcef55 rgb(220,239,85)
```
#558fef
```
#558fef rgb(85,143,239)
```
#ef6855
```
#ef6855 rgb(239,104,85)
```

Split Complementary Color

#8fef55
```
#8fef55 rgb(143,239,85)
```
#558fef
```
#558fef rgb(85,143,239)
```
#ef558f
```
#ef558f rgb(239,85,143)
```

Triadic Color

#55efb5
```
#55efb5 rgb(85,239,181)
```
#558fef
```
#558fef rgb(85,143,239)
```
#ef558f
```
#ef558f rgb(239,85,143)
```
#efb555
```
#efb555 rgb(239,181,85)
```

Tetradic Color

#1562e2
```
#1562e2 rgb(21,98,226)
```
#2670eb
```
#2670eb rgb(38,112,235)
```
#3e80ed
```
#3e80ed rgb(62,128,237)
```
#558fef
```
#558fef rgb(85,143,239)
```
#6c9ef1
```
#6c9ef1 rgb(108,158,241)
```
#84aef3
```
#84aef3 rgb(132,174,243)
```
#9bbdf6
```
#9bbdf6 rgb(155,189,246)
```

Monochromatic Color

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

#55b6ef
```
#55b6ef rgb(85,182,239)
```
#55a9ef
```
#55a9ef rgb(85,169,239)
```
#559cef
```
#559cef rgb(85,156,239)
```
#558fef
```
#558fef rgb(85,143,239)
```
#5582ef
```
#5582ef rgb(85,130,239)
```
#5575ef
```
#5575ef rgb(85,117,239)
```
#5569ef
```
#5569ef rgb(85,105,239)
```

Similar Colors

Text with hexadecimal color #558fef

This text has a font color of #558fef.

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

#558fef background color

This paragraph has a background color of #558fef.

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

#558fef border color

This element has a border color of #558fef.

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

CSS codes

.text {color:#558fef;}

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

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

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

#010409
```
#010409 rgb(1,4,9)
```
#030c1b
```
#030c1b rgb(3,12,27)
```
#04142d
```
#04142d rgb(4,20,45)
```
#061b3f
```
#061b3f rgb(6,27,63)
```
#082351
```
#082351 rgb(8,35,81)
```
#092b63
```
#092b63 rgb(9,43,99)
```
#0b3375
```
#0b3375 rgb(11,51,117)
```
#0d3b87
```
#0d3b87 rgb(13,59,135)
```
#0e4299
```
#0e4299 rgb(14,66,153)
```
#104aab
```
#104aab rgb(16,74,171)
```
#1252bd
```
#1252bd rgb(18,82,189)
```
#135ace
```
#135ace rgb(19,90,206)
```
#1562e0
```
#1562e0 rgb(21,98,224)
```

Shade Color Variation

#1f6cea
```
#1f6cea rgb(31,108,234)
```
#3177ec
```
#3177ec rgb(49,119,236)
```
#4383ed
```
#4383ed rgb(67,131,237)
```
#558fef
```
#558fef rgb(85,143,239)
```
#679bf1
```
#679bf1 rgb(103,155,241)
```
#79a7f2
```
#79a7f2 rgb(121,167,242)
```
#8bb2f4
```
#8bb2f4 rgb(139,178,244)
```
#9dbef6
```
#9dbef6 rgb(157,190,246)
```
#afcaf7
```
#afcaf7 rgb(175,202,247)
```
#c1d6f9
```
#c1d6f9 rgb(193,214,249)
```
#d2e2fb
```
#d2e2fb rgb(210,226,251)
```
#e4edfc
```
#e4edfc rgb(228,237,252)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#9da1a7
```
#9da1a7 rgb(157,161,167)
```
#959faf
```
#959faf rgb(149,159,175)
```
#8e9db6
```
#8e9db6 rgb(142,157,182)
```
#879bbd
```
#879bbd rgb(135,155,189)
```
#809ac4
```
#809ac4 rgb(128,154,196)
```
#7998cb
```
#7998cb rgb(121,152,203)
```
#7296d2
```
#7296d2 rgb(114,150,210)
```
#6a94da
```
#6a94da rgb(106,148,218)
```
#6393e1
```
#6393e1 rgb(99,147,225)
```
#5c91e8
```
#5c91e8 rgb(92,145,232)
```
#558fef
```
#558fef rgb(85,143,239)
```
#4e8df6
```
#4e8df6 rgb(78,141,246)
```
#478bfd
```
#478bfd rgb(71,139,253)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7f8a9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c92ee Protanopia 1% of men
#5196ef Deuteranopia 1% of men
#26a3af Tritanopia 0.001% of the population

Trichromacy

#6391ee Protanomaly 1% of men, 0.01% of women
#5293ef Deuteranomaly 6% of men, 0.4% of women
#379cc6 Tritanomaly 0.01% of the population

#558fef hex color

#558fef Color Information

#558fef Color Conversion

Color Schemes with #558fef

Alternatives to #558fef

#558fef Preview

Shades and Tints of #558fef

Tones of #558fef

Color Blindness Simulator