#508895 hex color

In a RGB color space, hex #508895 is composed of 31.4% red, 53.3% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 8.7% magenta, 0% yellow and 41.6% black. It has a hue angle of 191.3 degrees, a saturation of 30.1% and a lightness of 44.9%. #508895 color hex could be obtained by blending #a0ffff with #00112b. Closest websafe color is: #669999.

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

● #508895 color description : Dark moderate cyan.

The hexadecimal color #508895 has RGB values of R:80, G:136, B:149 and CMYK values of C:0.46, M:0.09, Y:0, K:0.42. Its decimal value is 5277845.

Hex triplet	508895	`#508895`
RGB Decimal	80, 136, 149	`rgb(80,136,149)`
RGB Percent	31.4, 53.3, 58.4	`rgb(31.4%,53.3%,58.4%)`
CMYK	46, 9, 0, 42
HSL	191.3°, 30.1, 44.9	`hsl(191.3,30.1%,44.9%)`
HSV (or HSB)	191.3°, 46.3, 58.4
Web Safe	669999	`#669999`

CIE-LAB	53.474, -14.814, -12.709
XYZ	17.536, 21.483, 31.655
xyY	0.248, 0.304, 21.483
CIE-LCH	53.474, 19.519, 220.628
CIE-LUV	53.474, -25.369, -16.407
Hunter-Lab	46.349, -13.578, -8.048
Binary	01010000, 10001000, 10010101

#508895
```
#508895 rgb(80,136,149)
```
#955d50
```
#955d50 rgb(149,93,80)
```

Complementary Color

#509580
```
#509580 rgb(80,149,128)
```
#508895
```
#508895 rgb(80,136,149)
```
#506695
```
#506695 rgb(80,102,149)
```

Analogous Color

#958050
```
#958050 rgb(149,128,80)
```
#508895
```
#508895 rgb(80,136,149)
```
#955066
```
#955066 rgb(149,80,102)
```

Split Complementary Color

#889550
```
#889550 rgb(136,149,80)
```
#508895
```
#508895 rgb(80,136,149)
```
#955088
```
#955088 rgb(149,80,136)
```

Triadic Color

#50955d
```
#50955d rgb(80,149,93)
```
#508895
```
#508895 rgb(80,136,149)
```
#955088
```
#955088 rgb(149,80,136)
```
#955d50
```
#955d50 rgb(149,93,80)
```

Tetradic Color

#355b63
```
#355b63 rgb(53,91,99)
```
#3e6a74
```
#3e6a74 rgb(62,106,116)
```
#477984
```
#477984 rgb(71,121,132)
```
#508895
```
#508895 rgb(80,136,149)
```
#5997a6
```
#5997a6 rgb(89,151,166)
```
#69a2af
```
#69a2af rgb(105,162,175)
```
#7aacb8
```
#7aacb8 rgb(122,172,184)
```

Monochromatic Color

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

#509591
```
#509591 rgb(80,149,145)
```
#509495
```
#509495 rgb(80,148,149)
```
#508e95
```
#508e95 rgb(80,142,149)
```
#508895
```
#508895 rgb(80,136,149)
```
#508295
```
#508295 rgb(80,130,149)
```
#507d95
```
#507d95 rgb(80,125,149)
```
#507795
```
#507795 rgb(80,119,149)
```

Similar Colors

Text with hexadecimal color #508895

This text has a font color of #508895.

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

#508895 background color

This paragraph has a background color of #508895.

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

#508895 border color

This element has a border color of #508895.

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

CSS codes

.text {color:#508895;}

.background {background-color:#508895;}

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

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

#050809
```
#050809 rgb(5,8,9)
```
#0b1415
```
#0b1415 rgb(11,20,21)
```
#121f22
```
#121f22 rgb(18,31,34)
```
#192b2f
```
#192b2f rgb(25,43,47)
```
#20363c
```
#20363c rgb(32,54,60)
```
#274248
```
#274248 rgb(39,66,72)
```
#2e4e55
```
#2e4e55 rgb(46,78,85)
```
#355962
```
#355962 rgb(53,89,98)
```
#3b656f
```
#3b656f rgb(59,101,111)
```
#42717b
```
#42717b rgb(66,113,123)
```
#497c88
```
#497c88 rgb(73,124,136)
```
#508895
```
#508895 rgb(80,136,149)
```
#5794a2
```
#5794a2 rgb(87,148,162)
```

Shade Color Variation

#629dab
```
#629dab rgb(98,157,171)
```
#6ea5b1
```
#6ea5b1 rgb(110,165,177)
```
#7badb8
```
#7badb8 rgb(123,173,184)
```
#88b5bf
```
#88b5bf rgb(136,181,191)
```
#95bdc6
```
#95bdc6 rgb(149,189,198)
```
#a2c5cd
```
#a2c5cd rgb(162,197,205)
```
#aecdd4
```
#aecdd4 rgb(174,205,212)
```
#bbd5db
```
#bbd5db rgb(187,213,219)
```
#c8dde1
```
#c8dde1 rgb(200,221,225)
```
#d5e5e8
```
#d5e5e8 rgb(213,229,232)
```
#e1ecef
```
#e1ecef rgb(225,236,239)
```
#eef4f6
```
#eef4f6 rgb(238,244,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#6a787b
```
#6a787b rgb(106,120,123)
```
#627d83
```
#627d83 rgb(98,125,131)
```
#59838c
```
#59838c rgb(89,131,140)
```
#508895
```
#508895 rgb(80,136,149)
```
#478d9e
```
#478d9e rgb(71,141,158)
```
#3e93a7
```
#3e93a7 rgb(62,147,167)
```
#3698af
```
#3698af rgb(54,152,175)
```
#2d9eb8
```
#2d9eb8 rgb(45,158,184)
```
#24a3c1
```
#24a3c1 rgb(36,163,193)
```
#1ba9ca
```
#1ba9ca rgb(27,169,202)
```
#12aed3
```
#12aed3 rgb(18,174,211)
```
#0ab4db
```
#0ab4db rgb(10,180,219)
```
#01b9e4
```
#01b9e4 rgb(1,185,228)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#717c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#838595 Protanopia 1% of men
#86839e Deuteranopia 1% of men
#588e98 Tritanopia 0.001% of the population

Trichromacy

#718695 Protanomaly 1% of men, 0.01% of women
#72859a Deuteranomaly 6% of men, 0.4% of women
#558c97 Tritanomaly 0.01% of the population

#508895 hex color

#508895 Color Information

#508895 Color Conversion

Color Schemes with #508895

Alternatives to #508895

#508895 Preview

Shades and Tints of #508895

Tones of #508895

Color Blindness Simulator