#558085 hex color

In a RGB color space, hex #558085 is composed of 33.3% red, 50.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 3.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 186.3 degrees, a saturation of 22% and a lightness of 42.7%. #558085 color hex could be obtained by blending #aaffff with #00010b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 50
- B 52
RGB color chart
- C 36
- M 4
- Y 0
- K 48
CMYK color chart

● #558085 color description : Mostly desaturated dark cyan.

The hexadecimal color #558085 has RGB values of R:85, G:128, B:133 and CMYK values of C:0.36, M:0.04, Y:0, K:0.48. Its decimal value is 5603461.

Hex triplet	558085	`#558085`
RGB Decimal	85, 128, 133	`rgb(85,128,133)`
RGB Percent	33.3, 50.2, 52.2	`rgb(33.3%,50.2%,52.2%)`
CMYK	36, 4, 0, 48
HSL	186.3°, 22, 42.7	`hsl(186.3,22%,42.7%)`
HSV (or HSB)	186.3°, 36.1, 52.2
Web Safe	669999	`#669999`

CIE-LAB	50.76, -13.43, -7.432
XYZ	15.698, 19.062, 25.041
xyY	0.263, 0.319, 19.062
CIE-LCH	50.76, 15.349, 208.96
CIE-LUV	50.76, -20.572, -8.561
Hunter-Lab	43.66, -12.226, -3.443
Binary	01010101, 10000000, 10000101

#558085
```
#558085 rgb(85,128,133)
```
#855a55
```
#855a55 rgb(133,90,85)
```

Complementary Color

#558572
```
#558572 rgb(85,133,114)
```
#558085
```
#558085 rgb(85,128,133)
```
#556885
```
#556885 rgb(85,104,133)
```

Analogous Color

#857255
```
#857255 rgb(133,114,85)
```
#558085
```
#558085 rgb(85,128,133)
```
#855568
```
#855568 rgb(133,85,104)
```

Split Complementary Color

#808555
```
#808555 rgb(128,133,85)
```
#558085
```
#558085 rgb(85,128,133)
```
#855580
```
#855580 rgb(133,85,128)
```

Triadic Color

#55855a
```
#55855a rgb(85,133,90)
```
#558085
```
#558085 rgb(85,128,133)
```
#855580
```
#855580 rgb(133,85,128)
```
#855a55
```
#855a55 rgb(133,90,85)
```

Tetradic Color

#375356
```
#375356 rgb(55,83,86)
```
#416266
```
#416266 rgb(65,98,102)
```
#4b7175
```
#4b7175 rgb(75,113,117)
```
#558085
```
#558085 rgb(85,128,133)
```
#5f8f95
```
#5f8f95 rgb(95,143,149)
```
#6c9ca1
```
#6c9ca1 rgb(108,156,161)
```
#7ca6ab
```
#7ca6ab rgb(124,166,171)
```

Monochromatic Color

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

#55857e
```
#55857e rgb(85,133,126)
```
#558582
```
#558582 rgb(85,133,130)
```
#558485
```
#558485 rgb(85,132,133)
```
#558085
```
#558085 rgb(85,128,133)
```
#557c85
```
#557c85 rgb(85,124,133)
```
#557885
```
#557885 rgb(85,120,133)
```
#557485
```
#557485 rgb(85,116,133)
```

Similar Colors

Text with hexadecimal color #558085

This text has a font color of #558085.

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

#558085 background color

This paragraph has a background color of #558085.

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

#558085 border color

This element has a border color of #558085.

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

CSS codes

.text {color:#558085;}

.background {background-color:#558085;}

.border {border:1px solid #558085;}

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 #f4f8f8 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#090d0d
```
#090d0d rgb(9,13,13)
```
#101819
```
#101819 rgb(16,24,25)
```
#182425
```
#182425 rgb(24,36,37)
```
#1f2f31
```
#1f2f31 rgb(31,47,49)
```
#273b3d
```
#273b3d rgb(39,59,61)
```
#2f4649
```
#2f4649 rgb(47,70,73)
```
#365255
```
#365255 rgb(54,82,85)
```
#3e5d61
```
#3e5d61 rgb(62,93,97)
```
#46696d
```
#46696d rgb(70,105,109)
```
#4d7479
```
#4d7479 rgb(77,116,121)
```
#558085
```
#558085 rgb(85,128,133)
```
#5d8c91
```
#5d8c91 rgb(93,140,145)
```

Shade Color Variation

#65979c
```
#65979c rgb(101,151,156)
```
#719fa4
```
#719fa4 rgb(113,159,164)
```
#7da7ac
```
#7da7ac rgb(125,167,172)
```
#89afb3
```
#89afb3 rgb(137,175,179)
```
#95b7bb
```
#95b7bb rgb(149,183,187)
```
#a1bfc3
```
#a1bfc3 rgb(161,191,195)
```
#adc7ca
```
#adc7ca rgb(173,199,202)
```
#b9cfd2
```
#b9cfd2 rgb(185,207,210)
```
#c5d7da
```
#c5d7da rgb(197,215,218)
```
#d0e0e1
```
#d0e0e1 rgb(208,224,225)
```
#dce8e9
```
#dce8e9 rgb(220,232,233)
```
#e8f0f1
```
#e8f0f1 rgb(232,240,241)
```
#f4f8f8
```
#f4f8f8 rgb(244,248,248)
```

Tint Color Variation

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

#667374
```
#667374 rgb(102,115,116)
```
#5d797d
```
#5d797d rgb(93,121,125)
```
#558085
```
#558085 rgb(85,128,133)
```
#4d878d
```
#4d878d rgb(77,135,141)
```
#448d96
```
#448d96 rgb(68,141,150)
```
#3c949e
```
#3c949e rgb(60,148,158)
```
#339ba7
```
#339ba7 rgb(51,155,167)
```
#2ba1af
```
#2ba1af rgb(43,161,175)
```
#23a8b7
```
#23a8b7 rgb(35,168,183)
```
#1aaec0
```
#1aaec0 rgb(26,174,192)
```
#12b5c8
```
#12b5c8 rgb(18,181,200)
```
#0abcd0
```
#0abcd0 rgb(10,188,208)
```
#01c2d9
```
#01c2d9 rgb(1,194,217)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6e7677 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7f87 Protanopia 1% of men
#847c8e Deuteranopia 1% of men
#5f858f Tritanopia 0.001% of the population

Trichromacy

#707f86 Protanomaly 1% of men, 0.01% of women
#737d8b Deuteranomaly 6% of men, 0.4% of women
#5b838b Tritanomaly 0.01% of the population

#558085 hex color

#558085 Color Information

#558085 Color Conversion

Color Schemes with #558085

Alternatives to #558085

#558085 Preview

Shades and Tints of #558085

Tones of #558085

Color Blindness Simulator