#558bc4 hex color

In a RGB color space, hex #558bc4 is composed of 33.3% red, 54.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 29.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 210.8 degrees, a saturation of 48.5% and a lightness of 55.1%. #558bc4 color hex could be obtained by blending #aaffff with #001789. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 55
- B 77
RGB color chart
- C 57
- M 29
- Y 0
- K 23
CMYK color chart

● #558bc4 color description : Moderate blue.

The hexadecimal color #558bc4 has RGB values of R:85, G:139, B:196 and CMYK values of C:0.57, M:0.29, Y:0, K:0.23. Its decimal value is 5606340.

Hex triplet	558bc4	`#558bc4`
RGB Decimal	85, 139, 196	`rgb(85,139,196)`
RGB Percent	33.3, 54.5, 76.9	`rgb(33.3%,54.5%,76.9%)`
CMYK	57, 29, 0, 23
HSL	210.8°, 48.5, 55.1	`hsl(210.8,48.5%,55.1%)`
HSV (or HSB)	210.8°, 56.6, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.467, -1.049, -35.029
XYZ	22.94, 24.381, 55.719
xyY	0.223, 0.237, 24.381
CIE-LCH	56.467, 35.044, 268.285
CIE-LUV	56.467, -24.036, -53.989
Hunter-Lab	49.377, -3.478, -32.341
Binary	01010101, 10001011, 11000100

#558bc4
```
#558bc4 rgb(85,139,196)
```
#c48e55
```
#c48e55 rgb(196,142,85)
```

Complementary Color

#55c3c4
```
#55c3c4 rgb(85,195,196)
```
#558bc4
```
#558bc4 rgb(85,139,196)
```
#5655c4
```
#5655c4 rgb(86,85,196)
```

Analogous Color

#c3c455
```
#c3c455 rgb(195,196,85)
```
#558bc4
```
#558bc4 rgb(85,139,196)
```
#c45755
```
#c45755 rgb(196,87,85)
```

Split Complementary Color

#8bc455
```
#8bc455 rgb(139,196,85)
```
#558bc4
```
#558bc4 rgb(85,139,196)
```
#c4558b
```
#c4558b rgb(196,85,139)
```

Triadic Color

#55c48e
```
#55c48e rgb(85,196,142)
```
#558bc4
```
#558bc4 rgb(85,139,196)
```
#c4558b
```
#c4558b rgb(196,85,139)
```
#c48e55
```
#c48e55 rgb(196,142,85)
```

Tetradic Color

#356598
```
#356598 rgb(53,101,152)
```
#3b71ab
```
#3b71ab rgb(59,113,171)
```
#427ebd
```
#427ebd rgb(66,126,189)
```
#558bc4
```
#558bc4 rgb(85,139,196)
```
#6898cb
```
#6898cb rgb(104,152,203)
```
#7ba5d1
```
#7ba5d1 rgb(123,165,209)
```
#8eb2d8
```
#8eb2d8 rgb(142,178,216)
```

Monochromatic Color

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

#55a7c4
```
#55a7c4 rgb(85,167,196)
```
#559ec4
```
#559ec4 rgb(85,158,196)
```
#5594c4
```
#5594c4 rgb(85,148,196)
```
#558bc4
```
#558bc4 rgb(85,139,196)
```
#5582c4
```
#5582c4 rgb(85,130,196)
```
#5579c4
```
#5579c4 rgb(85,121,196)
```
#556fc4
```
#556fc4 rgb(85,111,196)
```

Similar Colors

Text with hexadecimal color #558bc4

This text has a font color of #558bc4.

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

#558bc4 background color

This paragraph has a background color of #558bc4.

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

#558bc4 border color

This element has a border color of #558bc4.

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

CSS codes

.text {color:#558bc4;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070d13
```
#070d13 rgb(7,13,19)
```
#0c1722
```
#0c1722 rgb(12,23,34)
```
#112030
```
#112030 rgb(17,32,48)
```
#162a3f
```
#162a3f rgb(22,42,63)
```
#1b344e
```
#1b344e rgb(27,52,78)
```
#203d5c
```
#203d5c rgb(32,61,92)
```
#25476b
```
#25476b rgb(37,71,107)
```
#2a5179
```
#2a5179 rgb(42,81,121)
```
#2f5a88
```
#2f5a88 rgb(47,90,136)
```
#346496
```
#346496 rgb(52,100,150)
```
#396ea5
```
#396ea5 rgb(57,110,165)
```
#3e77b3
```
#3e77b3 rgb(62,119,179)
```

Shade Color Variation

#4681bf
```
#4681bf rgb(70,129,191)
```
#558bc4
```
#558bc4 rgb(85,139,196)
```
#6495c9
```
#6495c9 rgb(100,149,201)
```
#729fce
```
#729fce rgb(114,159,206)
```
#81a9d3
```
#81a9d3 rgb(129,169,211)
```
#8fb3d8
```
#8fb3d8 rgb(143,179,216)
```
#9ebddd
```
#9ebddd rgb(158,189,221)
```
#acc7e2
```
#acc7e2 rgb(172,199,226)
```
#bbd1e7
```
#bbd1e7 rgb(187,209,231)
```
#c9daec
```
#c9daec rgb(201,218,236)
```
#d8e4f1
```
#d8e4f1 rgb(216,228,241)
```
#e7eef7
```
#e7eef7 rgb(231,238,247)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

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

#8a8c8f
```
#8a8c8f rgb(138,140,143)
```
#818c98
```
#818c98 rgb(129,140,152)
```
#788ca1
```
#788ca1 rgb(120,140,161)
```
#6f8caa
```
#6f8caa rgb(111,140,170)
```
#678bb2
```
#678bb2 rgb(103,139,178)
```
#5e8bbb
```
#5e8bbb rgb(94,139,187)
```
#558bc4
```
#558bc4 rgb(85,139,196)
```
#4c8bcd
```
#4c8bcd rgb(76,139,205)
```
#438bd6
```
#438bd6 rgb(67,139,214)
```
#3b8ade
```
#3b8ade rgb(59,138,222)
```
#328ae7
```
#328ae7 rgb(50,138,231)
```
#298af0
```
#298af0 rgb(41,138,240)
```
#208af9
```
#208af9 rgb(32,138,249)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#78838e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a8bc3 Protanopia 1% of men
#728cc8 Deuteranopia 1% of men
#4b98a3 Tritanopia 0.001% of the population

Trichromacy

#6d8bc3 Protanomaly 1% of men, 0.01% of women
#678cc7 Deuteranomaly 6% of men, 0.4% of women
#4f93af Tritanomaly 0.01% of the population

#558bc4 hex color

#558bc4 Color Information

#558bc4 Color Conversion

Color Schemes with #558bc4

Alternatives to #558bc4

#558bc4 Preview

Shades and Tints of #558bc4

Tones of #558bc4

Color Blindness Simulator