#506558 hex color

In a RGB color space, hex #506558 is composed of 31.4% red, 39.6% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 12.9% yellow and 60.4% black. It has a hue angle of 142.9 degrees, a saturation of 11.6% and a lightness of 35.5%. #506558 color hex could be obtained by blending #a0cab0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 40
- B 35
RGB color chart
- C 21
- M 0
- Y 13
- K 60
CMYK color chart

● #506558 color description : Very dark grayish cyan - lime green.

The hexadecimal color #506558 has RGB values of R:80, G:101, B:88 and CMYK values of C:0.21, M:0, Y:0.13, K:0.6. Its decimal value is 5268824.

Hex triplet	506558	`#506558`
RGB Decimal	80, 101, 88	`rgb(80,101,88)`
RGB Percent	31.4, 39.6, 34.5	`rgb(31.4%,39.6%,34.5%)`
CMYK	21, 0, 13, 60
HSL	142.9°, 11.6, 35.5	`hsl(142.9,11.6%,35.5%)`
HSV (or HSB)	142.9°, 20.8, 39.6
Web Safe	666666	`#666666`

CIE-LAB	40.763, -10.826, 4.772
XYZ	9.723, 11.717, 10.981
xyY	0.3, 0.361, 11.717
CIE-LCH	40.763, 11.831, 156.213
CIE-LUV	40.763, -10.484, 7.663
Hunter-Lab	34.23, -9.201, 4.941
Binary	01010000, 01100101, 01011000

#506558
```
#506558 rgb(80,101,88)
```
#65505d
```
#65505d rgb(101,80,93)
```

Complementary Color

#536550
```
#536550 rgb(83,101,80)
```
#506558
```
#506558 rgb(80,101,88)
```
#506563
```
#506563 rgb(80,101,99)
```

Analogous Color

#655053
```
#655053 rgb(101,80,83)
```
#506558
```
#506558 rgb(80,101,88)
```
#635065
```
#635065 rgb(99,80,101)
```

Split Complementary Color

#655850
```
#655850 rgb(101,88,80)
```
#506558
```
#506558 rgb(80,101,88)
```
#585065
```
#585065 rgb(88,80,101)
```

Triadic Color

#5d6550
```
#5d6550 rgb(93,101,80)
```
#506558
```
#506558 rgb(80,101,88)
```
#585065
```
#585065 rgb(88,80,101)
```
#65505d
```
#65505d rgb(101,80,93)
```

Tetradic Color

#2e3a33
```
#2e3a33 rgb(46,58,51)
```
#39493f
```
#39493f rgb(57,73,63)
```
#45574c
```
#45574c rgb(69,87,76)
```
#506558
```
#506558 rgb(80,101,88)
```
#5b7364
```
#5b7364 rgb(91,115,100)
```
#678171
```
#678171 rgb(103,129,113)
```
#728f7d
```
#728f7d rgb(114,143,125)
```

Monochromatic Color

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

#506553
```
#506553 rgb(80,101,83)
```
#506555
```
#506555 rgb(80,101,85)
```
#506556
```
#506556 rgb(80,101,86)
```
#506558
```
#506558 rgb(80,101,88)
```
#50655a
```
#50655a rgb(80,101,90)
```
#50655c
```
#50655c rgb(80,101,92)
```
#50655d
```
#50655d rgb(80,101,93)
```

Similar Colors

Text with hexadecimal color #506558

This text has a font color of #506558.

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

#506558 background color

This paragraph has a background color of #506558.

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

#506558 border color

This element has a border color of #506558.

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

CSS codes

.text {color:#506558;}

.background {background-color:#506558;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0d0c
```
#0b0d0c rgb(11,13,12)
```
#131815
```
#131815 rgb(19,24,21)
```
#1c231f
```
#1c231f rgb(28,35,31)
```
#252e28
```
#252e28 rgb(37,46,40)
```
#2d3932
```
#2d3932 rgb(45,57,50)
```
#36443b
```
#36443b rgb(54,68,59)
```
#3f4f45
```
#3f4f45 rgb(63,79,69)
```
#475a4e
```
#475a4e rgb(71,90,78)
```
#506558
```
#506558 rgb(80,101,88)
```
#597062
```
#597062 rgb(89,112,98)
```
#617b6b
```
#617b6b rgb(97,123,107)
```
#6a8675
```
#6a8675 rgb(106,134,117)
```

Shade Color Variation

#73907e
```
#73907e rgb(115,144,126)
```
#7e9988
```
#7e9988 rgb(126,153,136)
```
#89a292
```
#89a292 rgb(137,162,146)
```
#94aa9d
```
#94aa9d rgb(148,170,157)
```
#9fb3a7
```
#9fb3a7 rgb(159,179,167)
```
#aabcb1
```
#aabcb1 rgb(170,188,177)
```
#b5c4bb
```
#b5c4bb rgb(181,196,187)
```
#c0cdc5
```
#c0cdc5 rgb(192,205,197)
```
#cbd6cf
```
#cbd6cf rgb(203,214,207)
```
#d6ded9
```
#d6ded9 rgb(214,222,217)
```
#e1e7e3
```
#e1e7e3 rgb(225,231,227)
```
#ecf0ed
```
#ecf0ed rgb(236,240,237)
```
#f7f8f7
```
#f7f8f7 rgb(247,248,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575e5a is the less saturated color, while #03b246 is the most saturated one.

#575e5a
```
#575e5a rgb(87,94,90)
```
#506558
```
#506558 rgb(80,101,88)
```
#496c56
```
#496c56 rgb(73,108,86)
```
#427355
```
#427355 rgb(66,115,85)
```
#3b7a53
```
#3b7a53 rgb(59,122,83)
```
#348151
```
#348151 rgb(52,129,81)
```
#2d8850
```
#2d8850 rgb(45,136,80)
```
#268f4e
```
#268f4e rgb(38,143,78)
```
#1f964c
```
#1f964c rgb(31,150,76)
```
#189d4b
```
#189d4b rgb(24,157,75)
```
#11a449
```
#11a449 rgb(17,164,73)
```
#0aab47
```
#0aab47 rgb(10,171,71)
```
#03b246
```
#03b246 rgb(3,178,70)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5a5f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c685e Protanopia 1% of men
#736563 Deuteranopia 1% of men
#5c6a72 Tritanopia 0.001% of the population

Trichromacy

#62665b Protanomaly 1% of men, 0.01% of women
#66655f Deuteranomaly 6% of men, 0.4% of women
#586868 Tritanomaly 0.01% of the population

#506558 hex color

#506558 Color Information

#506558 Color Conversion

Color Schemes with #506558

Alternatives to #506558

#506558 Preview

Shades and Tints of #506558

Tones of #506558

Color Blindness Simulator