#508988 hex color

In a RGB color space, hex #508988 is composed of 31.4% red, 53.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 0% magenta, 0.7% yellow and 46.3% black. It has a hue angle of 178.9 degrees, a saturation of 26.3% and a lightness of 42.5%. #508988 color hex could be obtained by blending #a0ffff with #001311. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 54
- B 53
RGB color chart
- C 42
- M 0
- Y 1
- K 46
CMYK color chart

● #508988 color description : Mostly desaturated dark cyan.

The hexadecimal color #508988 has RGB values of R:80, G:137, B:136 and CMYK values of C:0.42, M:0, Y:0.01, K:0.46. Its decimal value is 5278088.

Hex triplet	508988	`#508988`
RGB Decimal	80, 137, 136	`rgb(80,137,136)`
RGB Percent	31.4, 53.7, 53.3	`rgb(31.4%,53.7%,53.3%)`
CMYK	42, 0, 1, 46
HSL	178.9°, 26.3, 42.5	`hsl(178.9,26.3%,42.5%)`
HSV (or HSB)	178.9°, 41.6, 53.7
Web Safe	669999	`#669999`

CIE-LAB	53.356, -18.92, -5.349
XYZ	16.697, 21.373, 26.537
xyY	0.258, 0.331, 21.373
CIE-LCH	53.356, 19.662, 195.787
CIE-LUV	53.356, -26.112, -4.813
Hunter-Lab	46.231, -16.439, -1.671
Binary	01010000, 10001001, 10001000

#508988
```
#508988 rgb(80,137,136)
```
#895051
```
#895051 rgb(137,80,81)
```

Complementary Color

#50896c
```
#50896c rgb(80,137,108)
```
#508988
```
#508988 rgb(80,137,136)
```
#506e89
```
#506e89 rgb(80,110,137)
```

Analogous Color

#896c50
```
#896c50 rgb(137,108,80)
```
#508988
```
#508988 rgb(80,137,136)
```
#89506e
```
#89506e rgb(137,80,110)
```

Split Complementary Color

#898850
```
#898850 rgb(137,136,80)
```
#508988
```
#508988 rgb(80,137,136)
```
#885089
```
#885089 rgb(136,80,137)
```

Triadic Color

#518950
```
#518950 rgb(81,137,80)
```
#508988
```
#508988 rgb(80,137,136)
```
#885089
```
#885089 rgb(136,80,137)
```
#895051
```
#895051 rgb(137,80,81)
```

Tetradic Color

#345958
```
#345958 rgb(52,89,88)
```
#3d6968
```
#3d6968 rgb(61,105,104)
```
#477978
```
#477978 rgb(71,121,120)
```
#508988
```
#508988 rgb(80,137,136)
```
#599998
```
#599998 rgb(89,153,152)
```
#66a6a5
```
#66a6a5 rgb(102,166,165)
```
#76afae
```
#76afae rgb(118,175,174)
```

Monochromatic Color

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

#50897a
```
#50897a rgb(80,137,122)
```
#50897f
```
#50897f rgb(80,137,127)
```
#508983
```
#508983 rgb(80,137,131)
```
#508988
```
#508988 rgb(80,137,136)
```
#508589
```
#508589 rgb(80,133,137)
```
#508189
```
#508189 rgb(80,129,137)
```
#507c89
```
#507c89 rgb(80,124,137)
```

Similar Colors

Text with hexadecimal color #508988

This text has a font color of #508988.

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

#508988 background color

This paragraph has a background color of #508988.

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

#508988 border color

This element has a border color of #508988.

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

CSS codes

.text {color:#508988;}

.background {background-color:#508988;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#080d0d
```
#080d0d rgb(8,13,13)
```
#0f1a19
```
#0f1a19 rgb(15,26,25)
```
#162626
```
#162626 rgb(22,38,38)
```
#1d3232
```
#1d3232 rgb(29,50,50)
```
#253f3e
```
#253f3e rgb(37,63,62)
```
#2c4b4b
```
#2c4b4b rgb(44,75,75)
```
#335757
```
#335757 rgb(51,87,87)
```
#3a6463
```
#3a6463 rgb(58,100,99)
```
#42706f
```
#42706f rgb(66,112,111)
```
#497d7c
```
#497d7c rgb(73,125,124)
```
#508988
```
#508988 rgb(80,137,136)
```
#579594
```
#579594 rgb(87,149,148)
```

Shade Color Variation

#5fa1a0
```
#5fa1a0 rgb(95,161,160)
```
#6ba9a8
```
#6ba9a8 rgb(107,169,168)
```
#78b0af
```
#78b0af rgb(120,176,175)
```
#84b7b6
```
#84b7b6 rgb(132,183,182)
```
#90bebe
```
#90bebe rgb(144,190,190)
```
#9dc6c5
```
#9dc6c5 rgb(157,198,197)
```
#a9cdcc
```
#a9cdcc rgb(169,205,204)
```
#b5d4d4
```
#b5d4d4 rgb(181,212,212)
```
#c2dbdb
```
#c2dbdb rgb(194,219,219)
```
#cee3e2
```
#cee3e2 rgb(206,227,226)
```
#dbeae9
```
#dbeae9 rgb(219,234,233)
```
#e7f1f1
```
#e7f1f1 rgb(231,241,241)
```
#f3f8f8
```
#f3f8f8 rgb(243,248,248)
```

Tint Color Variation

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

#697070
```
#697070 rgb(105,112,112)
```
#617878
```
#617878 rgb(97,120,120)
```
#588180
```
#588180 rgb(88,129,128)
```
#508988
```
#508988 rgb(80,137,136)
```
#489190
```
#489190 rgb(72,145,144)
```
#3f9a98
```
#3f9a98 rgb(63,154,152)
```
#37a2a0
```
#37a2a0 rgb(55,162,160)
```
#2faaa8
```
#2faaa8 rgb(47,170,168)
```
#26b3b0
```
#26b3b0 rgb(38,179,176)
```
#1ebbb8
```
#1ebbb8 rgb(30,187,184)
```
#16c3c0
```
#16c3c0 rgb(22,195,192)
```
#0dccc8
```
#0dccc8 rgb(13,204,200)
```
#05d4d0
```
#05d4d0 rgb(5,212,208)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#707b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#878588 Protanopia 1% of men
#8c8292 Deuteranopia 1% of men
#5c8d97 Tritanopia 0.001% of the population

Trichromacy

#738688 Protanomaly 1% of men, 0.01% of women
#76848e Deuteranomaly 6% of men, 0.4% of women
#578b92 Tritanomaly 0.01% of the population

#508988 hex color

#508988 Color Information

#508988 Color Conversion

Color Schemes with #508988

Alternatives to #508988

#508988 Preview

Shades and Tints of #508988

Tones of #508988

Color Blindness Simulator