#508197 hex color

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

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

● #508197 color description : Dark moderate blue.

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

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

CIE-LAB	51.427, -10.347, -16.974
XYZ	16.743, 19.639, 32.185
xyY	0.244, 0.286, 19.639
CIE-LCH	51.427, 19.879, 238.633
CIE-LUV	51.427, -22.495, -23.397
Hunter-Lab	44.316, -10.115, -12.038
Binary	01010000, 10000001, 10010111

#508197
```
#508197 rgb(80,129,151)
```
#976650
```
#976650 rgb(151,102,80)
```

Complementary Color

#50978a
```
#50978a rgb(80,151,138)
```
#508197
```
#508197 rgb(80,129,151)
```
#505e97
```
#505e97 rgb(80,94,151)
```

Analogous Color

#978a50
```
#978a50 rgb(151,138,80)
```
#508197
```
#508197 rgb(80,129,151)
```
#97505e
```
#97505e rgb(151,80,94)
```

Split Complementary Color

#819750
```
#819750 rgb(129,151,80)
```
#508197
```
#508197 rgb(80,129,151)
```
#975081
```
#975081 rgb(151,80,129)
```

Triadic Color

#509766
```
#509766 rgb(80,151,102)
```
#508197
```
#508197 rgb(80,129,151)
```
#975081
```
#975081 rgb(151,80,129)
```
#976650
```
#976650 rgb(151,102,80)
```

Tetradic Color

#365665
```
#365665 rgb(54,86,101)
```
#3e6576
```
#3e6576 rgb(62,101,118)
```
#477386
```
#477386 rgb(71,115,134)
```
#508197
```
#508197 rgb(80,129,151)
```
#598fa7
```
#598fa7 rgb(89,143,167)
```
#6a9ab0
```
#6a9ab0 rgb(106,154,176)
```
#7ba6b9
```
#7ba6b9 rgb(123,166,185)
```

Monochromatic Color

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

#509397
```
#509397 rgb(80,147,151)
```
#508d97
```
#508d97 rgb(80,141,151)
```
#508797
```
#508797 rgb(80,135,151)
```
#508197
```
#508197 rgb(80,129,151)
```
#507b97
```
#507b97 rgb(80,123,151)
```
#507597
```
#507597 rgb(80,117,151)
```
#506f97
```
#506f97 rgb(80,111,151)
```

Similar Colors

Text with hexadecimal color #508197

This text has a font color of #508197.

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

#508197 background color

This paragraph has a background color of #508197.

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

#508197 border color

This element has a border color of #508197.

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

CSS codes

.text {color:#508197;}

.background {background-color:#508197;}

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

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

#05090a
```
#05090a rgb(5,9,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)
```
#3c6071
```
#3c6071 rgb(60,96,113)
```
#426b7d
```
#426b7d rgb(66,107,125)
```
#49768a
```
#49768a rgb(73,118,138)
```
#508197
```
#508197 rgb(80,129,151)
```
#578ca4
```
#578ca4 rgb(87,140,164)
```

Shade Color Variation

#6295ac
```
#6295ac rgb(98,149,172)
```
#6f9eb3
```
#6f9eb3 rgb(111,158,179)
```
#7ca6ba
```
#7ca6ba rgb(124,166,186)
```
#89afc0
```
#89afc0 rgb(137,175,192)
```
#96b8c7
```
#96b8c7 rgb(150,184,199)
```
#a2c0ce
```
#a2c0ce rgb(162,192,206)
```
#afc9d5
```
#afc9d5 rgb(175,201,213)
```
#bcd2dc
```
#bcd2dc rgb(188,210,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 #009fe7 is the most saturated one.

#6b777c
```
#6b777c rgb(107,119,124)
```
#627a85
```
#627a85 rgb(98,122,133)
```
#597e8e
```
#597e8e rgb(89,126,142)
```
#508197
```
#508197 rgb(80,129,151)
```
#4784a0
```
#4784a0 rgb(71,132,160)
```
#3e88a9
```
#3e88a9 rgb(62,136,169)
```
#358bb2
```
#358bb2 rgb(53,139,178)
```
#2c8fbb
```
#2c8fbb rgb(44,143,187)
```
#2492c3
```
#2492c3 rgb(36,146,195)
```
#1b95cc
```
#1b95cc rgb(27,149,204)
```
#1299d5
```
#1299d5 rgb(18,153,213)
```
#099cde
```
#099cde rgb(9,156,222)
```
#009fe7
```
#009fe7 rgb(0,159,231)
```

Tone Color Variation

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

Dichromacy

#7c8097 Protanopia 1% of men
#7c7f9f Deuteranopia 1% of men
#558993 Tritanopia 0.001% of the population

Trichromacy

#6c8097 Protanomaly 1% of men, 0.01% of women
#6c7f9c Deuteranomaly 6% of men, 0.4% of women
#538694 Tritanomaly 0.01% of the population

#508197 hex color

#508197 Color Information

#508197 Color Conversion

Color Schemes with #508197

Alternatives to #508197

#508197 Preview

Shades and Tints of #508197

Tones of #508197

Color Blindness Simulator