#558fad hex color

In a RGB color space, hex #558fad is composed of 33.3% red, 56.1% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 17.3% magenta, 0% yellow and 32.2% black. It has a hue angle of 200.5 degrees, a saturation of 34.9% and a lightness of 50.6%. #558fad color hex could be obtained by blending #aaffff with #001f5b. Closest websafe color is: #669999.

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

● #558fad color description : Dark moderate blue.

The hexadecimal color #558fad has RGB values of R:85, G:143, B:173 and CMYK values of C:0.51, M:0.17, Y:0, K:0.32. Its decimal value is 5607341.

Hex triplet	558fad	`#558fad`
RGB Decimal	85, 143, 173	`rgb(85,143,173)`
RGB Percent	33.3, 56.1, 67.8	`rgb(33.3%,56.1%,67.8%)`
CMYK	51, 17, 0, 32
HSL	200.5°, 34.9, 50.6	`hsl(200.5,34.9%,50.6%)`
HSV (or HSB)	200.5°, 50.9, 67.8
Web Safe	669999	`#669999`

CIE-LAB	56.676, -10.461, -21.622
XYZ	21.11, 24.592, 43.167
xyY	0.238, 0.277, 24.592
CIE-LCH	56.676, 24.019, 244.182
CIE-LUV	56.676, -26.008, -31.157
Hunter-Lab	49.59, -10.799, -16.897
Binary	01010101, 10001111, 10101101

#558fad
```
#558fad rgb(85,143,173)
```
#ad7355
```
#ad7355 rgb(173,115,85)
```

Complementary Color

#55ad9f
```
#55ad9f rgb(85,173,159)
```
#558fad
```
#558fad rgb(85,143,173)
```
#5563ad
```
#5563ad rgb(85,99,173)
```

Analogous Color

#ad9f55
```
#ad9f55 rgb(173,159,85)
```
#558fad
```
#558fad rgb(85,143,173)
```
#ad5563
```
#ad5563 rgb(173,85,99)
```

Split Complementary Color

#8fad55
```
#8fad55 rgb(143,173,85)
```
#558fad
```
#558fad rgb(85,143,173)
```
#ad558f
```
#ad558f rgb(173,85,143)
```

Triadic Color

#55ad73
```
#55ad73 rgb(85,173,115)
```
#558fad
```
#558fad rgb(85,143,173)
```
#ad558f
```
#ad558f rgb(173,85,143)
```
#ad7355
```
#ad7355 rgb(173,115,85)
```

Tetradic Color

#3b657a
```
#3b657a rgb(59,101,122)
```
#43738c
```
#43738c rgb(67,115,140)
```
#4c819d
```
#4c819d rgb(76,129,157)
```
#558fad
```
#558fad rgb(85,143,173)
```
#669ab5
```
#669ab5 rgb(102,154,181)
```
#77a6be
```
#77a6be rgb(119,166,190)
```
#89b1c6
```
#89b1c6 rgb(137,177,198)
```

Monochromatic Color

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

#55a5ad
```
#55a5ad rgb(85,165,173)
```
#559ead
```
#559ead rgb(85,158,173)
```
#5596ad
```
#5596ad rgb(85,150,173)
```
#558fad
```
#558fad rgb(85,143,173)
```
#5588ad
```
#5588ad rgb(85,136,173)
```
#5580ad
```
#5580ad rgb(85,128,173)
```
#5579ad
```
#5579ad rgb(85,121,173)
```

Similar Colors

Text with hexadecimal color #558fad

This text has a font color of #558fad.

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

#558fad background color

This paragraph has a background color of #558fad.

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

#558fad border color

This element has a border color of #558fad.

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

CSS codes

.text {color:#558fad;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070d0f
```
#070d0f rgb(7,13,15)
```
#0e171c
```
#0e171c rgb(14,23,28)
```
#14222a
```
#14222a rgb(20,34,42)
```
#1b2d37
```
#1b2d37 rgb(27,45,55)
```
#213844
```
#213844 rgb(33,56,68)
```
#274351
```
#274351 rgb(39,67,81)
```
#2e4e5f
```
#2e4e5f rgb(46,78,95)
```
#34596c
```
#34596c rgb(52,89,108)
```
#3a6479
```
#3a6479 rgb(58,100,121)
```
#416f86
```
#416f86 rgb(65,111,134)
```
#477a94
```
#477a94 rgb(71,122,148)
```
#4e84a1
```
#4e84a1 rgb(78,132,161)
```

Shade Color Variation

#558fad
```
#558fad rgb(85,143,173)
```
#6298b3
```
#6298b3 rgb(98,152,179)
```
#6fa0ba
```
#6fa0ba rgb(111,160,186)
```
#7da9c0
```
#7da9c0 rgb(125,169,192)
```
#8ab2c7
```
#8ab2c7 rgb(138,178,199)
```
#97bbcd
```
#97bbcd rgb(151,187,205)
```
#a4c3d3
```
#a4c3d3 rgb(164,195,211)
```
#b2ccda
```
#b2ccda rgb(178,204,218)
```
#bfd5e0
```
#bfd5e0 rgb(191,213,224)
```
#ccdde6
```
#ccdde6 rgb(204,221,230)
```
#d9e6ed
```
#d9e6ed rgb(217,230,237)
```
#e7eff3
```
#e7eff3 rgb(231,239,243)
```
#f4f8fa
```
#f4f8fa rgb(244,248,250)
```

Tint Color Variation

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

#7c8386
```
#7c8386 rgb(124,131,134)
```
#728690
```
#728690 rgb(114,134,144)
```
#68899a
```
#68899a rgb(104,137,154)
```
#5f8ca3
```
#5f8ca3 rgb(95,140,163)
```
#558fad
```
#558fad rgb(85,143,173)
```
#4b92b7
```
#4b92b7 rgb(75,146,183)
```
#4295c0
```
#4295c0 rgb(66,149,192)
```
#3898ca
```
#3898ca rgb(56,152,202)
```
#2e9bd4
```
#2e9bd4 rgb(46,155,212)
```
#259edd
```
#259edd rgb(37,158,221)
```
#1ba2e7
```
#1ba2e7 rgb(27,162,231)
```
#11a5f1
```
#11a5f1 rgb(17,165,241)
```
#07a8fb
```
#07a8fb rgb(7,168,251)
```

Tone Color Variation

Below, you can see how #558fad 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
#78848a Atypical Achromatopsia 0.001% of the population

Dichromacy

#868cac Protanopia 1% of men
#858bb4 Deuteranopia 1% of men
#5797a2 Tritanopia 0.001% of the population

Trichromacy

#748dac Protanomaly 1% of men, 0.01% of women
#738db1 Deuteranomaly 6% of men, 0.4% of women
#5694a6 Tritanomaly 0.01% of the population

#558fad hex color

#558fad Color Information

#558fad Color Conversion

Color Schemes with #558fad

Alternatives to #558fad

#558fad Preview

Shades and Tints of #558fad

Tones of #558fad

Color Blindness Simulator