#509888 hex color

In a RGB color space, hex #509888 is composed of 31.4% red, 59.6% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 0% magenta, 10.5% yellow and 40.4% black. It has a hue angle of 166.7 degrees, a saturation of 31% and a lightness of 45.5%. #509888 color hex could be obtained by blending #a0ffff with #003111. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 60
- B 53
RGB color chart
- C 47
- M 0
- Y 11
- K 40
CMYK color chart

● #509888 color description : Dark moderate cyan.

The hexadecimal color #509888 has RGB values of R:80, G:152, B:136 and CMYK values of C:0.47, M:0, Y:0.11, K:0.4. Its decimal value is 5281928.

Hex triplet	509888	`#509888`
RGB Decimal	80, 152, 136	`rgb(80,152,136)`
RGB Percent	31.4, 59.6, 53.3	`rgb(31.4%,59.6%,53.3%)`
CMYK	47, 0, 11, 40
HSL	166.7°, 31, 45.5	`hsl(166.7,31%,45.5%)`
HSV (or HSB)	166.7°, 47.4, 59.6
Web Safe	669999	`#669999`

CIE-LAB	57.978, -26.626, 1.438
XYZ	18.979, 25.938, 27.298
xyY	0.263, 0.359, 25.938
CIE-LCH	57.978, 26.665, 176.908
CIE-LUV	57.978, -32.328, 6.13
Hunter-Lab	50.93, -22.608, 3.872
Binary	01010000, 10011000, 10001000

#509888
```
#509888 rgb(80,152,136)
```
#985060
```
#985060 rgb(152,80,96)
```

Complementary Color

#509864
```
#509864 rgb(80,152,100)
```
#509888
```
#509888 rgb(80,152,136)
```
#508498
```
#508498 rgb(80,132,152)
```

Analogous Color

#986450
```
#986450 rgb(152,100,80)
```
#509888
```
#509888 rgb(80,152,136)
```
#985084
```
#985084 rgb(152,80,132)
```

Split Complementary Color

#988850
```
#988850 rgb(152,136,80)
```
#509888
```
#509888 rgb(80,152,136)
```
#885098
```
#885098 rgb(136,80,152)
```

Triadic Color

#609850
```
#609850 rgb(96,152,80)
```
#509888
```
#509888 rgb(80,152,136)
```
#885098
```
#885098 rgb(136,80,152)
```
#985060
```
#985060 rgb(152,80,96)
```

Tetradic Color

#36665b
```
#36665b rgb(54,102,91)
```
#3e776a
```
#3e776a rgb(62,119,106)
```
#478779
```
#478779 rgb(71,135,121)
```
#509888
```
#509888 rgb(80,152,136)
```
#5aa897
```
#5aa897 rgb(90,168,151)
```
#6ab1a1
```
#6ab1a1 rgb(106,177,161)
```
#7bbaac
```
#7bbaac rgb(123,186,172)
```

Monochromatic Color

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

#509876
```
#509876 rgb(80,152,118)
```
#50987c
```
#50987c rgb(80,152,124)
```
#509882
```
#509882 rgb(80,152,130)
```
#509888
```
#509888 rgb(80,152,136)
```
#50988e
```
#50988e rgb(80,152,142)
```
#509894
```
#509894 rgb(80,152,148)
```
#509698
```
#509698 rgb(80,150,152)
```

Similar Colors

Text with hexadecimal color #509888

This text has a font color of #509888.

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

#509888 background color

This paragraph has a background color of #509888.

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

#509888 border color

This element has a border color of #509888.

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

CSS codes

.text {color:#509888;}

.background {background-color:#509888;}

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

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, #060b0a is the darkest color, while #fdfefe is the lightest one.

#060b0a
```
#060b0a rgb(6,11,10)
```
#0c1715
```
#0c1715 rgb(12,23,21)
```
#132421
```
#132421 rgb(19,36,33)
```
#1a312c
```
#1a312c rgb(26,49,44)
```
#213e38
```
#213e38 rgb(33,62,56)
```
#274b43
```
#274b43 rgb(39,75,67)
```
#2e584f
```
#2e584f rgb(46,88,79)
```
#35655a
```
#35655a rgb(53,101,90)
```
#3c7166
```
#3c7166 rgb(60,113,102)
```
#427e71
```
#427e71 rgb(66,126,113)
```
#498b7d
```
#498b7d rgb(73,139,125)
```
#509888
```
#509888 rgb(80,152,136)
```
#57a593
```
#57a593 rgb(87,165,147)
```

Shade Color Variation

#63ad9c
```
#63ad9c rgb(99,173,156)
```
#6fb3a4
```
#6fb3a4 rgb(111,179,164)
```
#7cbaac
```
#7cbaac rgb(124,186,172)
```
#89c1b5
```
#89c1b5 rgb(137,193,181)
```
#96c8bd
```
#96c8bd rgb(150,200,189)
```
#a3cec5
```
#a3cec5 rgb(163,206,197)
```
#b0d5cd
```
#b0d5cd rgb(176,213,205)
```
#bddcd5
```
#bddcd5 rgb(189,220,213)
```
#c9e3dd
```
#c9e3dd rgb(201,227,221)
```
#d6eae5
```
#d6eae5 rgb(214,234,229)
```
#e3f0ed
```
#e3f0ed rgb(227,240,237)
```
#f0f7f5
```
#f0f7f5 rgb(240,247,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747474 is the less saturated color, while #09dfb0 is the most saturated one.

#747474
```
#747474 rgb(116,116,116)
```
#6b7d79
```
#6b7d79 rgb(107,125,121)
```
#62867e
```
#62867e rgb(98,134,126)
```
#598f83
```
#598f83 rgb(89,143,131)
```
#509888
```
#509888 rgb(80,152,136)
```
#47a18d
```
#47a18d rgb(71,161,141)
```
#3eaa92
```
#3eaa92 rgb(62,170,146)
```
#35b397
```
#35b397 rgb(53,179,151)
```
#2cbc9c
```
#2cbc9c rgb(44,188,156)
```
#23c5a1
```
#23c5a1 rgb(35,197,161)
```
#1acea6
```
#1acea6 rgb(26,206,166)
```
#12d6ab
```
#12d6ab rgb(18,214,171)
```
#09dfb0
```
#09dfb0 rgb(9,223,176)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#778682 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969087 Protanopia 1% of men
#9d8d93 Deuteranopia 1% of men
#6199a5 Tritanopia 0.001% of the population

Trichromacy

#7c9387 Protanomaly 1% of men, 0.01% of women
#81918f Deuteranomaly 6% of men, 0.4% of women
#5a999a Tritanomaly 0.01% of the population

#509888 hex color

#509888 Color Information

#509888 Color Conversion

Color Schemes with #509888

Alternatives to #509888

#509888 Preview

Shades and Tints of #509888

Tones of #509888

Color Blindness Simulator