#558eac hex color

In a RGB color space, hex #558eac is composed of 33.3% red, 55.7% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 17.4% magenta, 0% yellow and 32.5% black. It has a hue angle of 200.7 degrees, a saturation of 34.4% and a lightness of 50.4%. #558eac color hex could be obtained by blending #aaffff with #001d59. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 56
- B 67
RGB color chart
- C 51
- M 17
- Y 0
- K 33
CMYK color chart

● #558eac color description : Dark moderate blue.

The hexadecimal color #558eac has RGB values of R:85, G:142, B:172 and CMYK values of C:0.51, M:0.17, Y:0, K:0.33. Its decimal value is 5607084.

Hex triplet	558eac	`#558eac`
RGB Decimal	85, 142, 172	`rgb(85,142,172)`
RGB Percent	33.3, 55.7, 67.5	`rgb(33.3%,55.7%,67.5%)`
CMYK	51, 17, 0, 33
HSL	200.7°, 34.4, 50.4	`hsl(200.7,34.4%,50.4%)`
HSV (or HSB)	200.7°, 50.6, 67.5
Web Safe	669999	`#669999`

CIE-LAB	56.342, -10.201, -21.562
XYZ	20.864, 24.255, 42.61
xyY	0.238, 0.276, 24.255
CIE-LCH	56.342, 23.854, 244.68
CIE-LUV	56.342, -25.638, -31.064
Hunter-Lab	49.249, -10.566, -16.823
Binary	01010101, 10001110, 10101100

#558eac
```
#558eac rgb(85,142,172)
```
#ac7355
```
#ac7355 rgb(172,115,85)
```

Complementary Color

#55ac9f
```
#55ac9f rgb(85,172,159)
```
#558eac
```
#558eac rgb(85,142,172)
```
#5563ac
```
#5563ac rgb(85,99,172)
```

Analogous Color

#ac9f55
```
#ac9f55 rgb(172,159,85)
```
#558eac
```
#558eac rgb(85,142,172)
```
#ac5563
```
#ac5563 rgb(172,85,99)
```

Split Complementary Color

#8eac55
```
#8eac55 rgb(142,172,85)
```
#558eac
```
#558eac rgb(85,142,172)
```
#ac558e
```
#ac558e rgb(172,85,142)
```

Triadic Color

#55ac73
```
#55ac73 rgb(85,172,115)
```
#558eac
```
#558eac rgb(85,142,172)
```
#ac558e
```
#ac558e rgb(172,85,142)
```
#ac7355
```
#ac7355 rgb(172,115,85)
```

Tetradic Color

#3b6479
```
#3b6479 rgb(59,100,121)
```
#44728a
```
#44728a rgb(68,114,138)
```
#4c809c
```
#4c809c rgb(76,128,156)
```
#558eac
```
#558eac rgb(85,142,172)
```
#6699b4
```
#6699b4 rgb(102,153,180)
```
#77a5bd
```
#77a5bd rgb(119,165,189)
```
#88b0c5
```
#88b0c5 rgb(136,176,197)
```

Monochromatic Color

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

#55a4ac
```
#55a4ac rgb(85,164,172)
```
#559dac
```
#559dac rgb(85,157,172)
```
#5595ac
```
#5595ac rgb(85,149,172)
```
#558eac
```
#558eac rgb(85,142,172)
```
#5587ac
```
#5587ac rgb(85,135,172)
```
#5580ac
```
#5580ac rgb(85,128,172)
```
#5578ac
```
#5578ac rgb(85,120,172)
```

Similar Colors

Text with hexadecimal color #558eac

This text has a font color of #558eac.

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

#558eac background color

This paragraph has a background color of #558eac.

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

#558eac border color

This element has a border color of #558eac.

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

CSS codes

.text {color:#558eac;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070c0f
```
#070c0f rgb(7,12,15)
```
#0e171c
```
#0e171c rgb(14,23,28)
```
#142229
```
#142229 rgb(20,34,41)
```
#1a2d36
```
#1a2d36 rgb(26,45,54)
```
#213743
```
#213743 rgb(33,55,67)
```
#274250
```
#274250 rgb(39,66,80)
```
#2e4d5e
```
#2e4d5e rgb(46,77,94)
```
#34586b
```
#34586b rgb(52,88,107)
```
#3b6378
```
#3b6378 rgb(59,99,120)
```
#416e85
```
#416e85 rgb(65,110,133)
```
#477992
```
#477992 rgb(71,121,146)
```
#4e83a0
```
#4e83a0 rgb(78,131,160)
```

Shade Color Variation

#558eac
```
#558eac rgb(85,142,172)
```
#6297b2
```
#6297b2 rgb(98,151,178)
```
#6fa0b9
```
#6fa0b9 rgb(111,160,185)
```
#7da8bf
```
#7da8bf rgb(125,168,191)
```
#8ab1c6
```
#8ab1c6 rgb(138,177,198)
```
#97bacc
```
#97bacc rgb(151,186,204)
```
#a4c3d3
```
#a4c3d3 rgb(164,195,211)
```
#b1cbd9
```
#b1cbd9 rgb(177,203,217)
```
#bed4df
```
#bed4df rgb(190,212,223)
```
#ccdde6
```
#ccdde6 rgb(204,221,230)
```
#d9e6ec
```
#d9e6ec rgb(217,230,236)
```
#e6eef3
```
#e6eef3 rgb(230,238,243)
```
#f3f7f9
```
#f3f7f9 rgb(243,247,249)
```

Tint Color Variation

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

#7c8285
```
#7c8285 rgb(124,130,133)
```
#72858f
```
#72858f rgb(114,133,143)
```
#688899
```
#688899 rgb(104,136,153)
```
#5f8ba2
```
#5f8ba2 rgb(95,139,162)
```
#558eac
```
#558eac rgb(85,142,172)
```
#4b91b6
```
#4b91b6 rgb(75,145,182)
```
#4294bf
```
#4294bf rgb(66,148,191)
```
#3897c9
```
#3897c9 rgb(56,151,201)
```
#2e9ad3
```
#2e9ad3 rgb(46,154,211)
```
#249ddd
```
#249ddd rgb(36,157,221)
```
#1ba0e6
```
#1ba0e6 rgb(27,160,230)
```
#11a3f0
```
#11a3f0 rgb(17,163,240)
```
#07a6fa
```
#07a6fa rgb(7,166,250)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#778389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#858cab Protanopia 1% of men
#848bb3 Deuteranopia 1% of men
#5796a1 Tritanopia 0.001% of the population

Trichromacy

#738cab Protanomaly 1% of men, 0.01% of women
#738cb0 Deuteranomaly 6% of men, 0.4% of women
#5693a5 Tritanomaly 0.01% of the population

#558eac hex color

#558eac Color Information

#558eac Color Conversion

Color Schemes with #558eac

Alternatives to #558eac

#558eac Preview

Shades and Tints of #558eac

Tones of #558eac

Color Blindness Simulator