#558483 hex color

In a RGB color space, hex #558483 is composed of 33.3% red, 51.8% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 0% magenta, 0.8% yellow and 48.2% black. It has a hue angle of 178.7 degrees, a saturation of 21.7% and a lightness of 42.5%. #558483 color hex could be obtained by blending #aaffff with #000907. Closest websafe color is: #669999.

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

● #558483 color description : Mostly desaturated dark cyan.

The hexadecimal color #558483 has RGB values of R:85, G:132, B:131 and CMYK values of C:0.36, M:0, Y:0.01, K:0.48. Its decimal value is 5604483.

Hex triplet	558483	`#558483`
RGB Decimal	85, 132, 131	`rgb(85,132,131)`
RGB Percent	33.3, 51.8, 51.4	`rgb(33.3%,51.8%,51.4%)`
CMYK	36, 0, 1, 48
HSL	178.7°, 21.7, 42.5	`hsl(178.7,21.7%,42.5%)`
HSV (or HSB)	178.7°, 35.6, 51.8
Web Safe	669999	`#669999`

CIE-LAB	51.918, -16.139, -4.542
XYZ	16.093, 20.072, 24.498
xyY	0.265, 0.331, 20.072
CIE-LCH	51.918, 16.766, 195.719
CIE-LUV	51.918, -22.314, -4.001
Hunter-Lab	44.801, -14.283, -1.059
Binary	01010101, 10000100, 10000011

#558483
```
#558483 rgb(85,132,131)
```
#845556
```
#845556 rgb(132,85,86)
```

Complementary Color

#55846c
```
#55846c rgb(85,132,108)
```
#558483
```
#558483 rgb(85,132,131)
```
#556e84
```
#556e84 rgb(85,110,132)
```

Analogous Color

#846c55
```
#846c55 rgb(132,108,85)
```
#558483
```
#558483 rgb(85,132,131)
```
#84556e
```
#84556e rgb(132,85,110)
```

Split Complementary Color

#848355
```
#848355 rgb(132,131,85)
```
#558483
```
#558483 rgb(85,132,131)
```
#835584
```
#835584 rgb(131,85,132)
```

Triadic Color

#568455
```
#568455 rgb(86,132,85)
```
#558483
```
#558483 rgb(85,132,131)
```
#835584
```
#835584 rgb(131,85,132)
```
#845556
```
#845556 rgb(132,85,86)
```

Tetradic Color

#375555
```
#375555 rgb(55,85,85)
```
#416564
```
#416564 rgb(65,101,100)
```
#4b7474
```
#4b7474 rgb(75,116,116)
```
#558483
```
#558483 rgb(85,132,131)
```
#5f9492
```
#5f9492 rgb(95,148,146)
```
#6ca09f
```
#6ca09f rgb(108,160,159)
```
#7baaa9
```
#7baaa9 rgb(123,170,169)
```

Monochromatic Color

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

#558477
```
#558477 rgb(85,132,119)
```
#55847b
```
#55847b rgb(85,132,123)
```
#55847f
```
#55847f rgb(85,132,127)
```
#558483
```
#558483 rgb(85,132,131)
```
#558184
```
#558184 rgb(85,129,132)
```
#557d84
```
#557d84 rgb(85,125,132)
```
#557984
```
#557984 rgb(85,121,132)
```

Similar Colors

Text with hexadecimal color #558483

This text has a font color of #558483.

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

#558483 background color

This paragraph has a background color of #558483.

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

#558483 border color

This element has a border color of #558483.

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

CSS codes

.text {color:#558483;}

.background {background-color:#558483;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#080d0d
```
#080d0d rgb(8,13,13)
```
#101918
```
#101918 rgb(16,25,24)
```
#182524
```
#182524 rgb(24,37,36)
```
#1f3030
```
#1f3030 rgb(31,48,48)
```
#273c3c
```
#273c3c rgb(39,60,60)
```
#2f4848
```
#2f4848 rgb(47,72,72)
```
#365454
```
#365454 rgb(54,84,84)
```
#3e605f
```
#3e605f rgb(62,96,95)
```
#466c6b
```
#466c6b rgb(70,108,107)
```
#4d7877
```
#4d7877 rgb(77,120,119)
```
#558483
```
#558483 rgb(85,132,131)
```
#5d908f
```
#5d908f rgb(93,144,143)
```

Shade Color Variation

#659c9a
```
#659c9a rgb(101,156,154)
```
#71a3a2
```
#71a3a2 rgb(113,163,162)
```
#7cabaa
```
#7cabaa rgb(124,171,170)
```
#88b3b2
```
#88b3b2 rgb(136,179,178)
```
#94baba
```
#94baba rgb(148,186,186)
```
#a0c2c1
```
#a0c2c1 rgb(160,194,193)
```
#accac9
```
#accac9 rgb(172,202,201)
```
#b8d1d1
```
#b8d1d1 rgb(184,209,209)
```
#c4d9d9
```
#c4d9d9 rgb(196,217,217)
```
#d0e1e0
```
#d0e1e0 rgb(208,225,224)
```
#dce8e8
```
#dce8e8 rgb(220,232,232)
```
#e8f0f0
```
#e8f0f0 rgb(232,240,240)
```
#f4f8f8
```
#f4f8f8 rgb(244,248,248)
```

Tint Color Variation

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

#667373
```
#667373 rgb(102,115,115)
```
#5d7c7b
```
#5d7c7b rgb(93,124,123)
```
#558483
```
#558483 rgb(85,132,131)
```
#4d8c8b
```
#4d8c8b rgb(77,140,139)
```
#449593
```
#449593 rgb(68,149,147)
```
#3c9d9b
```
#3c9d9b rgb(60,157,155)
```
#34a5a3
```
#34a5a3 rgb(52,165,163)
```
#2baeab
```
#2baeab rgb(43,174,171)
```
#23b6b3
```
#23b6b3 rgb(35,182,179)
```
#1bbebb
```
#1bbebb rgb(27,190,187)
```
#12c7c3
```
#12c7c3 rgb(18,199,195)
```
#0acfcb
```
#0acfcb rgb(10,207,203)
```
#02d7d3
```
#02d7d3 rgb(2,215,211)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6f7979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848184 Protanopia 1% of men
#897f8d Deuteranopia 1% of men
#608892 Tritanopia 0.001% of the population

Trichromacy

#728284 Protanomaly 1% of men, 0.01% of women
#768089 Deuteranomaly 6% of men, 0.4% of women
#5c878d Tritanomaly 0.01% of the population

#558483 hex color

#558483 Color Information

#558483 Color Conversion

Color Schemes with #558483

Alternatives to #558483

#558483 Preview

Shades and Tints of #558483

Tones of #558483

Color Blindness Simulator