#558ba1 hex color

In a RGB color space, hex #558ba1 is composed of 33.3% red, 54.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 13.7% magenta, 0% yellow and 36.9% black. It has a hue angle of 197.4 degrees, a saturation of 30.9% and a lightness of 48.2%. #558ba1 color hex could be obtained by blending #aaffff with #001743. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 55
- B 63
RGB color chart
- C 47
- M 14
- Y 0
- K 37
CMYK color chart

● #558ba1 color description : Dark moderate blue.

The hexadecimal color #558ba1 has RGB values of R:85, G:139, B:161 and CMYK values of C:0.47, M:0.14, Y:0, K:0.37. Its decimal value is 5606305.

Hex triplet	558ba1	`#558ba1`
RGB Decimal	85, 139, 161	`rgb(85,139,161)`
RGB Percent	33.3, 54.5, 63.1	`rgb(33.3%,54.5%,63.1%)`
CMYK	47, 14, 0, 37
HSL	197.4°, 30.9, 48.2	`hsl(197.4,30.9%,48.2%)`
HSV (or HSB)	197.4°, 47.2, 63.1
Web Safe	669999	`#669999`

CIE-LAB	55.04, -11.764, -17.242
XYZ	19.41, 22.969, 37.127
xyY	0.244, 0.289, 22.969
CIE-LCH	55.04, 20.873, 235.695
CIE-LUV	55.04, -24.682, -23.923
Hunter-Lab	47.926, -11.576, -12.383
Binary	01010101, 10001011, 10100001

#558ba1
```
#558ba1 rgb(85,139,161)
```
#a16b55
```
#a16b55 rgb(161,107,85)
```

Complementary Color

#55a191
```
#55a191 rgb(85,161,145)
```
#558ba1
```
#558ba1 rgb(85,139,161)
```
#5565a1
```
#5565a1 rgb(85,101,161)
```

Analogous Color

#a19155
```
#a19155 rgb(161,145,85)
```
#558ba1
```
#558ba1 rgb(85,139,161)
```
#a15565
```
#a15565 rgb(161,85,101)
```

Split Complementary Color

#8ba155
```
#8ba155 rgb(139,161,85)
```
#558ba1
```
#558ba1 rgb(85,139,161)
```
#a1558b
```
#a1558b rgb(161,85,139)
```

Triadic Color

#55a16b
```
#55a16b rgb(85,161,107)
```
#558ba1
```
#558ba1 rgb(85,139,161)
```
#a1558b
```
#a1558b rgb(161,85,139)
```
#a16b55
```
#a16b55 rgb(161,107,85)
```

Tetradic Color

#3b606f
```
#3b606f rgb(59,96,111)
```
#436e80
```
#436e80 rgb(67,110,128)
```
#4c7d90
```
#4c7d90 rgb(76,125,144)
```
#558ba1
```
#558ba1 rgb(85,139,161)
```
#6397ad
```
#6397ad rgb(99,151,173)
```
#74a2b5
```
#74a2b5 rgb(116,162,181)
```
#84adbe
```
#84adbe rgb(132,173,190)
```

Monochromatic Color

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

#559ea1
```
#559ea1 rgb(85,158,161)
```
#5598a1
```
#5598a1 rgb(85,152,161)
```
#5591a1
```
#5591a1 rgb(85,145,161)
```
#558ba1
```
#558ba1 rgb(85,139,161)
```
#5585a1
```
#5585a1 rgb(85,133,161)
```
#557ea1
```
#557ea1 rgb(85,126,161)
```
#5578a1
```
#5578a1 rgb(85,120,161)
```

Similar Colors

Text with hexadecimal color #558ba1

This text has a font color of #558ba1.

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

#558ba1 background color

This paragraph has a background color of #558ba1.

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

#558ba1 border color

This element has a border color of #558ba1.

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

CSS codes

.text {color:#558ba1;}

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

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0a1114
```
#0a1114 rgb(10,17,20)
```
#111c21
```
#111c21 rgb(17,28,33)
```
#18272d
```
#18272d rgb(24,39,45)
```
#1f323a
```
#1f323a rgb(31,50,58)
```
#263d47
```
#263d47 rgb(38,61,71)
```
#2c4854
```
#2c4854 rgb(44,72,84)
```
#335461
```
#335461 rgb(51,84,97)
```
#3a5f6e
```
#3a5f6e rgb(58,95,110)
```
#416a7a
```
#416a7a rgb(65,106,122)
```
#477587
```
#477587 rgb(71,117,135)
```
#4e8094
```
#4e8094 rgb(78,128,148)
```
#558ba1
```
#558ba1 rgb(85,139,161)
```

Shade Color Variation

#5f95ab
```
#5f95ab rgb(95,149,171)
```
#6c9db1
```
#6c9db1 rgb(108,157,177)
```
#79a6b8
```
#79a6b8 rgb(121,166,184)
```
#86aebf
```
#86aebf rgb(134,174,191)
```
#92b7c6
```
#92b7c6 rgb(146,183,198)
```
#9fbfcc
```
#9fbfcc rgb(159,191,204)
```
#acc8d3
```
#acc8d3 rgb(172,200,211)
```
#b9d0da
```
#b9d0da rgb(185,208,218)
```
#c6d9e1
```
#c6d9e1 rgb(198,217,225)
```
#d3e1e8
```
#d3e1e8 rgb(211,225,232)
```
#dfeaee
```
#dfeaee rgb(223,234,238)
```
#ecf3f5
```
#ecf3f5 rgb(236,243,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7b7b is the less saturated color, while #09abed is the most saturated one.

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#717f85
```
#717f85 rgb(113,127,133)
```
#68838e
```
#68838e rgb(104,131,142)
```
#5e8798
```
#5e8798 rgb(94,135,152)
```
#558ba1
```
#558ba1 rgb(85,139,161)
```
#4c8faa
```
#4c8faa rgb(76,143,170)
```
#4293b4
```
#4293b4 rgb(66,147,180)
```
#3997bd
```
#3997bd rgb(57,151,189)
```
#2f9bc7
```
#2f9bc7 rgb(47,155,199)
```
#269fd0
```
#269fd0 rgb(38,159,208)
```
#1ca3da
```
#1ca3da rgb(28,163,218)
```
#13a7e3
```
#13a7e3 rgb(19,167,227)
```
#09abed
```
#09abed rgb(9,171,237)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#758084 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8589a0 Protanopia 1% of men
#8687a9 Deuteranopia 1% of men
#5a929d Tritanopia 0.001% of the population

Trichromacy

#7389a0 Protanomaly 1% of men, 0.01% of women
#7488a6 Deuteranomaly 6% of men, 0.4% of women
#588f9e Tritanomaly 0.01% of the population

#558ba1 hex color

#558ba1 Color Information

#558ba1 Color Conversion

Color Schemes with #558ba1

Alternatives to #558ba1

#558ba1 Preview

Shades and Tints of #558ba1

Tones of #558ba1

Color Blindness Simulator