#559f8b hex color

In a RGB color space, hex #559f8b is composed of 33.3% red, 62.4% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 46.5% cyan, 0% magenta, 12.6% yellow and 37.6% black. It has a hue angle of 163.8 degrees, a saturation of 30.3% and a lightness of 47.8%. #559f8b color hex could be obtained by blending #aaffff with #003f17. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 62
- B 55
RGB color chart
- C 47
- M 0
- Y 13
- K 38
CMYK color chart

● #559f8b color description : Dark moderate cyan - lime green.

The hexadecimal color #559f8b has RGB values of R:85, G:159, B:139 and CMYK values of C:0.47, M:0, Y:0.13, K:0.38. Its decimal value is 5611403.

Hex triplet	559f8b	`#559f8b`
RGB Decimal	85, 159, 139	`rgb(85,159,139)`
RGB Percent	33.3, 62.4, 54.5	`rgb(33.3%,62.4%,54.5%)`
CMYK	47, 0, 13, 38
HSL	163.8°, 30.3, 47.8	`hsl(163.8,30.3%,47.8%)`
HSV (or HSB)	163.8°, 46.5, 62.4
Web Safe	669999	`#669999`

CIE-LAB	60.418, -28.065, 3.303
XYZ	20.803, 28.59, 28.847
xyY	0.266, 0.365, 28.59
CIE-LCH	60.418, 28.259, 173.287
CIE-LUV	60.418, -33.499, 9.07
Hunter-Lab	53.47, -24.124, 5.442
Binary	01010101, 10011111, 10001011

#559f8b
```
#559f8b rgb(85,159,139)
```
#9f5569
```
#9f5569 rgb(159,85,105)
```

Complementary Color

#559f66
```
#559f66 rgb(85,159,102)
```
#559f8b
```
#559f8b rgb(85,159,139)
```
#558e9f
```
#558e9f rgb(85,142,159)
```

Analogous Color

#9f6655
```
#9f6655 rgb(159,102,85)
```
#559f8b
```
#559f8b rgb(85,159,139)
```
#9f558e
```
#9f558e rgb(159,85,142)
```

Split Complementary Color

#9f8b55
```
#9f8b55 rgb(159,139,85)
```
#559f8b
```
#559f8b rgb(85,159,139)
```
#8b559f
```
#8b559f rgb(139,85,159)
```

Triadic Color

#699f55
```
#699f55 rgb(105,159,85)
```
#559f8b
```
#559f8b rgb(85,159,139)
```
#8b559f
```
#8b559f rgb(139,85,159)
```
#9f5569
```
#9f5569 rgb(159,85,105)
```

Tetradic Color

#3a6d5f
```
#3a6d5f rgb(58,109,95)
```
#437e6e
```
#437e6e rgb(67,126,110)
```
#4c8e7c
```
#4c8e7c rgb(76,142,124)
```
#559f8b
```
#559f8b rgb(85,159,139)
```
#62ab98
```
#62ab98 rgb(98,171,152)
```
#73b4a2
```
#73b4a2 rgb(115,180,162)
```
#84bdad
```
#84bdad rgb(132,189,173)
```

Monochromatic Color

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

#559f79
```
#559f79 rgb(85,159,121)
```
#559f7f
```
#559f7f rgb(85,159,127)
```
#559f85
```
#559f85 rgb(85,159,133)
```
#559f8b
```
#559f8b rgb(85,159,139)
```
#559f91
```
#559f91 rgb(85,159,145)
```
#559f97
```
#559f97 rgb(85,159,151)
```
#559f9e
```
#559f9e rgb(85,159,158)
```

Similar Colors

Text with hexadecimal color #559f8b

This text has a font color of #559f8b.

<span style="color:#559f8b;">Text here</span>

#559f8b background color

This paragraph has a background color of #559f8b.

<p style="background-color:#559f8b;">Content here</p>

#559f8b border color

This element has a border color of #559f8b.

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

CSS codes

.text {color:#559f8b;}

.background {background-color:#559f8b;}

.border {border:1px solid #559f8b;}

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

#030605
```
#030605 rgb(3,6,5)
```
#0a1210
```
#0a1210 rgb(10,18,16)
```
#111f1b
```
#111f1b rgb(17,31,27)
```
#182c26
```
#182c26 rgb(24,44,38)
```
#1e3932
```
#1e3932 rgb(30,57,50)
```
#25463d
```
#25463d rgb(37,70,61)
```
#2c5248
```
#2c5248 rgb(44,82,72)
```
#335f53
```
#335f53 rgb(51,95,83)
```
#3a6c5e
```
#3a6c5e rgb(58,108,94)
```
#417969
```
#417969 rgb(65,121,105)
```
#478575
```
#478575 rgb(71,133,117)
```
#4e9280
```
#4e9280 rgb(78,146,128)
```
#559f8b
```
#559f8b rgb(85,159,139)
```

Shade Color Variation

#5ea995
```
#5ea995 rgb(94,169,149)
```
#6bb09d
```
#6bb09d rgb(107,176,157)
```
#78b7a6
```
#78b7a6 rgb(120,183,166)
```
#85beae
```
#85beae rgb(133,190,174)
```
#92c5b7
```
#92c5b7 rgb(146,197,183)
```
#9ecbbf
```
#9ecbbf rgb(158,203,191)
```
#abd2c8
```
#abd2c8 rgb(171,210,200)
```
#b8d9d0
```
#b8d9d0 rgb(184,217,208)
```
#c5e0d9
```
#c5e0d9 rgb(197,224,217)
```
#d1e7e1
```
#d1e7e1 rgb(209,231,225)
```
#deeee9
```
#deeee9 rgb(222,238,233)
```
#ebf4f2
```
#ebf4f2 rgb(235,244,242)
```
#f8fbfa
```
#f8fbfa rgb(248,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71837e is the less saturated color, while #01f3b2 is the most saturated one.

#71837e
```
#71837e rgb(113,131,126)
```
#688c82
```
#688c82 rgb(104,140,130)
```
#5e9687
```
#5e9687 rgb(94,150,135)
```
#559f8b
```
#559f8b rgb(85,159,139)
```
#4ca88f
```
#4ca88f rgb(76,168,143)
```
#42b294
```
#42b294 rgb(66,178,148)
```
#39bb98
```
#39bb98 rgb(57,187,152)
```
#2fc59c
```
#2fc59c rgb(47,197,156)
```
#26cea1
```
#26cea1 rgb(38,206,161)
```
#1dd7a5
```
#1dd7a5 rgb(29,215,165)
```
#13e1a9
```
#13e1a9 rgb(19,225,169)
```
#0aeaad
```
#0aeaad rgb(10,234,173)
```
#01f3b2
```
#01f3b2 rgb(1,243,178)
```

Tone Color Variation

Below, you can see how #559f8b 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

#878787 Achromatopsia 0.005% of the population
#7d8c88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d968a Protanopia 1% of men
#a59296 Deuteranopia 1% of men
#66a0ab Tritanopia 0.001% of the population

Trichromacy

#82998a Protanomaly 1% of men, 0.01% of women
#889792 Deuteranomaly 6% of men, 0.4% of women
#609f9f Tritanomaly 0.01% of the population

#559f8b hex color

#559f8b Color Information

#559f8b Color Conversion

Color Schemes with #559f8b

Alternatives to #559f8b

#559f8b Preview

Shades and Tints of #559f8b

Tones of #559f8b

Color Blindness Simulator