#558283 hex color

In a RGB color space, hex #558283 is composed of 33.3% red, 51% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0.8% magenta, 0% yellow and 48.6% black. It has a hue angle of 181.3 degrees, a saturation of 21.3% and a lightness of 42.4%. #558283 color hex could be obtained by blending #aaffff with #000507. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 51
- B 51
RGB color chart
- C 35
- M 1
- Y 0
- K 49
CMYK color chart

● #558283 color description : Mostly desaturated dark cyan.

The hexadecimal color #558283 has RGB values of R:85, G:130, B:131 and CMYK values of C:0.35, M:0.01, Y:0, K:0.49. Its decimal value is 5603971.

Hex triplet	558283	`#558283`
RGB Decimal	85, 130, 131	`rgb(85,130,131)`
RGB Percent	33.3, 51, 51.4	`rgb(33.3%,51%,51.4%)`
CMYK	35, 1, 0, 49
HSL	181.3°, 21.3, 42.4	`hsl(181.3,21.3%,42.4%)`
HSV (or HSB)	181.3°, 35.1, 51.4
Web Safe	669999	`#669999`

CIE-LAB	51.307, -15.051, -5.448
XYZ	15.825, 19.534, 24.408
xyY	0.265, 0.327, 19.534
CIE-LCH	51.307, 16.006, 199.899
CIE-LUV	51.307, -21.454, -5.456
Hunter-Lab	44.198, -13.436, -1.804
Binary	01010101, 10000010, 10000011

#558283
```
#558283 rgb(85,130,131)
```
#835655
```
#835655 rgb(131,86,85)
```

Complementary Color

#55836d
```
#55836d rgb(85,131,109)
```
#558283
```
#558283 rgb(85,130,131)
```
#556b83
```
#556b83 rgb(85,107,131)
```

Analogous Color

#836d55
```
#836d55 rgb(131,109,85)
```
#558283
```
#558283 rgb(85,130,131)
```
#83556b
```
#83556b rgb(131,85,107)
```

Split Complementary Color

#828355
```
#828355 rgb(130,131,85)
```
#558283
```
#558283 rgb(85,130,131)
```
#835582
```
#835582 rgb(131,85,130)
```

Triadic Color

#558356
```
#558356 rgb(85,131,86)
```
#558283
```
#558283 rgb(85,130,131)
```
#835582
```
#835582 rgb(131,85,130)
```
#835655
```
#835655 rgb(131,86,85)
```

Tetradic Color

#375455
```
#375455 rgb(55,84,85)
```
#416364
```
#416364 rgb(65,99,100)
```
#4b7374
```
#4b7374 rgb(75,115,116)
```
#558283
```
#558283 rgb(85,130,131)
```
#5f9192
```
#5f9192 rgb(95,145,146)
```
#6c9e9f
```
#6c9e9f rgb(108,158,159)
```
#7ba8a9
```
#7ba8a9 rgb(123,168,169)
```

Monochromatic Color

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

#558379
```
#558379 rgb(85,131,121)
```
#55837c
```
#55837c rgb(85,131,124)
```
#558380
```
#558380 rgb(85,131,128)
```
#558283
```
#558283 rgb(85,130,131)
```
#557e83
```
#557e83 rgb(85,126,131)
```
#557a83
```
#557a83 rgb(85,122,131)
```
#557783
```
#557783 rgb(85,119,131)
```

Similar Colors

Text with hexadecimal color #558283

This text has a font color of #558283.

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

#558283 background color

This paragraph has a background color of #558283.

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

#558283 border color

This element has a border color of #558283.

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

CSS codes

.text {color:#558283;}

.background {background-color:#558283;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080c0c
```
#080c0c rgb(8,12,12)
```
#101818
```
#101818 rgb(16,24,24)
```
#172424
```
#172424 rgb(23,36,36)
```
#1f2f30
```
#1f2f30 rgb(31,47,48)
```
#273b3c
```
#273b3c rgb(39,59,60)
```
#2e4748
```
#2e4748 rgb(46,71,72)
```
#365353
```
#365353 rgb(54,83,83)
```
#3e5f5f
```
#3e5f5f rgb(62,95,95)
```
#466a6b
```
#466a6b rgb(70,106,107)
```
#4d7677
```
#4d7677 rgb(77,118,119)
```
#558283
```
#558283 rgb(85,130,131)
```
#5d8e8f
```
#5d8e8f rgb(93,142,143)
```

Shade Color Variation

#649a9b
```
#649a9b rgb(100,154,155)
```
#70a1a2
```
#70a1a2 rgb(112,161,162)
```
#7ca9aa
```
#7ca9aa rgb(124,169,170)
```
#88b1b2
```
#88b1b2 rgb(136,177,178)
```
#94b9ba
```
#94b9ba rgb(148,185,186)
```
#a0c1c1
```
#a0c1c1 rgb(160,193,193)
```
#acc8c9
```
#acc8c9 rgb(172,200,201)
```
#b8d0d1
```
#b8d0d1 rgb(184,208,209)
```
#c4d8d8
```
#c4d8d8 rgb(196,216,216)
```
#d0e0e0
```
#d0e0e0 rgb(208,224,224)
```
#dbe8e8
```
#dbe8e8 rgb(219,232,232)
```
#e7eff0
```
#e7eff0 rgb(231,239,240)
```
#f3f7f7
```
#f3f7f7 rgb(243,247,247)
```

Tint Color Variation

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

#667272
```
#667272 rgb(102,114,114)
```
#5d7a7b
```
#5d7a7b rgb(93,122,123)
```
#558283
```
#558283 rgb(85,130,131)
```
#4d8a8b
```
#4d8a8b rgb(77,138,139)
```
#449294
```
#449294 rgb(68,146,148)
```
#3c9a9c
```
#3c9a9c rgb(60,154,156)
```
#34a2a4
```
#34a2a4 rgb(52,162,164)
```
#2baaad
```
#2baaad rgb(43,170,173)
```
#23b2b5
```
#23b2b5 rgb(35,178,181)
```
#1bbabd
```
#1bbabd rgb(27,186,189)
```
#13c2c5
```
#13c2c5 rgb(19,194,197)
```
#0acace
```
#0acace rgb(10,202,206)
```
#02d1d6
```
#02d1d6 rgb(2,209,214)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6f7878 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828085 Protanopia 1% of men
#877d8d Deuteranopia 1% of men
#608791 Tritanopia 0.001% of the population

Trichromacy

#718184 Protanomaly 1% of men, 0.01% of women
#757f89 Deuteranomaly 6% of men, 0.4% of women
#5c858b Tritanomaly 0.01% of the population

#558283 hex color

#558283 Color Information

#558283 Color Conversion

Color Schemes with #558283

Alternatives to #558283

#558283 Preview

Shades and Tints of #558283

Tones of #558283

Color Blindness Simulator