#558bf8 hex color

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

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

● #558bf8 color description : Soft blue.

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

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

CIE-LAB	59.133, 16.274, -59.859
XYZ	29.919, 27.172, 92.47
xyY	0.2, 0.182, 27.172
CIE-LCH	59.133, 62.032, 285.21
CIE-LUV	59.133, -23.401, -97.066
Hunter-Lab	52.127, 11.23, -68.688
Binary	01010101, 10001011, 11111000

#558bf8
```
#558bf8 rgb(85,139,248)
```
#f8c255
```
#f8c255 rgb(248,194,85)
```

Complementary Color

#55ddf8
```
#55ddf8 rgb(85,221,248)
```
#558bf8
```
#558bf8 rgb(85,139,248)
```
#7155f8
```
#7155f8 rgb(113,85,248)
```

Analogous Color

#ddf855
```
#ddf855 rgb(221,248,85)
```
#558bf8
```
#558bf8 rgb(85,139,248)
```
#f87155
```
#f87155 rgb(248,113,85)
```

Split Complementary Color

#8bf855
```
#8bf855 rgb(139,248,85)
```
#558bf8
```
#558bf8 rgb(85,139,248)
```
#f8558b
```
#f8558b rgb(248,85,139)
```

Triadic Color

#55f8c2
```
#55f8c2 rgb(85,248,194)
```
#558bf8
```
#558bf8 rgb(85,139,248)
```
#f8558b
```
#f8558b rgb(248,85,139)
```
#f8c255
```
#f8c255 rgb(248,194,85)
```

Tetradic Color

#0c59f5
```
#0c59f5 rgb(12,89,245)
```
#246af6
```
#246af6 rgb(36,106,246)
```
#3d7af7
```
#3d7af7 rgb(61,122,247)
```
#558bf8
```
#558bf8 rgb(85,139,248)
```
#6d9cf9
```
#6d9cf9 rgb(109,156,249)
```
#86acfa
```
#86acfa rgb(134,172,250)
```
#9ebdfb
```
#9ebdfb rgb(158,189,251)
```

Monochromatic Color

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

#55b4f8
```
#55b4f8 rgb(85,180,248)
```
#55a6f8
```
#55a6f8 rgb(85,166,248)
```
#5599f8
```
#5599f8 rgb(85,153,248)
```
#558bf8
```
#558bf8 rgb(85,139,248)
```
#557df8
```
#557df8 rgb(85,125,248)
```
#5570f8
```
#5570f8 rgb(85,112,248)
```
#5562f8
```
#5562f8 rgb(85,98,248)
```

Similar Colors

Text with hexadecimal color #558bf8

This text has a font color of #558bf8.

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

#558bf8 background color

This paragraph has a background color of #558bf8.

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

#558bf8 border color

This element has a border color of #558bf8.

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

CSS codes

.text {color:#558bf8;}

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

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

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)
```
#020d25
```
#020d25 rgb(2,13,37)
```
#021438
```
#021438 rgb(2,20,56)
```
#031b4b
```
#031b4b rgb(3,27,75)
```
#04225e
```
#04225e rgb(4,34,94)
```
#052871
```
#052871 rgb(5,40,113)
```
#052f83
```
#052f83 rgb(5,47,131)
```
#063696
```
#063696 rgb(6,54,150)
```
#073da9
```
#073da9 rgb(7,61,169)
```
#0843bc
```
#0843bc rgb(8,67,188)
```
#094acf
```
#094acf rgb(9,74,207)
```
#0951e2
```
#0951e2 rgb(9,81,226)
```
#0a58f4
```
#0a58f4 rgb(10,88,244)
```

Shade Color Variation

#1c64f6
```
#1c64f6 rgb(28,100,246)
```
#2f71f6
```
#2f71f6 rgb(47,113,246)
```
#427ef7
```
#427ef7 rgb(66,126,247)
```
#558bf8
```
#558bf8 rgb(85,139,248)
```
#6898f9
```
#6898f9 rgb(104,152,249)
```
#7ba5fa
```
#7ba5fa rgb(123,165,250)
```
#8eb2fa
```
#8eb2fa rgb(142,178,250)
```
#a0befb
```
#a0befb rgb(160,190,251)
```
#b3cbfc
```
#b3cbfc rgb(179,203,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 #4e89ff is the most saturated one.

#a0a4ad
```
#a0a4ad rgb(160,164,173)
```
#99a2b4
```
#99a2b4 rgb(153,162,180)
```
#92a0bb
```
#92a0bb rgb(146,160,187)
```
#8b9dc2
```
#8b9dc2 rgb(139,157,194)
```
#859bc8
```
#859bc8 rgb(133,155,200)
```
#7e99cf
```
#7e99cf rgb(126,153,207)
```
#7796d6
```
#7796d6 rgb(119,150,214)
```
#7094dd
```
#7094dd rgb(112,148,221)
```
#6992e4
```
#6992e4 rgb(105,146,228)
```
#6390ea
```
#6390ea rgb(99,144,234)
```
#5c8df1
```
#5c8df1 rgb(92,141,241)
```
#558bf8
```
#558bf8 rgb(85,139,248)
```
#4e89ff
```
#4e89ff rgb(78,137,255)
```

Tone Color Variation

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

Dichromacy

#5f90f8 Protanopia 1% of men
#3496f6 Deuteranopia 1% of men
#00a2ae Tritanopia 0.001% of the population

Trichromacy

#5b8ef8 Protanomaly 1% of men, 0.01% of women
#4092f6 Deuteranomaly 6% of men, 0.4% of women
#1e99c9 Tritanomaly 0.01% of the population

#558bf8 hex color

#558bf8 Color Information

#558bf8 Color Conversion

Color Schemes with #558bf8

Alternatives to #558bf8

#558bf8 Preview

Shades and Tints of #558bf8

Tones of #558bf8

Color Blindness Simulator