#559daa hex color

In a RGB color space, hex #559daa is composed of 33.3% red, 61.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 7.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 189.2 degrees, a saturation of 33.3% and a lightness of 50%. #559daa color hex could be obtained by blending #aaffff with #003b55. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 62
- B 67
RGB color chart
- C 50
- M 8
- Y 0
- K 33
CMYK color chart

● #559daa color description : Dark moderate cyan.

The hexadecimal color #559daa has RGB values of R:85, G:157, B:170 and CMYK values of C:0.5, M:0.08, Y:0, K:0.33. Its decimal value is 5610922.

Hex triplet	559daa	`#559daa`
RGB Decimal	85, 157, 170	`rgb(85,157,170)`
RGB Percent	33.3, 61.6, 66.7	`rgb(33.3%,61.6%,66.7%)`
CMYK	50, 8, 0, 33
HSL	189.2°, 33.3, 50	`hsl(189.2,33.3%,50%)`
HSV (or HSB)	189.2°, 50, 66.7
Web Safe	669999	`#669999`

CIE-LAB	60.734, -18.915, -13.749
XYZ	23.057, 28.946, 42.4
xyY	0.244, 0.307, 28.946
CIE-LCH	60.734, 23.384, 216.014
CIE-LUV	60.734, -31.61, -17.837
Hunter-Lab	53.802, -17.655, -9.064
Binary	01010101, 10011101, 10101010

#559daa
```
#559daa rgb(85,157,170)
```
#aa6255
```
#aa6255 rgb(170,98,85)
```

Complementary Color

#55aa8d
```
#55aa8d rgb(85,170,141)
```
#559daa
```
#559daa rgb(85,157,170)
```
#5573aa
```
#5573aa rgb(85,115,170)
```

Analogous Color

#aa8d55
```
#aa8d55 rgb(170,141,85)
```
#559daa
```
#559daa rgb(85,157,170)
```
#aa5573
```
#aa5573 rgb(170,85,115)
```

Split Complementary Color

#9daa55
```
#9daa55 rgb(157,170,85)
```
#559daa
```
#559daa rgb(85,157,170)
```
#aa559d
```
#aa559d rgb(170,85,157)
```

Triadic Color

#55aa62
```
#55aa62 rgb(85,170,98)
```
#559daa
```
#559daa rgb(85,157,170)
```
#aa559d
```
#aa559d rgb(170,85,157)
```
#aa6255
```
#aa6255 rgb(170,98,85)
```

Tetradic Color

#3c6e77
```
#3c6e77 rgb(60,110,119)
```
#447e88
```
#447e88 rgb(68,126,136)
```
#4d8d99
```
#4d8d99 rgb(77,141,153)
```
#559daa
```
#559daa rgb(85,157,170)
```
#66a7b3
```
#66a7b3 rgb(102,167,179)
```
#77b1bb
```
#77b1bb rgb(119,177,187)
```
#88bac4
```
#88bac4 rgb(136,186,196)
```

Monochromatic Color

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

#55aaa2
```
#55aaa2 rgb(85,170,162)
```
#55aaa9
```
#55aaa9 rgb(85,170,169)
```
#55a4aa
```
#55a4aa rgb(85,164,170)
```
#559daa
```
#559daa rgb(85,157,170)
```
#5596aa
```
#5596aa rgb(85,150,170)
```
#558faa
```
#558faa rgb(85,143,170)
```
#5588aa
```
#5588aa rgb(85,136,170)
```

Similar Colors

Text with hexadecimal color #559daa

This text has a font color of #559daa.

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

#559daa background color

This paragraph has a background color of #559daa.

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

#559daa border color

This element has a border color of #559daa.

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

CSS codes

.text {color:#559daa;}

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

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

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, #070c0d is the darkest color, while #ffffff is the lightest one.

#070c0d
```
#070c0d rgb(7,12,13)
```
#0d181a
```
#0d181a rgb(13,24,26)
```
#142427
```
#142427 rgb(20,36,39)
```
#1a3034
```
#1a3034 rgb(26,48,52)
```
#213c41
```
#213c41 rgb(33,60,65)
```
#27484e
```
#27484e rgb(39,72,78)
```
#2e555c
```
#2e555c rgb(46,85,92)
```
#346169
```
#346169 rgb(52,97,105)
```
#3b6d76
```
#3b6d76 rgb(59,109,118)
```
#417983
```
#417983 rgb(65,121,131)
```
#488590
```
#488590 rgb(72,133,144)
```
#4e919d
```
#4e919d rgb(78,145,157)
```
#559daa
```
#559daa rgb(85,157,170)
```

Shade Color Variation

#62a5b1
```
#62a5b1 rgb(98,165,177)
```
#6facb7
```
#6facb7 rgb(111,172,183)
```
#7cb4be
```
#7cb4be rgb(124,180,190)
```
#89bbc4
```
#89bbc4 rgb(137,187,196)
```
#96c3cb
```
#96c3cb rgb(150,195,203)
```
#a3cad1
```
#a3cad1 rgb(163,202,209)
```
#b1d2d8
```
#b1d2d8 rgb(177,210,216)
```
#bed9de
```
#bed9de rgb(190,217,222)
```
#cbe1e5
```
#cbe1e5 rgb(203,225,229)
```
#d8e8eb
```
#d8e8eb rgb(216,232,235)
```
#e5f0f2
```
#e5f0f2 rgb(229,240,242)
```
#f2f7f8
```
#f2f7f8 rgb(242,247,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7c8283
```
#7c8283 rgb(124,130,131)
```
#72898d
```
#72898d rgb(114,137,141)
```
#698f96
```
#698f96 rgb(105,143,150)
```
#5f96a0
```
#5f96a0 rgb(95,150,160)
```
#559daa
```
#559daa rgb(85,157,170)
```
#4ba4b4
```
#4ba4b4 rgb(75,164,180)
```
#41abbe
```
#41abbe rgb(65,171,190)
```
#38b1c7
```
#38b1c7 rgb(56,177,199)
```
#2eb8d1
```
#2eb8d1 rgb(46,184,209)
```
#24bfdb
```
#24bfdb rgb(36,191,219)
```
#1ac6e5
```
#1ac6e5 rgb(26,198,229)
```
#10cdef
```
#10cdef rgb(16,205,239)
```
#07d3f8
```
#07d3f8 rgb(7,211,248)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7f8d90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9597a7 Protanopia 1% of men
#9894b3 Deuteranopia 1% of men
#5da2ae Tritanopia 0.001% of the population

Trichromacy

#7e99a8 Protanomaly 1% of men, 0.01% of women
#7f97af Deuteranomaly 6% of men, 0.4% of women
#5aa0ac Tritanomaly 0.01% of the population

#559daa hex color

#559daa Color Information

#559daa Color Conversion

Color Schemes with #559daa

Alternatives to #559daa

#559daa Preview

Shades and Tints of #559daa

Tones of #559daa

Color Blindness Simulator