colorhexa.com

#558fc1 hex color

In a RGB color space, hex #558fc1 is composed of 33.3% red, 56.1% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 25.9% magenta, 0% yellow and 24.3% black. It has a hue angle of 207.8 degrees, a saturation of 46.6% and a lightness of 54.5%. #558fc1 color hex could be obtained by blending #aaffff with #001f83. Closest websafe color is: #6699cc.

- R 33
- G 56
- B 76
RGB color chart
- C 56
- M 26
- Y 0
- K 24
CMYK color chart

● #558fc1 color description : Moderate blue.

The hexadecimal color #558fc1 has RGB values of R:85, G:143, B:193 and CMYK values of C:0.56, M:0.26, Y:0, K:0.24. Its decimal value is 5607361.

Hex triplet	558fc1	`#558fc1`
RGB Decimal	85, 143, 193	`rgb(85,143,193)`
RGB Percent	33.3, 56.1, 75.7	`rgb(33.3%,56.1%,75.7%)`
CMYK	56, 26, 0, 24
HSL	207.8°, 46.6, 54.5	`hsl(207.8,46.6%,54.5%)`
HSV (or HSB)	207.8°, 56, 75.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.487, -4.312, -31.739
XYZ	23.192, 25.425, 54.135
xyY	0.226, 0.247, 25.425
CIE-LCH	57.487, 32.031, 262.263
CIE-LUV	57.487, -25.573, -48.385
Hunter-Lab	50.423, -6.14, -28.358
Binary	01010101, 10001111, 11000001

#558fc1
```
#558fc1 rgb(85,143,193)
```
#c18755
```
#c18755 rgb(193,135,85)
```

Complementary Color

#55c1bd
```
#55c1bd rgb(85,193,189)
```
#558fc1
```
#558fc1 rgb(85,143,193)
```
#5559c1
```
#5559c1 rgb(85,89,193)
```

Analogous Color

#c1bd55
```
#c1bd55 rgb(193,189,85)
```
#558fc1
```
#558fc1 rgb(85,143,193)
```
#c15559
```
#c15559 rgb(193,85,89)
```

Split Complementary Color

#8fc155
```
#8fc155 rgb(143,193,85)
```
#558fc1
```
#558fc1 rgb(85,143,193)
```
#c1558f
```
#c1558f rgb(193,85,143)
```

Triadic Color

#55c187
```
#55c187 rgb(85,193,135)
```
#558fc1
```
#558fc1 rgb(85,143,193)
```
#c1558f
```
#c1558f rgb(193,85,143)
```
#c18755
```
#c18755 rgb(193,135,85)
```

Tetradic Color

#366894
```
#366894 rgb(54,104,148)
```
#3d75a6
```
#3d75a6 rgb(61,117,166)
```
#4383b9
```
#4383b9 rgb(67,131,185)
```
#558fc1
```
#558fc1 rgb(85,143,193)
```
#689bc8
```
#689bc8 rgb(104,155,200)
```
#7aa8cf
```
#7aa8cf rgb(122,168,207)
```
#8db4d5
```
#8db4d5 rgb(141,180,213)
```

Monochromatic Color

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

#55aac1
```
#55aac1 rgb(85,170,193)
```
#55a1c1
```
#55a1c1 rgb(85,161,193)
```
#5598c1
```
#5598c1 rgb(85,152,193)
```
#558fc1
```
#558fc1 rgb(85,143,193)
```
#5586c1
```
#5586c1 rgb(85,134,193)
```
#557dc1
```
#557dc1 rgb(85,125,193)
```
#5574c1
```
#5574c1 rgb(85,116,193)
```

Similar Colors

Text with hexadecimal color #558fc1

This text has a font color of #558fc1.

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

#558fc1 background color

This paragraph has a background color of #558fc1.

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

#558fc1 border color

This element has a border color of #558fc1.

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

CSS codes

.text {color:#558fc1;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060c11
```
#060c11 rgb(6,12,17)
```
#0b161f
```
#0b161f rgb(11,22,31)
```
#11202e
```
#11202e rgb(17,32,46)
```
#162a3c
```
#162a3c rgb(22,42,60)
```
#1b344a
```
#1b344a rgb(27,52,74)
```
#203f59
```
#203f59 rgb(32,63,89)
```
#264967
```
#264967 rgb(38,73,103)
```
#2b5375
```
#2b5375 rgb(43,83,117)
```
#305d84
```
#305d84 rgb(48,93,132)
```
#356792
```
#356792 rgb(53,103,146)
```
#3b71a1
```
#3b71a1 rgb(59,113,161)
```
#407caf
```
#407caf rgb(64,124,175)
```

Shade Color Variation

#4786bc
```
#4786bc rgb(71,134,188)
```
#558fc1
```
#558fc1 rgb(85,143,193)
```
#6398c6
```
#6398c6 rgb(99,152,198)
```
#72a2cb
```
#72a2cb rgb(114,162,203)
```
#80abd1
```
#80abd1 rgb(128,171,209)
```
#8eb5d6
```
#8eb5d6 rgb(142,181,214)
```
#9dbedb
```
#9dbedb rgb(157,190,219)
```
#abc8e0
```
#abc8e0 rgb(171,200,224)
```
#bad1e6
```
#bad1e6 rgb(186,209,230)
```
#c8dbeb
```
#c8dbeb rgb(200,219,235)
```
#d6e4f0
```
#d6e4f0 rgb(214,228,240)
```
#e5eef5
```
#e5eef5 rgb(229,238,245)
```
#f3f7fb
```
#f3f7fb rgb(243,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8b8b is the less saturated color, while #1f93f7 is the most saturated one.

#8b8b8b
```
#8b8b8b rgb(139,139,139)
```
#828c94
```
#828c94 rgb(130,140,148)
```
#798c9d
```
#798c9d rgb(121,140,157)
```
#708da6
```
#708da6 rgb(112,141,166)
```
#678eaf
```
#678eaf rgb(103,142,175)
```
#5e8eb8
```
#5e8eb8 rgb(94,142,184)
```
#558fc1
```
#558fc1 rgb(85,143,193)
```
#4c90ca
```
#4c90ca rgb(76,144,202)
```
#4390d3
```
#4390d3 rgb(67,144,211)
```
#3a91dc
```
#3a91dc rgb(58,145,220)
```
#3192e5
```
#3192e5 rgb(49,146,229)
```
#2892ee
```
#2892ee rgb(40,146,238)
```
#1f93f7
```
#1f93f7 rgb(31,147,247)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7a858f Atypical Achromatopsia 0.001% of the population

Dichromacy

#808ebf Protanopia 1% of men
#7a8ec6 Deuteranopia 1% of men
#4e9aa6 Tritanopia 0.001% of the population

Trichromacy

#708ec0 Protanomaly 1% of men, 0.01% of women
#6c8ec4 Deuteranomaly 6% of men, 0.4% of women
#5196af Tritanomaly 0.01% of the population