colorhexa.com

#558cf8 hex color

In a RGB color space, hex #558cf8 is composed of 33.3% red, 54.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 43.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 219.8 degrees, a saturation of 92.1% and a lightness of 65.3%. #558cf8 color hex could be obtained by blending #aaffff with #0019f1. Closest websafe color is: #6699ff.

- R 33
- G 55
- B 97
RGB color chart
- C 66
- M 44
- Y 0
- K 3
CMYK color chart

● #558cf8 color description : Soft blue.

The hexadecimal color #558cf8 has RGB values of R:85, G:140, B:248 and CMYK values of C:0.66, M:0.44, Y:0, K:0.03. Its decimal value is 5606648.

Hex triplet	558cf8	`#558cf8`
RGB Decimal	85, 140, 248	`rgb(85,140,248)`
RGB Percent	33.3, 54.9, 97.3	`rgb(33.3%,54.9%,97.3%)`
CMYK	66, 44, 0, 3
HSL	219.8°, 92.1, 65.3	`hsl(219.8,92.1%,65.3%)`
HSV (or HSB)	219.8°, 65.7, 97.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.4, 15.673, -59.431
XYZ	30.064, 27.463, 92.518
xyY	0.2, 0.183, 27.463
CIE-LCH	59.4, 61.463, 284.773
CIE-LUV	59.4, -23.719, -96.403
Hunter-Lab	52.405, 10.694, -67.99
Binary	01010101, 10001100, 11111000

#558cf8
```
#558cf8 rgb(85,140,248)
```
#f8c155
```
#f8c155 rgb(248,193,85)
```

Complementary Color

#55def8
```
#55def8 rgb(85,222,248)
```
#558cf8
```
#558cf8 rgb(85,140,248)
```
#7055f8
```
#7055f8 rgb(112,85,248)
```

Analogous Color

#def855
```
#def855 rgb(222,248,85)
```
#558cf8
```
#558cf8 rgb(85,140,248)
```
#f87055
```
#f87055 rgb(248,112,85)
```

Split Complementary Color

#8cf855
```
#8cf855 rgb(140,248,85)
```
#558cf8
```
#558cf8 rgb(85,140,248)
```
#f8558c
```
#f8558c rgb(248,85,140)
```

Triadic Color

#55f8c1
```
#55f8c1 rgb(85,248,193)
```
#558cf8
```
#558cf8 rgb(85,140,248)
```
#f8558c
```
#f8558c rgb(248,85,140)
```
#f8c155
```
#f8c155 rgb(248,193,85)
```

Tetradic Color

#0c5af5
```
#0c5af5 rgb(12,90,245)
```
#246bf6
```
#246bf6 rgb(36,107,246)
```
#3d7bf7
```
#3d7bf7 rgb(61,123,247)
```
#558cf8
```
#558cf8 rgb(85,140,248)
```
#6d9df9
```
#6d9df9 rgb(109,157,249)
```
#86adfa
```
#86adfa rgb(134,173,250)
```
#9ebefb
```
#9ebefb rgb(158,190,251)
```

Monochromatic Color

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

#55b5f8
```
#55b5f8 rgb(85,181,248)
```
#55a7f8
```
#55a7f8 rgb(85,167,248)
```
#559af8
```
#559af8 rgb(85,154,248)
```
#558cf8
```
#558cf8 rgb(85,140,248)
```
#557ef8
```
#557ef8 rgb(85,126,248)
```
#5571f8
```
#5571f8 rgb(85,113,248)
```
#5563f8
```
#5563f8 rgb(85,99,248)
```

Similar Colors

Text with hexadecimal color #558cf8

This text has a font color of #558cf8.

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

#558cf8 background color

This paragraph has a background color of #558cf8.

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

#558cf8 border color

This element has a border color of #558cf8.

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

CSS codes

.text {color:#558cf8;}

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

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

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

#010712
```
#010712 rgb(1,7,18)
```
#020e25
```
#020e25 rgb(2,14,37)
```
#021438
```
#021438 rgb(2,20,56)
```
#031b4b
```
#031b4b rgb(3,27,75)
```
#04225e
```
#04225e rgb(4,34,94)
```
#052971
```
#052971 rgb(5,41,113)
```
#053083
```
#053083 rgb(5,48,131)
```
#063796
```
#063796 rgb(6,55,150)
```
#073ea9
```
#073ea9 rgb(7,62,169)
```
#0845bc
```
#0845bc rgb(8,69,188)
```
#094bcf
```
#094bcf rgb(9,75,207)
```
#0952e2
```
#0952e2 rgb(9,82,226)
```
#0a59f4
```
#0a59f4 rgb(10,89,244)
```

Shade Color Variation

#1c66f6
```
#1c66f6 rgb(28,102,246)
```
#2f73f6
```
#2f73f6 rgb(47,115,246)
```
#427ff7
```
#427ff7 rgb(66,127,247)
```
#558cf8
```
#558cf8 rgb(85,140,248)
```
#6899f9
```
#6899f9 rgb(104,153,249)
```
#7ba5fa
```
#7ba5fa rgb(123,165,250)
```
#8eb2fa
```
#8eb2fa rgb(142,178,250)
```
#a0bffb
```
#a0bffb rgb(160,191,251)
```
#b3ccfc
```
#b3ccfc rgb(179,204,252)
```
#c6d8fd
```
#c6d8fd rgb(198,216,253)
```
#d9e5fd
```
#d9e5fd rgb(217,229,253)
```
#ecf2fe
```
#ecf2fe rgb(236,242,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a0a4ad is the less saturated color, while #4e8aff is the most saturated one.

#a0a4ad
```
#a0a4ad rgb(160,164,173)
```
#99a2b4
```
#99a2b4 rgb(153,162,180)
```
#92a0bb
```
#92a0bb rgb(146,160,187)
```
#8b9ec2
```
#8b9ec2 rgb(139,158,194)
```
#859bc8
```
#859bc8 rgb(133,155,200)
```
#7e99cf
```
#7e99cf rgb(126,153,207)
```
#7797d6
```
#7797d6 rgb(119,151,214)
```
#7095dd
```
#7095dd rgb(112,149,221)
```
#6993e4
```
#6993e4 rgb(105,147,228)
```
#6390ea
```
#6390ea rgb(99,144,234)
```
#5c8ef1
```
#5c8ef1 rgb(92,142,241)
```
#558cf8
```
#558cf8 rgb(85,140,248)
```
#4e8aff
```
#4e8aff rgb(78,138,255)
```

Tone Color Variation

Below, you can see how #558cf8 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
#7e899e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6191f7 Protanopia 1% of men
#3896f6 Deuteranopia 1% of men
#00a3af Tritanopia 0.001% of the population

Trichromacy

#5c8ff7 Protanomaly 1% of men, 0.01% of women
#4392f6 Deuteranomaly 6% of men, 0.4% of women
#1e9ac9 Tritanomaly 0.01% of the population