#509988 hex color

In a RGB color space, hex #509988 is composed of 31.4% red, 60% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 0% magenta, 11.1% yellow and 40% black. It has a hue angle of 166 degrees, a saturation of 31.3% and a lightness of 45.7%. #509988 color hex could be obtained by blending #a0ffff with #003311. Closest websafe color is: #669999.

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

● #509988 color description : Dark moderate cyan.

The hexadecimal color #509988 has RGB values of R:80, G:153, B:136 and CMYK values of C:0.48, M:0, Y:0.11, K:0.4. Its decimal value is 5282184.

Hex triplet	509988	`#509988`
RGB Decimal	80, 153, 136	`rgb(80,153,136)`
RGB Percent	31.4, 60, 53.3	`rgb(31.4%,60%,53.3%)`
CMYK	48, 0, 11, 40
HSL	166°, 31.3, 45.7	`hsl(166,31.3%,45.7%)`
HSV (or HSB)	166°, 47.7, 60
Web Safe	669999	`#669999`

CIE-LAB	58.287, -27.122, 1.887
XYZ	19.142, 26.264, 27.352
xyY	0.263, 0.361, 26.264
CIE-LCH	58.287, 27.188, 176.02
CIE-LUV	58.287, -32.739, 6.85
Hunter-Lab	51.249, -23.013, 4.23
Binary	01010000, 10011001, 10001000

#509988
```
#509988 rgb(80,153,136)
```
#995061
```
#995061 rgb(153,80,97)
```

Complementary Color

#509964
```
#509964 rgb(80,153,100)
```
#509988
```
#509988 rgb(80,153,136)
```
#508699
```
#508699 rgb(80,134,153)
```

Analogous Color

#996450
```
#996450 rgb(153,100,80)
```
#509988
```
#509988 rgb(80,153,136)
```
#995086
```
#995086 rgb(153,80,134)
```

Split Complementary Color

#998850
```
#998850 rgb(153,136,80)
```
#509988
```
#509988 rgb(80,153,136)
```
#885099
```
#885099 rgb(136,80,153)
```

Triadic Color

#619950
```
#619950 rgb(97,153,80)
```
#509988
```
#509988 rgb(80,153,136)
```
#885099
```
#885099 rgb(136,80,153)
```
#995061
```
#995061 rgb(153,80,97)
```

Tetradic Color

#36675b
```
#36675b rgb(54,103,91)
```
#3e786a
```
#3e786a rgb(62,120,106)
```
#478879
```
#478879 rgb(71,136,121)
```
#509988
```
#509988 rgb(80,153,136)
```
#5aa996
```
#5aa996 rgb(90,169,150)
```
#6bb1a1
```
#6bb1a1 rgb(107,177,161)
```
#7bbaac
```
#7bbaac rgb(123,186,172)
```

Monochromatic Color

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

#509976
```
#509976 rgb(80,153,118)
```
#50997c
```
#50997c rgb(80,153,124)
```
#509982
```
#509982 rgb(80,153,130)
```
#509988
```
#509988 rgb(80,153,136)
```
#50998e
```
#50998e rgb(80,153,142)
```
#509994
```
#509994 rgb(80,153,148)
```
#509899
```
#509899 rgb(80,152,153)
```

Similar Colors

Text with hexadecimal color #509988

This text has a font color of #509988.

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

#509988 background color

This paragraph has a background color of #509988.

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

#509988 border color

This element has a border color of #509988.

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

CSS codes

.text {color:#509988;}

.background {background-color:#509988;}

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

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)
```
#0d1816
```
#0d1816 rgb(13,24,22)
```
#132521
```
#132521 rgb(19,37,33)
```
#1a322c
```
#1a322c rgb(26,50,44)
```
#213f38
```
#213f38 rgb(33,63,56)
```
#284c43
```
#284c43 rgb(40,76,67)
```
#2e594f
```
#2e594f rgb(46,89,79)
```
#35655a
```
#35655a rgb(53,101,90)
```
#3c7266
```
#3c7266 rgb(60,114,102)
```
#437f71
```
#437f71 rgb(67,127,113)
```
#498c7d
```
#498c7d rgb(73,140,125)
```
#509988
```
#509988 rgb(80,153,136)
```
#57a693
```
#57a693 rgb(87,166,147)
```

Shade Color Variation

#63ad9c
```
#63ad9c rgb(99,173,156)
```
#70b4a4
```
#70b4a4 rgb(112,180,164)
```
#7dbbac
```
#7dbbac rgb(125,187,172)
```
#8ac2b5
```
#8ac2b5 rgb(138,194,181)
```
#96c8bd
```
#96c8bd rgb(150,200,189)
```
#a3cfc5
```
#a3cfc5 rgb(163,207,197)
```
#b0d6cd
```
#b0d6cd rgb(176,214,205)
```
#bdddd5
```
#bdddd5 rgb(189,221,213)
```
#cae3dd
```
#cae3dd rgb(202,227,221)
```
#d7eae6
```
#d7eae6 rgb(215,234,230)
```
#e4f1ee
```
#e4f1ee rgb(228,241,238)
```
#f1f7f6
```
#f1f7f6 rgb(241,247,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#747575
```
#747575 rgb(116,117,117)
```
#6b7e7a
```
#6b7e7a rgb(107,126,122)
```
#62877e
```
#62877e rgb(98,135,126)
```
#599083
```
#599083 rgb(89,144,131)
```
#509988
```
#509988 rgb(80,153,136)
```
#47a28d
```
#47a28d rgb(71,162,141)
```
#3eab92
```
#3eab92 rgb(62,171,146)
```
#35b496
```
#35b496 rgb(53,180,150)
```
#2cbd9b
```
#2cbd9b rgb(44,189,155)
```
#23c6a0
```
#23c6a0 rgb(35,198,160)
```
#1acfa5
```
#1acfa5 rgb(26,207,165)
```
#11d8aa
```
#11d8aa rgb(17,216,170)
```
#08e1ae
```
#08e1ae rgb(8,225,174)
```

Tone Color Variation

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

#979187 Protanopia 1% of men
#9e8d93 Deuteranopia 1% of men
#619aa6 Tritanopia 0.001% of the population

Trichromacy

#7d9487 Protanomaly 1% of men, 0.01% of women
#82918f Deuteranomaly 6% of men, 0.4% of women
#5b9a9b Tritanomaly 0.01% of the population

#509988 hex color

#509988 Color Information

#509988 Color Conversion

Color Schemes with #509988

Alternatives to #509988

#509988 Preview

Shades and Tints of #509988

Tones of #509988

Color Blindness Simulator