#508896 hex color

In a RGB color space, hex #508896 is composed of 31.4% red, 53.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 9.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 192 degrees, a saturation of 30.4% and a lightness of 45.1%. #508896 color hex could be obtained by blending #a0ffff with #00112d. Closest websafe color is: #669999.

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

● #508896 color description : Dark moderate cyan.

The hexadecimal color #508896 has RGB values of R:80, G:136, B:150 and CMYK values of C:0.47, M:0.09, Y:0, K:0.41. Its decimal value is 5277846.

Hex triplet	508896	`#508896`
RGB Decimal	80, 136, 150	`rgb(80,136,150)`
RGB Percent	31.4, 53.3, 58.8	`rgb(31.4%,53.3%,58.8%)`
CMYK	47, 9, 0, 41
HSL	192°, 30.4, 45.1	`hsl(192,30.4%,45.1%)`
HSV (or HSB)	192°, 46.7, 58.8
Web Safe	669999	`#669999`

CIE-LAB	53.508, -14.529, -13.236
XYZ	17.616, 21.515, 32.077
xyY	0.247, 0.302, 21.515
CIE-LCH	53.508, 19.655, 222.334
CIE-LUV	53.508, -25.345, -17.253
Hunter-Lab	46.384, -13.38, -8.533
Binary	01010000, 10001000, 10010110

#508896
```
#508896 rgb(80,136,150)
```
#965e50
```
#965e50 rgb(150,94,80)
```

Complementary Color

#509681
```
#509681 rgb(80,150,129)
```
#508896
```
#508896 rgb(80,136,150)
```
#506596
```
#506596 rgb(80,101,150)
```

Analogous Color

#968150
```
#968150 rgb(150,129,80)
```
#508896
```
#508896 rgb(80,136,150)
```
#965065
```
#965065 rgb(150,80,101)
```

Split Complementary Color

#889650
```
#889650 rgb(136,150,80)
```
#508896
```
#508896 rgb(80,136,150)
```
#965088
```
#965088 rgb(150,80,136)
```

Triadic Color

#50965e
```
#50965e rgb(80,150,94)
```
#508896
```
#508896 rgb(80,136,150)
```
#965088
```
#965088 rgb(150,80,136)
```
#965e50
```
#965e50 rgb(150,94,80)
```

Tetradic Color

#355b64
```
#355b64 rgb(53,91,100)
```
#3e6a75
```
#3e6a75 rgb(62,106,117)
```
#477985
```
#477985 rgb(71,121,133)
```
#508896
```
#508896 rgb(80,136,150)
```
#5997a6
```
#5997a6 rgb(89,151,166)
```
#6aa1af
```
#6aa1af rgb(106,161,175)
```
#7aacb8
```
#7aacb8 rgb(122,172,184)
```

Monochromatic Color

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

#509693
```
#509693 rgb(80,150,147)
```
#509496
```
#509496 rgb(80,148,150)
```
#508e96
```
#508e96 rgb(80,142,150)
```
#508896
```
#508896 rgb(80,136,150)
```
#508296
```
#508296 rgb(80,130,150)
```
#507c96
```
#507c96 rgb(80,124,150)
```
#507796
```
#507796 rgb(80,119,150)
```

Similar Colors

Text with hexadecimal color #508896

This text has a font color of #508896.

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

#508896 background color

This paragraph has a background color of #508896.

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

#508896 border color

This element has a border color of #508896.

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

CSS codes

.text {color:#508896;}

.background {background-color:#508896;}

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

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

#050809
```
#050809 rgb(5,8,9)
```
#0c1416
```
#0c1416 rgb(12,20,22)
```
#132023
```
#132023 rgb(19,32,35)
```
#192b30
```
#192b30 rgb(25,43,48)
```
#20373c
```
#20373c rgb(32,55,60)
```
#274249
```
#274249 rgb(39,66,73)
```
#2e4e56
```
#2e4e56 rgb(46,78,86)
```
#355a63
```
#355a63 rgb(53,90,99)
```
#3c6570
```
#3c6570 rgb(60,101,112)
```
#42717c
```
#42717c rgb(66,113,124)
```
#497c89
```
#497c89 rgb(73,124,137)
```
#508896
```
#508896 rgb(80,136,150)
```
#5794a3
```
#5794a3 rgb(87,148,163)
```

Shade Color Variation

#629dab
```
#629dab rgb(98,157,171)
```
#6fa5b2
```
#6fa5b2 rgb(111,165,178)
```
#7cadb9
```
#7cadb9 rgb(124,173,185)
```
#88b5c0
```
#88b5c0 rgb(136,181,192)
```
#95bdc7
```
#95bdc7 rgb(149,189,199)
```
#a2c5cd
```
#a2c5cd rgb(162,197,205)
```
#afcdd4
```
#afcdd4 rgb(175,205,212)
```
#bcd5db
```
#bcd5db rgb(188,213,219)
```
#c8dde2
```
#c8dde2 rgb(200,221,226)
```
#d5e5e9
```
#d5e5e9 rgb(213,229,233)
```
#e2edef
```
#e2edef rgb(226,237,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, #6b787b is the less saturated color, while #00b8e6 is the most saturated one.

#6b787b
```
#6b787b rgb(107,120,123)
```
#627d84
```
#627d84 rgb(98,125,132)
```
#59838d
```
#59838d rgb(89,131,141)
```
#508896
```
#508896 rgb(80,136,150)
```
#478d9f
```
#478d9f rgb(71,141,159)
```
#3e93a8
```
#3e93a8 rgb(62,147,168)
```
#3598b1
```
#3598b1 rgb(53,152,177)
```
#2d9db9
```
#2d9db9 rgb(45,157,185)
```
#24a3c2
```
#24a3c2 rgb(36,163,194)
```
#1ba8cb
```
#1ba8cb rgb(27,168,203)
```
#12add4
```
#12add4 rgb(18,173,212)
```
#09b2dd
```
#09b2dd rgb(9,178,221)
```
#00b8e6
```
#00b8e6 rgb(0,184,230)
```

Tone Color Variation

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

#838596 Protanopia 1% of men
#85839f Deuteranopia 1% of men
#588e99 Tritanopia 0.001% of the population

Trichromacy

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

#508896 hex color

#508896 Color Information

#508896 Color Conversion

Color Schemes with #508896

Alternatives to #508896

#508896 Preview

Shades and Tints of #508896

Tones of #508896

Color Blindness Simulator