#558ab5 hex color

In a RGB color space, hex #558ab5 is composed of 33.3% red, 54.1% green and 71% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 23.8% magenta, 0% yellow and 29% black. It has a hue angle of 206.9 degrees, a saturation of 39.3% and a lightness of 52.2%. #558ab5 color hex could be obtained by blending #aaffff with #00156b. Closest websafe color is: #6699cc.

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

● #558ab5 color description : Moderate blue.

The hexadecimal color #558ab5 has RGB values of R:85, G:138, B:181 and CMYK values of C:0.53, M:0.24, Y:0, K:0.29. Its decimal value is 5606069.

Hex triplet	558ab5	`#558ab5`
RGB Decimal	85, 138, 181	`rgb(85,138,181)`
RGB Percent	33.3, 54.1, 71	`rgb(33.3%,54.1%,71%)`
CMYK	53, 24, 0, 29
HSL	206.9°, 39.3, 52.2	`hsl(206.9,39.3%,52.2%)`
HSV (or HSB)	206.9°, 53, 71
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.526, -5.201, -27.961
XYZ	21.173, 23.443, 47.123
xyY	0.231, 0.256, 23.443
CIE-LCH	55.526, 28.441, 259.463
CIE-LUV	55.526, -23.913, -41.869
Hunter-Lab	48.418, -6.674, -23.811
Binary	01010101, 10001010, 10110101

#558ab5
```
#558ab5 rgb(85,138,181)
```
#b58055
```
#b58055 rgb(181,128,85)
```

Complementary Color

#55b5b0
```
#55b5b0 rgb(85,181,176)
```
#558ab5
```
#558ab5 rgb(85,138,181)
```
#555ab5
```
#555ab5 rgb(85,90,181)
```

Analogous Color

#b5b055
```
#b5b055 rgb(181,176,85)
```
#558ab5
```
#558ab5 rgb(85,138,181)
```
#b5555a
```
#b5555a rgb(181,85,90)
```

Split Complementary Color

#8ab555
```
#8ab555 rgb(138,181,85)
```
#558ab5
```
#558ab5 rgb(85,138,181)
```
#b5558a
```
#b5558a rgb(181,85,138)
```

Triadic Color

#55b580
```
#55b580 rgb(85,181,128)
```
#558ab5
```
#558ab5 rgb(85,138,181)
```
#b5558a
```
#b5558a rgb(181,85,138)
```
#b58055
```
#b58055 rgb(181,128,85)
```

Tetradic Color

#396384
```
#396384 rgb(57,99,132)
```
#417096
```
#417096 rgb(65,112,150)
```
#497da8
```
#497da8 rgb(73,125,168)
```
#558ab5
```
#558ab5 rgb(85,138,181)
```
#6796bd
```
#6796bd rgb(103,150,189)
```
#79a2c4
```
#79a2c4 rgb(121,162,196)
```
#8aafcc
```
#8aafcc rgb(138,175,204)
```

Monochromatic Color

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

#55a2b5
```
#55a2b5 rgb(85,162,181)
```
#559ab5
```
#559ab5 rgb(85,154,181)
```
#5592b5
```
#5592b5 rgb(85,146,181)
```
#558ab5
```
#558ab5 rgb(85,138,181)
```
#5582b5
```
#5582b5 rgb(85,130,181)
```
#557ab5
```
#557ab5 rgb(85,122,181)
```
#5572b5
```
#5572b5 rgb(85,114,181)
```

Similar Colors

Text with hexadecimal color #558ab5

This text has a font color of #558ab5.

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

#558ab5 background color

This paragraph has a background color of #558ab5.

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

#558ab5 border color

This element has a border color of #558ab5.

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

CSS codes

.text {color:#558ab5;}

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

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

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

#030608
```
#030608 rgb(3,6,8)
```
#091015
```
#091015 rgb(9,16,21)
```
#0f1a23
```
#0f1a23 rgb(15,26,35)
```
#152431
```
#152431 rgb(21,36,49)
```
#1b2f3e
```
#1b2f3e rgb(27,47,62)
```
#21394c
```
#21394c rgb(33,57,76)
```
#27435a
```
#27435a rgb(39,67,90)
```
#2d4d67
```
#2d4d67 rgb(45,77,103)
```
#335775
```
#335775 rgb(51,87,117)
```
#396283
```
#396283 rgb(57,98,131)
```
#3f6c90
```
#3f6c90 rgb(63,108,144)
```
#45769e
```
#45769e rgb(69,118,158)
```
#4b80ac
```
#4b80ac rgb(75,128,172)
```

Shade Color Variation

#558ab5
```
#558ab5 rgb(85,138,181)
```
#6393bb
```
#6393bb rgb(99,147,187)
```
#709dc1
```
#709dc1 rgb(112,157,193)
```
#7ea6c7
```
#7ea6c7 rgb(126,166,199)
```
#8cb0cd
```
#8cb0cd rgb(140,176,205)
```
#99b9d3
```
#99b9d3 rgb(153,185,211)
```
#a7c2d9
```
#a7c2d9 rgb(167,194,217)
```
#b5ccdf
```
#b5ccdf rgb(181,204,223)
```
#c2d5e5
```
#c2d5e5 rgb(194,213,229)
```
#d0dfeb
```
#d0dfeb rgb(208,223,235)
```
#dee8f0
```
#dee8f0 rgb(222,232,240)
```
#ebf1f6
```
#ebf1f6 rgb(235,241,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#848586
```
#848586 rgb(132,133,134)
```
#7b868f
```
#7b868f rgb(123,134,143)
```
#718799
```
#718799 rgb(113,135,153)
```
#6888a2
```
#6888a2 rgb(104,136,162)
```
#5e89ac
```
#5e89ac rgb(94,137,172)
```
#558ab5
```
#558ab5 rgb(85,138,181)
```
#4c8bbe
```
#4c8bbe rgb(76,139,190)
```
#428cc8
```
#428cc8 rgb(66,140,200)
```
#398dd1
```
#398dd1 rgb(57,141,209)
```
#2f8edb
```
#2f8edb rgb(47,142,219)
```
#268fe4
```
#268fe4 rgb(38,143,228)
```
#1d90ed
```
#1d90ed rgb(29,144,237)
```
#1391f7
```
#1391f7 rgb(19,145,247)
```

Tone Color Variation

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

#7e89b4 Protanopia 1% of men
#7a89bb Deuteranopia 1% of men
#52949f Tritanopia 0.001% of the population

Trichromacy

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

#558ab5 hex color

#558ab5 Color Information

#558ab5 Color Conversion

Color Schemes with #558ab5

Alternatives to #558ab5

#558ab5 Preview

Shades and Tints of #558ab5

Tones of #558ab5

Color Blindness Simulator