#508097 hex color

In a RGB color space, hex #508097 is composed of 31.4% red, 50.2% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 15.2% magenta, 0% yellow and 40.8% black. It has a hue angle of 199.4 degrees, a saturation of 30.7% and a lightness of 45.3%. #508097 color hex could be obtained by blending #a0ffff with #00012f. Closest websafe color is: #669999.

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

● #508097 color description : Dark moderate blue.

The hexadecimal color #508097 has RGB values of R:80, G:128, B:151 and CMYK values of C:0.47, M:0.15, Y:0, K:0.41. Its decimal value is 5275799.

Hex triplet	508097	`#508097`
RGB Decimal	80, 128, 151	`rgb(80,128,151)`
RGB Percent	31.4, 50.2, 59.2	`rgb(31.4%,50.2%,59.2%)`
CMYK	47, 15, 0, 41
HSL	199.4°, 30.7, 45.3	`hsl(199.4,30.7%,45.3%)`
HSV (or HSB)	199.4°, 47, 59.2
Web Safe	669999	`#669999`

CIE-LAB	51.126, -9.782, -17.433
XYZ	16.612, 19.377, 32.141
xyY	0.244, 0.284, 19.377
CIE-LCH	51.126, 19.99, 240.703
CIE-LUV	51.126, -22.093, -24.152
Hunter-Lab	44.02, -9.673, -12.477
Binary	01010000, 10000000, 10010111

#508097
```
#508097 rgb(80,128,151)
```
#976750
```
#976750 rgb(151,103,80)
```

Complementary Color

#50978b
```
#50978b rgb(80,151,139)
```
#508097
```
#508097 rgb(80,128,151)
```
#505d97
```
#505d97 rgb(80,93,151)
```

Analogous Color

#978b50
```
#978b50 rgb(151,139,80)
```
#508097
```
#508097 rgb(80,128,151)
```
#97505c
```
#97505c rgb(151,80,92)
```

Split Complementary Color

#809750
```
#809750 rgb(128,151,80)
```
#508097
```
#508097 rgb(80,128,151)
```
#975080
```
#975080 rgb(151,80,128)
```

Triadic Color

#509767
```
#509767 rgb(80,151,103)
```
#508097
```
#508097 rgb(80,128,151)
```
#975080
```
#975080 rgb(151,80,128)
```
#976750
```
#976750 rgb(151,103,80)
```

Tetradic Color

#365665
```
#365665 rgb(54,86,101)
```
#3e6476
```
#3e6476 rgb(62,100,118)
```
#477286
```
#477286 rgb(71,114,134)
```
#508097
```
#508097 rgb(80,128,151)
```
#598ea7
```
#598ea7 rgb(89,142,167)
```
#6a99b0
```
#6a99b0 rgb(106,153,176)
```
#7ba5b9
```
#7ba5b9 rgb(123,165,185)
```

Monochromatic Color

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

#509297
```
#509297 rgb(80,146,151)
```
#508c97
```
#508c97 rgb(80,140,151)
```
#508697
```
#508697 rgb(80,134,151)
```
#508097
```
#508097 rgb(80,128,151)
```
#507a97
```
#507a97 rgb(80,122,151)
```
#507497
```
#507497 rgb(80,116,151)
```
#506e97
```
#506e97 rgb(80,110,151)
```

Similar Colors

Text with hexadecimal color #508097

This text has a font color of #508097.

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

#508097 background color

This paragraph has a background color of #508097.

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

#508097 border color

This element has a border color of #508097.

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

CSS codes

.text {color:#508097;}

.background {background-color:#508097;}

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

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, #05080a is the darkest color, while #fcfdfd is the lightest one.

#05080a
```
#05080a rgb(5,8,10)
```
#0c1317
```
#0c1317 rgb(12,19,23)
```
#131e24
```
#131e24 rgb(19,30,36)
```
#1a2930
```
#1a2930 rgb(26,41,48)
```
#20343d
```
#20343d rgb(32,52,61)
```
#273f4a
```
#273f4a rgb(39,63,74)
```
#2e4a57
```
#2e4a57 rgb(46,74,87)
```
#355564
```
#355564 rgb(53,85,100)
```
#3c5f71
```
#3c5f71 rgb(60,95,113)
```
#426a7d
```
#426a7d rgb(66,106,125)
```
#49758a
```
#49758a rgb(73,117,138)
```
#508097
```
#508097 rgb(80,128,151)
```
#578ba4
```
#578ba4 rgb(87,139,164)
```

Shade Color Variation

#6294ac
```
#6294ac rgb(98,148,172)
```
#6f9db3
```
#6f9db3 rgb(111,157,179)
```
#7ca6ba
```
#7ca6ba rgb(124,166,186)
```
#89aec0
```
#89aec0 rgb(137,174,192)
```
#96b7c7
```
#96b7c7 rgb(150,183,199)
```
#a2c0ce
```
#a2c0ce rgb(162,192,206)
```
#afc9d5
```
#afc9d5 rgb(175,201,213)
```
#bcd1dc
```
#bcd1dc rgb(188,209,220)
```
#c9dae2
```
#c9dae2 rgb(201,218,226)
```
#d6e3e9
```
#d6e3e9 rgb(214,227,233)
```
#e2ecf0
```
#e2ecf0 rgb(226,236,240)
```
#eff4f7
```
#eff4f7 rgb(239,244,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#6b777c
```
#6b777c rgb(107,119,124)
```
#627a85
```
#627a85 rgb(98,122,133)
```
#597d8e
```
#597d8e rgb(89,125,142)
```
#508097
```
#508097 rgb(80,128,151)
```
#4783a0
```
#4783a0 rgb(71,131,160)
```
#3e86a9
```
#3e86a9 rgb(62,134,169)
```
#3589b2
```
#3589b2 rgb(53,137,178)
```
#2c8dbb
```
#2c8dbb rgb(44,141,187)
```
#2490c3
```
#2490c3 rgb(36,144,195)
```
#1b93cc
```
#1b93cc rgb(27,147,204)
```
#1296d5
```
#1296d5 rgb(18,150,213)
```
#0999de
```
#0999de rgb(9,153,222)
```
#009ce7
```
#009ce7 rgb(0,156,231)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6d767b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7f98 Protanopia 1% of men
#7b7e9f Deuteranopia 1% of men
#558892 Tritanopia 0.001% of the population

Trichromacy

#6b7f97 Protanomaly 1% of men, 0.01% of women
#6b7f9c Deuteranomaly 6% of men, 0.4% of women
#538594 Tritanomaly 0.01% of the population

#508097 hex color

#508097 Color Information

#508097 Color Conversion

Color Schemes with #508097

Alternatives to #508097

#508097 Preview

Shades and Tints of #508097

Tones of #508097

Color Blindness Simulator