#506458 hex color

In a RGB color space, hex #506458 is composed of 31.4% red, 39.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 12% yellow and 60.8% black. It has a hue angle of 144 degrees, a saturation of 11.1% and a lightness of 35.3%. #506458 color hex could be obtained by blending #a0c8b0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 39
- B 35
RGB color chart
- C 20
- M 0
- Y 12
- K 61
CMYK color chart

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

The hexadecimal color #506458 has RGB values of R:80, G:100, B:88 and CMYK values of C:0.2, M:0, Y:0.12, K:0.61. Its decimal value is 5268568.

Hex triplet	506458	`#506458`
RGB Decimal	80, 100, 88	`rgb(80,100,88)`
RGB Percent	31.4, 39.2, 34.5	`rgb(31.4%,39.2%,34.5%)`
CMYK	20, 0, 12, 61
HSL	144°, 11.1, 35.3	`hsl(144,11.1%,35.3%)`
HSV (or HSB)	144°, 20, 39.2
Web Safe	666666	`#666666`

CIE-LAB	40.45, -10.251, 4.322
XYZ	9.626, 11.524, 10.949
xyY	0.3, 0.359, 11.524
CIE-LCH	40.45, 11.125, 157.137
CIE-LUV	40.45, -10.003, 7.003
Hunter-Lab	33.947, -8.79, 4.64
Binary	01010000, 01100100, 01011000

#506458
```
#506458 rgb(80,100,88)
```
#64505c
```
#64505c rgb(100,80,92)
```

Complementary Color

#526450
```
#526450 rgb(82,100,80)
```
#506458
```
#506458 rgb(80,100,88)
```
#506462
```
#506462 rgb(80,100,98)
```

Analogous Color

#645052
```
#645052 rgb(100,80,82)
```
#506458
```
#506458 rgb(80,100,88)
```
#625064
```
#625064 rgb(98,80,100)
```

Split Complementary Color

#645850
```
#645850 rgb(100,88,80)
```
#506458
```
#506458 rgb(80,100,88)
```
#585064
```
#585064 rgb(88,80,100)
```

Triadic Color

#5c6450
```
#5c6450 rgb(92,100,80)
```
#506458
```
#506458 rgb(80,100,88)
```
#585064
```
#585064 rgb(88,80,100)
```
#64505c
```
#64505c rgb(100,80,92)
```

Tetradic Color

#2e3a33
```
#2e3a33 rgb(46,58,51)
```
#39483f
```
#39483f rgb(57,72,63)
```
#45564c
```
#45564c rgb(69,86,76)
```
#506458
```
#506458 rgb(80,100,88)
```
#5b7264
```
#5b7264 rgb(91,114,100)
```
#678071
```
#678071 rgb(103,128,113)
```
#728e7d
```
#728e7d rgb(114,142,125)
```

Monochromatic Color

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

#506453
```
#506453 rgb(80,100,83)
```
#506455
```
#506455 rgb(80,100,85)
```
#506456
```
#506456 rgb(80,100,86)
```
#506458
```
#506458 rgb(80,100,88)
```
#50645a
```
#50645a rgb(80,100,90)
```
#50645b
```
#50645b rgb(80,100,91)
```
#50645d
```
#50645d rgb(80,100,93)
```

Similar Colors

Text with hexadecimal color #506458

This text has a font color of #506458.

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

#506458 background color

This paragraph has a background color of #506458.

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

#506458 border color

This element has a border color of #506458.

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

CSS codes

.text {color:#506458;}

.background {background-color:#506458;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0d0b
```
#0a0d0b rgb(10,13,11)
```
#131815
```
#131815 rgb(19,24,21)
```
#1c231e
```
#1c231e rgb(28,35,30)
```
#242e28
```
#242e28 rgb(36,46,40)
```
#2d3832
```
#2d3832 rgb(45,56,50)
```
#36433b
```
#36433b rgb(54,67,59)
```
#3f4e45
```
#3f4e45 rgb(63,78,69)
```
#47594e
```
#47594e rgb(71,89,78)
```
#506458
```
#506458 rgb(80,100,88)
```
#596f62
```
#596f62 rgb(89,111,98)
```
#617a6b
```
#617a6b rgb(97,122,107)
```
#6a8575
```
#6a8575 rgb(106,133,117)
```

Shade Color Variation

#738f7e
```
#738f7e rgb(115,143,126)
```
#7e9888
```
#7e9888 rgb(126,152,136)
```
#89a192
```
#89a192 rgb(137,161,146)
```
#94a99d
```
#94a99d rgb(148,169,157)
```
#9fb2a7
```
#9fb2a7 rgb(159,178,167)
```
#aabbb1
```
#aabbb1 rgb(170,187,177)
```
#b5c4bb
```
#b5c4bb rgb(181,196,187)
```
#c0ccc5
```
#c0ccc5 rgb(192,204,197)
```
#cad5cf
```
#cad5cf rgb(202,213,207)
```
#d5ded9
```
#d5ded9 rgb(213,222,217)
```
#e0e6e3
```
#e0e6e3 rgb(224,230,227)
```
#ebefed
```
#ebefed rgb(235,239,237)
```
#f6f8f7
```
#f6f8f7 rgb(246,248,247)
```

Tint Color Variation

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

#575d59
```
#575d59 rgb(87,93,89)
```
#506458
```
#506458 rgb(80,100,88)
```
#496b57
```
#496b57 rgb(73,107,87)
```
#427255
```
#427255 rgb(66,114,85)
```
#3b7954
```
#3b7954 rgb(59,121,84)
```
#348052
```
#348052 rgb(52,128,82)
```
#2d8751
```
#2d8751 rgb(45,135,81)
```
#268e50
```
#268e50 rgb(38,142,80)
```
#20944e
```
#20944e rgb(32,148,78)
```
#199b4d
```
#199b4d rgb(25,155,77)
```
#12a24c
```
#12a24c rgb(18,162,76)
```
#0ba94a
```
#0ba94a rgb(11,169,74)
```
#04b049
```
#04b049 rgb(4,176,73)
```

Tone Color Variation

Below, you can see how #506458 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
#5a5e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b675e Protanopia 1% of men
#726463 Deuteranopia 1% of men
#5c6971 Tritanopia 0.001% of the population

Trichromacy

#61665c Protanomaly 1% of men, 0.01% of women
#66645f Deuteranomaly 6% of men, 0.4% of women
#586768 Tritanomaly 0.01% of the population

#506458 hex color

#506458 Color Information

#506458 Color Conversion

Color Schemes with #506458

Alternatives to #506458

#506458 Preview

Shades and Tints of #506458

Tones of #506458

Color Blindness Simulator