#558a7e hex color

In a RGB color space, hex #558a7e is composed of 33.3% red, 54.1% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 8.7% yellow and 45.9% black. It has a hue angle of 166.4 degrees, a saturation of 23.8% and a lightness of 43.7%. #558a7e color hex could be obtained by blending #aafffc with #001500. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 54
- B 49
RGB color chart
- C 38
- M 0
- Y 9
- K 46
CMYK color chart

● #558a7e color description : Mostly desaturated dark cyan.

The hexadecimal color #558a7e has RGB values of R:85, G:138, B:126 and CMYK values of C:0.38, M:0, Y:0.09, K:0.46. Its decimal value is 5606014.

Hex triplet	558a7e	`#558a7e`
RGB Decimal	85, 138, 126	`rgb(85,138,126)`
RGB Percent	33.3, 54.1, 49.4	`rgb(33.3%,54.1%,49.4%)`
CMYK	38, 0, 9, 46
HSL	166.4°, 23.8, 43.7	`hsl(166.4,23.8%,43.7%)`
HSV (or HSB)	166.4°, 38.4, 54.1
Web Safe	669966	`#669966`

CIE-LAB	53.615, -20.58, 0.854
XYZ	16.6, 21.614, 23.035
xyY	0.271, 0.353, 21.614
CIE-LCH	53.615, 20.598, 177.623
CIE-LUV	53.615, -24.992, 4.333
Hunter-Lab	46.491, -17.625, 3.167
Binary	01010101, 10001010, 01111110

#558a7e
```
#558a7e rgb(85,138,126)
```
#8a5561
```
#8a5561 rgb(138,85,97)
```

Complementary Color

#558a64
```
#558a64 rgb(85,138,100)
```
#558a7e
```
#558a7e rgb(85,138,126)
```
#557c8a
```
#557c8a rgb(85,124,138)
```

Analogous Color

#8a6455
```
#8a6455 rgb(138,100,85)
```
#558a7e
```
#558a7e rgb(85,138,126)
```
#8a557c
```
#8a557c rgb(138,85,124)
```

Split Complementary Color

#8a7e55
```
#8a7e55 rgb(138,126,85)
```
#558a7e
```
#558a7e rgb(85,138,126)
```
#7e558a
```
#7e558a rgb(126,85,138)
```

Triadic Color

#618a55
```
#618a55 rgb(97,138,85)
```
#558a7e
```
#558a7e rgb(85,138,126)
```
#7e558a
```
#7e558a rgb(126,85,138)
```
#8a5561
```
#8a5561 rgb(138,85,97)
```

Tetradic Color

#385b53
```
#385b53 rgb(56,91,83)
```
#426a61
```
#426a61 rgb(66,106,97)
```
#4b7a70
```
#4b7a70 rgb(75,122,112)
```
#558a7e
```
#558a7e rgb(85,138,126)
```
#5f9a8c
```
#5f9a8c rgb(95,154,140)
```
#6da598
```
#6da598 rgb(109,165,152)
```
#7dafa3
```
#7dafa3 rgb(125,175,163)
```

Monochromatic Color

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

#558a71
```
#558a71 rgb(85,138,113)
```
#558a75
```
#558a75 rgb(85,138,117)
```
#558a7a
```
#558a7a rgb(85,138,122)
```
#558a7e
```
#558a7e rgb(85,138,126)
```
#558a82
```
#558a82 rgb(85,138,130)
```
#558a87
```
#558a87 rgb(85,138,135)
```
#55898a
```
#55898a rgb(85,137,138)
```

Similar Colors

Text with hexadecimal color #558a7e

This text has a font color of #558a7e.

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

#558a7e background color

This paragraph has a background color of #558a7e.

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

#558a7e border color

This element has a border color of #558a7e.

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

CSS codes

.text {color:#558a7e;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0a110f
```
#0a110f rgb(10,17,15)
```
#121d1a
```
#121d1a rgb(18,29,26)
```
#192925
```
#192925 rgb(25,41,37)
```
#213530
```
#213530 rgb(33,53,48)
```
#28413c
```
#28413c rgb(40,65,60)
```
#304d47
```
#304d47 rgb(48,77,71)
```
#375952
```
#375952 rgb(55,89,82)
```
#3f665d
```
#3f665d rgb(63,102,93)
```
#467268
```
#467268 rgb(70,114,104)
```
#4e7e73
```
#4e7e73 rgb(78,126,115)
```
#558a7e
```
#558a7e rgb(85,138,126)
```
#5c9689
```
#5c9689 rgb(92,150,137)
```

Shade Color Variation

#66a193
```
#66a193 rgb(102,161,147)
```
#72a89c
```
#72a89c rgb(114,168,156)
```
#7eb0a4
```
#7eb0a4 rgb(126,176,164)
```
#8ab7ad
```
#8ab7ad rgb(138,183,173)
```
#96beb5
```
#96beb5 rgb(150,190,181)
```
#a2c6be
```
#a2c6be rgb(162,198,190)
```
#afcdc6
```
#afcdc6 rgb(175,205,198)
```
#bbd5cf
```
#bbd5cf rgb(187,213,207)
```
#c7dcd7
```
#c7dcd7 rgb(199,220,215)
```
#d3e4e0
```
#d3e4e0 rgb(211,228,224)
```
#dfebe9
```
#dfebe9 rgb(223,235,233)
```
#ebf3f1
```
#ebf3f1 rgb(235,243,241)
```
#f7fafa
```
#f7fafa rgb(247,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7070 is the less saturated color, while #08d7a8 is the most saturated one.

#6f7070
```
#6f7070 rgb(111,112,112)
```
#667975
```
#667975 rgb(102,121,117)
```
#5e8179
```
#5e8179 rgb(94,129,121)
```
#558a7e
```
#558a7e rgb(85,138,126)
```
#4c9383
```
#4c9383 rgb(76,147,131)
```
#449b87
```
#449b87 rgb(68,155,135)
```
#3ba48c
```
#3ba48c rgb(59,164,140)
```
#33ac91
```
#33ac91 rgb(51,172,145)
```
#2ab595
```
#2ab595 rgb(42,181,149)
```
#22bd9a
```
#22bd9a rgb(34,189,154)
```
#19c69f
```
#19c69f rgb(25,198,159)
```
#10cfa4
```
#10cfa4 rgb(16,207,164)
```
#08d7a8
```
#08d7a8 rgb(8,215,168)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#727c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a867f Protanopia 1% of men
#918289 Deuteranopia 1% of men
#638d97 Tritanopia 0.001% of the population

Trichromacy

#77877f Protanomaly 1% of men, 0.01% of women
#7b8585 Deuteranomaly 6% of men, 0.4% of women
#5e8c8e Tritanomaly 0.01% of the population

#558a7e hex color

#558a7e Color Information

#558a7e Color Conversion

Color Schemes with #558a7e

Alternatives to #558a7e

#558a7e Preview

Shades and Tints of #558a7e

Tones of #558a7e

Color Blindness Simulator