#508581 hex color

In a RGB color space, hex #508581 is composed of 31.4% red, 52.2% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 39.8% cyan, 0% magenta, 3% yellow and 47.8% black. It has a hue angle of 175.5 degrees, a saturation of 24.9% and a lightness of 41.8%. #508581 color hex could be obtained by blending #a0ffff with #000b03. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 52
- B 51
RGB color chart
- C 40
- M 0
- Y 3
- K 48
CMYK color chart

● #508581 color description : Mostly desaturated dark cyan.

The hexadecimal color #508581 has RGB values of R:80, G:133, B:129 and CMYK values of C:0.4, M:0, Y:0.03, K:0.48. Its decimal value is 5277057.

Hex triplet	508581	`#508581`
RGB Decimal	80, 133, 129	`rgb(80,133,129)`
RGB Percent	31.4, 52.2, 50.6	`rgb(31.4%,52.2%,50.6%)`
CMYK	40, 0, 3, 48
HSL	175.5°, 24.9, 41.8	`hsl(175.5,24.9%,41.8%)`
HSV (or HSB)	175.5°, 39.8, 52.2
Web Safe	669999	`#669999`

CIE-LAB	51.91, -18.626, -3.416
XYZ	15.657, 20.065, 23.815
xyY	0.263, 0.337, 20.065
CIE-LCH	51.91, 18.936, 190.393
CIE-LUV	51.91, -24.602, -2.029
Hunter-Lab	44.794, -15.996, -0.167
Binary	01010000, 10000101, 10000001

#508581
```
#508581 rgb(80,133,129)
```
#855054
```
#855054 rgb(133,80,84)
```

Complementary Color

#508567
```
#508567 rgb(80,133,103)
```
#508581
```
#508581 rgb(80,133,129)
```
#506f85
```
#506f85 rgb(80,111,133)
```

Analogous Color

#856750
```
#856750 rgb(133,103,80)
```
#508581
```
#508581 rgb(80,133,129)
```
#85506f
```
#85506f rgb(133,80,111)
```

Split Complementary Color

#858150
```
#858150 rgb(133,129,80)
```
#508581
```
#508581 rgb(80,133,129)
```
#815085
```
#815085 rgb(129,80,133)
```

Triadic Color

#548550
```
#548550 rgb(84,133,80)
```
#508581
```
#508581 rgb(80,133,129)
```
#815085
```
#815085 rgb(129,80,133)
```
#855054
```
#855054 rgb(133,80,84)
```

Tetradic Color

#335553
```
#335553 rgb(51,85,83)
```
#3d6562
```
#3d6562 rgb(61,101,98)
```
#467572
```
#467572 rgb(70,117,114)
```
#508581
```
#508581 rgb(80,133,129)
```
#5a9590
```
#5a9590 rgb(90,149,144)
```
#65a39e
```
#65a39e rgb(101,163,158)
```
#75aca8
```
#75aca8 rgb(117,172,168)
```

Monochromatic Color

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

#508574
```
#508574 rgb(80,133,116)
```
#508578
```
#508578 rgb(80,133,120)
```
#50857d
```
#50857d rgb(80,133,125)
```
#508581
```
#508581 rgb(80,133,129)
```
#508585
```
#508585 rgb(80,133,133)
```
#508085
```
#508085 rgb(80,128,133)
```
#507c85
```
#507c85 rgb(80,124,133)
```

Similar Colors

Text with hexadecimal color #508581

This text has a font color of #508581.

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

#508581 background color

This paragraph has a background color of #508581.

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

#508581 border color

This element has a border color of #508581.

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

CSS codes

.text {color:#508581;}

.background {background-color:#508581;}

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

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, #060b0a is the darkest color, while #fdfefe is the lightest one.

#060b0a
```
#060b0a rgb(6,11,10)
```
#0e1716
```
#0e1716 rgb(14,23,22)
```
#152322
```
#152322 rgb(21,35,34)
```
#1c2f2e
```
#1c2f2e rgb(28,47,46)
```
#243c3a
```
#243c3a rgb(36,60,58)
```
#2b4846
```
#2b4846 rgb(43,72,70)
```
#335451
```
#335451 rgb(51,84,81)
```
#3a605d
```
#3a605d rgb(58,96,93)
```
#416d69
```
#416d69 rgb(65,109,105)
```
#497975
```
#497975 rgb(73,121,117)
```
#508581
```
#508581 rgb(80,133,129)
```
#57918d
```
#57918d rgb(87,145,141)
```
#5f9d99
```
#5f9d99 rgb(95,157,153)
```

Shade Color Variation

#6aa6a1
```
#6aa6a1 rgb(106,166,161)
```
#77ada9
```
#77ada9 rgb(119,173,169)
```
#83b4b1
```
#83b4b1 rgb(131,180,177)
```
#8fbcb8
```
#8fbcb8 rgb(143,188,184)
```
#9bc3c0
```
#9bc3c0 rgb(155,195,192)
```
#a8cac8
```
#a8cac8 rgb(168,202,200)
```
#b4d2cf
```
#b4d2cf rgb(180,210,207)
```
#c0d9d7
```
#c0d9d7 rgb(192,217,215)
```
#cce0df
```
#cce0df rgb(204,224,223)
```
#d9e8e7
```
#d9e8e7 rgb(217,232,231)
```
#e5efee
```
#e5efee rgb(229,239,238)
```
#f1f7f6
```
#f1f7f6 rgb(241,247,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696c6c is the less saturated color, while #06cfc0 is the most saturated one.

#696c6c
```
#696c6c rgb(105,108,108)
```
#607573
```
#607573 rgb(96,117,115)
```
#587d7a
```
#587d7a rgb(88,125,122)
```
#508581
```
#508581 rgb(80,133,129)
```
#488d88
```
#488d88 rgb(72,141,136)
```
#40958f
```
#40958f rgb(64,149,143)
```
#379e96
```
#379e96 rgb(55,158,150)
```
#2fa69d
```
#2fa69d rgb(47,166,157)
```
#27aea4
```
#27aea4 rgb(39,174,164)
```
#1fb6ab
```
#1fb6ab rgb(31,182,171)
```
#17beb2
```
#17beb2 rgb(23,190,178)
```
#0ec7b9
```
#0ec7b9 rgb(14,199,185)
```
#06cfc0
```
#06cfc0 rgb(6,207,192)
```

Tone Color Variation

Below, you can see how #508581 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
#6e7877 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848182 Protanopia 1% of men
#8a7f8b Deuteranopia 1% of men
#5d8993 Tritanopia 0.001% of the population

Trichromacy

#718381 Protanomaly 1% of men, 0.01% of women
#758187 Deuteranomaly 6% of men, 0.4% of women
#58878c Tritanomaly 0.01% of the population

#508581 hex color

#508581 Color Information

#508581 Color Conversion

Color Schemes with #508581

Alternatives to #508581

#508581 Preview

Shades and Tints of #508581

Tones of #508581

Color Blindness Simulator