#558ab4 hex color

In a RGB color space, hex #558ab4 is composed of 33.3% red, 54.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 23.3% magenta, 0% yellow and 29.4% black. It has a hue angle of 206.5 degrees, a saturation of 38.8% and a lightness of 52%. #558ab4 color hex could be obtained by blending #aaffff with #001569. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 54
- B 71
RGB color chart
- C 53
- M 23
- Y 0
- K 29
CMYK color chart

● #558ab4 color description : Moderate blue.

The hexadecimal color #558ab4 has RGB values of R:85, G:138, B:180 and CMYK values of C:0.53, M:0.23, Y:0, K:0.29. Its decimal value is 5606068.

Hex triplet	558ab4	`#558ab4`
RGB Decimal	85, 138, 180	`rgb(85,138,180)`
RGB Percent	33.3, 54.1, 70.6	`rgb(33.3%,54.1%,70.6%)`
CMYK	53, 23, 0, 29
HSL	206.5°, 38.8, 52	`hsl(206.5,38.8%,52%)`
HSV (or HSB)	206.5°, 52.8, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.484, -5.51, -27.454
XYZ	21.071, 23.402, 46.584
xyY	0.231, 0.257, 23.402
CIE-LCH	55.484, 28.002, 258.651
CIE-LUV	55.484, -23.93, -41.008
Hunter-Lab	48.376, -6.909, -23.231
Binary	01010101, 10001010, 10110100

#558ab4
```
#558ab4 rgb(85,138,180)
```
#b47f55
```
#b47f55 rgb(180,127,85)
```

Complementary Color

#55b4af
```
#55b4af rgb(85,180,175)
```
#558ab4
```
#558ab4 rgb(85,138,180)
```
#555bb4
```
#555bb4 rgb(85,91,180)
```

Analogous Color

#b4af55
```
#b4af55 rgb(180,175,85)
```
#558ab4
```
#558ab4 rgb(85,138,180)
```
#b4555b
```
#b4555b rgb(180,85,91)
```

Split Complementary Color

#8ab455
```
#8ab455 rgb(138,180,85)
```
#558ab4
```
#558ab4 rgb(85,138,180)
```
#b4558a
```
#b4558a rgb(180,85,138)
```

Triadic Color

#55b47f
```
#55b47f rgb(85,180,127)
```
#558ab4
```
#558ab4 rgb(85,138,180)
```
#b4558a
```
#b4558a rgb(180,85,138)
```
#b47f55
```
#b47f55 rgb(180,127,85)
```

Tetradic Color

#3a6283
```
#3a6283 rgb(58,98,131)
```
#427094
```
#427094 rgb(66,112,148)
```
#497da6
```
#497da6 rgb(73,125,166)
```
#558ab4
```
#558ab4 rgb(85,138,180)
```
#6796bc
```
#6796bc rgb(103,150,188)
```
#78a2c4
```
#78a2c4 rgb(120,162,196)
```
#8aafcb
```
#8aafcb rgb(138,175,203)
```

Monochromatic Color

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

#55a2b4
```
#55a2b4 rgb(85,162,180)
```
#559ab4
```
#559ab4 rgb(85,154,180)
```
#5592b4
```
#5592b4 rgb(85,146,180)
```
#558ab4
```
#558ab4 rgb(85,138,180)
```
#5582b4
```
#5582b4 rgb(85,130,180)
```
#557ab4
```
#557ab4 rgb(85,122,180)
```
#5572b4
```
#5572b4 rgb(85,114,180)
```

Similar Colors

Text with hexadecimal color #558ab4

This text has a font color of #558ab4.

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

#558ab4 background color

This paragraph has a background color of #558ab4.

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

#558ab4 border color

This element has a border color of #558ab4.

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

CSS codes

.text {color:#558ab4;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#090f15
```
#090f15 rgb(9,15,21)
```
#0f1a22
```
#0f1a22 rgb(15,26,34)
```
#152430
```
#152430 rgb(21,36,48)
```
#1b2e3d
```
#1b2e3d rgb(27,46,61)
```
#21384b
```
#21384b rgb(33,56,75)
```
#274359
```
#274359 rgb(39,67,89)
```
#2d4d66
```
#2d4d66 rgb(45,77,102)
```
#335774
```
#335774 rgb(51,87,116)
```
#396181
```
#396181 rgb(57,97,129)
```
#3f6c8f
```
#3f6c8f rgb(63,108,143)
```
#45769d
```
#45769d rgb(69,118,157)
```
#4b80aa
```
#4b80aa rgb(75,128,170)
```

Shade Color Variation

#558ab4
```
#558ab4 rgb(85,138,180)
```
#6393ba
```
#6393ba rgb(99,147,186)
```
#709dc0
```
#709dc0 rgb(112,157,192)
```
#7ea6c6
```
#7ea6c6 rgb(126,166,198)
```
#8bafcc
```
#8bafcc rgb(139,175,204)
```
#99b9d2
```
#99b9d2 rgb(153,185,210)
```
#a7c2d8
```
#a7c2d8 rgb(167,194,216)
```
#b4ccde
```
#b4ccde rgb(180,204,222)
```
#c2d5e4
```
#c2d5e4 rgb(194,213,228)
```
#cfdeea
```
#cfdeea rgb(207,222,234)
```
#dde8f0
```
#dde8f0 rgb(221,232,240)
```
#ebf1f6
```
#ebf1f6 rgb(235,241,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#848585
```
#848585 rgb(132,133,133)
```
#7b868e
```
#7b868e rgb(123,134,142)
```
#718798
```
#718798 rgb(113,135,152)
```
#6888a1
```
#6888a1 rgb(104,136,161)
```
#5e89ab
```
#5e89ab rgb(94,137,171)
```
#558ab4
```
#558ab4 rgb(85,138,180)
```
#4c8bbd
```
#4c8bbd rgb(76,139,189)
```
#428cc7
```
#428cc7 rgb(66,140,199)
```
#398dd0
```
#398dd0 rgb(57,141,208)
```
#2f8eda
```
#2f8eda rgb(47,142,218)
```
#268fe3
```
#268fe3 rgb(38,143,227)
```
#1c91ed
```
#1c91ed rgb(28,145,237)
```
#1392f6
```
#1392f6 rgb(19,146,246)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#77818a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e89b3 Protanopia 1% of men
#7b89ba Deuteranopia 1% of men
#53949f Tritanopia 0.001% of the population

Trichromacy

#6f89b3 Protanomaly 1% of men, 0.01% of women
#6d89b8 Deuteranomaly 6% of men, 0.4% of women
#5390a7 Tritanomaly 0.01% of the population

#558ab4 hex color

#558ab4 Color Information

#558ab4 Color Conversion

Color Schemes with #558ab4

Alternatives to #558ab4

#558ab4 Preview

Shades and Tints of #558ab4

Tones of #558ab4

Color Blindness Simulator