#508e96 hex color

In a RGB color space, hex #508e96 is composed of 31.4% red, 55.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 5.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 186.9 degrees, a saturation of 30.4% and a lightness of 45.1%. #508e96 color hex could be obtained by blending #a0ffff with #001d2d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 56
- B 59
RGB color chart
- C 47
- M 5
- Y 0
- K 41
CMYK color chart

● #508e96 color description : Dark moderate cyan.

The hexadecimal color #508e96 has RGB values of R:80, G:142, B:150 and CMYK values of C:0.47, M:0.05, Y:0, K:0.41. Its decimal value is 5279382.

Hex triplet	508e96	`#508e96`
RGB Decimal	80, 142, 150	`rgb(80,142,150)`
RGB Percent	31.4, 55.7, 58.8	`rgb(31.4%,55.7%,58.8%)`
CMYK	47, 5, 0, 41
HSL	186.9°, 30.4, 45.1	`hsl(186.9,30.4%,45.1%)`
HSV (or HSB)	186.9°, 46.7, 58.8
Web Safe	669999	`#669999`

CIE-LAB	55.331, -17.776, -10.493
XYZ	18.485, 23.252, 32.367
xyY	0.249, 0.314, 23.252
CIE-LCH	55.331, 20.642, 210.553
CIE-LUV	55.331, -27.776, -12.717
Hunter-Lab	48.221, -15.96, -6.042
Binary	01010000, 10001110, 10010110

#508e96
```
#508e96 rgb(80,142,150)
```
#965850
```
#965850 rgb(150,88,80)
```

Complementary Color

#50967b
```
#50967b rgb(80,150,123)
```
#508e96
```
#508e96 rgb(80,142,150)
```
#506b96
```
#506b96 rgb(80,107,150)
```

Analogous Color

#967b50
```
#967b50 rgb(150,123,80)
```
#508e96
```
#508e96 rgb(80,142,150)
```
#96506b
```
#96506b rgb(150,80,107)
```

Split Complementary Color

#8e9650
```
#8e9650 rgb(142,150,80)
```
#508e96
```
#508e96 rgb(80,142,150)
```
#96508e
```
#96508e rgb(150,80,142)
```

Triadic Color

#509658
```
#509658 rgb(80,150,88)
```
#508e96
```
#508e96 rgb(80,142,150)
```
#96508e
```
#96508e rgb(150,80,142)
```
#965850
```
#965850 rgb(150,88,80)
```

Tetradic Color

#355f64
```
#355f64 rgb(53,95,100)
```
#3e6f75
```
#3e6f75 rgb(62,111,117)
```
#477e85
```
#477e85 rgb(71,126,133)
```
#508e96
```
#508e96 rgb(80,142,150)
```
#599ea6
```
#599ea6 rgb(89,158,166)
```
#6aa7af
```
#6aa7af rgb(106,167,175)
```
#7ab1b8
```
#7ab1b8 rgb(122,177,184)
```

Monochromatic Color

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

#50968d
```
#50968d rgb(80,150,141)
```
#509692
```
#509692 rgb(80,150,146)
```
#509496
```
#509496 rgb(80,148,150)
```
#508e96
```
#508e96 rgb(80,142,150)
```
#508896
```
#508896 rgb(80,136,150)
```
#508296
```
#508296 rgb(80,130,150)
```
#507d96
```
#507d96 rgb(80,125,150)
```

Similar Colors

Text with hexadecimal color #508e96

This text has a font color of #508e96.

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

#508e96 background color

This paragraph has a background color of #508e96.

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

#508e96 border color

This element has a border color of #508e96.

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

CSS codes

.text {color:#508e96;}

.background {background-color:#508e96;}

.border {border:1px solid #508e96;}

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

#050909
```
#050909 rgb(5,9,9)
```
#0c1516
```
#0c1516 rgb(12,21,22)
```
#132123
```
#132123 rgb(19,33,35)
```
#192d30
```
#192d30 rgb(25,45,48)
```
#20393c
```
#20393c rgb(32,57,60)
```
#274549
```
#274549 rgb(39,69,73)
```
#2e5156
```
#2e5156 rgb(46,81,86)
```
#355e63
```
#355e63 rgb(53,94,99)
```
#3c6a70
```
#3c6a70 rgb(60,106,112)
```
#42767c
```
#42767c rgb(66,118,124)
```
#498289
```
#498289 rgb(73,130,137)
```
#508e96
```
#508e96 rgb(80,142,150)
```
#579aa3
```
#579aa3 rgb(87,154,163)
```

Shade Color Variation

#62a3ab
```
#62a3ab rgb(98,163,171)
```
#6faab2
```
#6faab2 rgb(111,170,178)
```
#7cb2b9
```
#7cb2b9 rgb(124,178,185)
```
#88b9c0
```
#88b9c0 rgb(136,185,192)
```
#95c1c7
```
#95c1c7 rgb(149,193,199)
```
#a2c8cd
```
#a2c8cd rgb(162,200,205)
```
#afd0d4
```
#afd0d4 rgb(175,208,212)
```
#bcd7db
```
#bcd7db rgb(188,215,219)
```
#c8dfe2
```
#c8dfe2 rgb(200,223,226)
```
#d5e6e9
```
#d5e6e9 rgb(213,230,233)
```
#e2eeef
```
#e2eeef rgb(226,238,239)
```
#eff5f6
```
#eff5f6 rgb(239,245,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7a7b is the less saturated color, while #00cbe6 is the most saturated one.

#6b7a7b
```
#6b7a7b rgb(107,122,123)
```
#628084
```
#628084 rgb(98,128,132)
```
#59878d
```
#59878d rgb(89,135,141)
```
#508e96
```
#508e96 rgb(80,142,150)
```
#47959f
```
#47959f rgb(71,149,159)
```
#3e9ca8
```
#3e9ca8 rgb(62,156,168)
```
#35a2b1
```
#35a2b1 rgb(53,162,177)
```
#2da9b9
```
#2da9b9 rgb(45,169,185)
```
#24b0c2
```
#24b0c2 rgb(36,176,194)
```
#1bb7cb
```
#1bb7cb rgb(27,183,203)
```
#12bed4
```
#12bed4 rgb(18,190,212)
```
#09c5dd
```
#09c5dd rgb(9,197,221)
```
#00cbe6
```
#00cbe6 rgb(0,203,230)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#738081 Atypical Achromatopsia 0.001% of the population

Dichromacy

#898995 Protanopia 1% of men
#8d879f Deuteranopia 1% of men
#5a939e Tritanopia 0.001% of the population

Trichromacy

#748b95 Protanomaly 1% of men, 0.01% of women
#768a9c Deuteranomaly 6% of men, 0.4% of women
#56919b Tritanomaly 0.01% of the population

#508e96 hex color

#508e96 Color Information

#508e96 Color Conversion

Color Schemes with #508e96

Alternatives to #508e96

#508e96 Preview

Shades and Tints of #508e96

Tones of #508e96

Color Blindness Simulator