#509689 hex color

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

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

● #509689 color description : Dark moderate cyan.

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

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

CIE-LAB	57.389, -25.376, 0.009
XYZ	18.729, 25.323, 27.566
xyY	0.262, 0.354, 25.323
CIE-LCH	57.389, 25.376, 179.979
CIE-LUV	57.389, -31.47, 3.89
Hunter-Lab	50.322, -21.63, 2.746
Binary	01010000, 10010110, 10001001

#509689
```
#509689 rgb(80,150,137)
```
#96505d
```
#96505d rgb(150,80,93)
```

Complementary Color

#509666
```
#509666 rgb(80,150,102)
```
#509689
```
#509689 rgb(80,150,137)
```
#508096
```
#508096 rgb(80,128,150)
```

Analogous Color

#966650
```
#966650 rgb(150,102,80)
```
#509689
```
#509689 rgb(80,150,137)
```
#965080
```
#965080 rgb(150,80,128)
```

Split Complementary Color

#968950
```
#968950 rgb(150,137,80)
```
#509689
```
#509689 rgb(80,150,137)
```
#895096
```
#895096 rgb(137,80,150)
```

Triadic Color

#5d9650
```
#5d9650 rgb(93,150,80)
```
#509689
```
#509689 rgb(80,150,137)
```
#895096
```
#895096 rgb(137,80,150)
```
#96505d
```
#96505d rgb(150,80,93)
```

Tetradic Color

#35645b
```
#35645b rgb(53,100,91)
```
#3e756b
```
#3e756b rgb(62,117,107)
```
#47857a
```
#47857a rgb(71,133,122)
```
#509689
```
#509689 rgb(80,150,137)
```
#59a698
```
#59a698 rgb(89,166,152)
```
#6aafa2
```
#6aafa2 rgb(106,175,162)
```
#7ab8ad
```
#7ab8ad rgb(122,184,173)
```

Monochromatic Color

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

#509678
```
#509678 rgb(80,150,120)
```
#50967d
```
#50967d rgb(80,150,125)
```
#509683
```
#509683 rgb(80,150,131)
```
#509689
```
#509689 rgb(80,150,137)
```
#50968f
```
#50968f rgb(80,150,143)
```
#509695
```
#509695 rgb(80,150,149)
```
#509296
```
#509296 rgb(80,146,150)
```

Similar Colors

Text with hexadecimal color #509689

This text has a font color of #509689.

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

#509689 background color

This paragraph has a background color of #509689.

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

#509689 border color

This element has a border color of #509689.

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

CSS codes

.text {color:#509689;}

.background {background-color:#509689;}

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

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

#050908
```
#050908 rgb(5,9,8)
```
#0c1614
```
#0c1614 rgb(12,22,20)
```
#132320
```
#132320 rgb(19,35,32)
```
#19302c
```
#19302c rgb(25,48,44)
```
#203c37
```
#203c37 rgb(32,60,55)
```
#274943
```
#274943 rgb(39,73,67)
```
#2e564f
```
#2e564f rgb(46,86,79)
```
#35635a
```
#35635a rgb(53,99,90)
```
#3c7066
```
#3c7066 rgb(60,112,102)
```
#427c72
```
#427c72 rgb(66,124,114)
```
#49897d
```
#49897d rgb(73,137,125)
```
#509689
```
#509689 rgb(80,150,137)
```
#57a395
```
#57a395 rgb(87,163,149)
```

Shade Color Variation

#62ab9e
```
#62ab9e rgb(98,171,158)
```
#6fb2a6
```
#6fb2a6 rgb(111,178,166)
```
#7cb9ae
```
#7cb9ae rgb(124,185,174)
```
#88c0b5
```
#88c0b5 rgb(136,192,181)
```
#95c7bd
```
#95c7bd rgb(149,199,189)
```
#a2cdc5
```
#a2cdc5 rgb(162,205,197)
```
#afd4cd
```
#afd4cd rgb(175,212,205)
```
#bcdbd5
```
#bcdbd5 rgb(188,219,213)
```
#c8e2dd
```
#c8e2dd rgb(200,226,221)
```
#d5e9e5
```
#d5e9e5 rgb(213,233,229)
```
#e2efed
```
#e2efed rgb(226,239,237)
```
#eff6f5
```
#eff6f5 rgb(239,246,245)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#6b7b78
```
#6b7b78 rgb(107,123,120)
```
#62847e
```
#62847e rgb(98,132,126)
```
#598d83
```
#598d83 rgb(89,141,131)
```
#509689
```
#509689 rgb(80,150,137)
```
#479f8f
```
#479f8f rgb(71,159,143)
```
#3ea894
```
#3ea894 rgb(62,168,148)
```
#35b19a
```
#35b19a rgb(53,177,154)
```
#2db99f
```
#2db99f rgb(45,185,159)
```
#24c2a5
```
#24c2a5 rgb(36,194,165)
```
#1bcbaa
```
#1bcbaa rgb(27,203,170)
```
#12d4b0
```
#12d4b0 rgb(18,212,176)
```
#09ddb5
```
#09ddb5 rgb(9,221,181)
```
#00e6bb
```
#00e6bb rgb(0,230,187)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#768482 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948f88 Protanopia 1% of men
#9a8b94 Deuteranopia 1% of men
#6098a3 Tritanopia 0.001% of the population

Trichromacy

#7b9188 Protanomaly 1% of men, 0.01% of women
#7f8f90 Deuteranomaly 6% of men, 0.4% of women
#5a9799 Tritanomaly 0.01% of the population

#509689 hex color

#509689 Color Information

#509689 Color Conversion

Color Schemes with #509689

Alternatives to #509689

#509689 Preview

Shades and Tints of #509689

Tones of #509689

Color Blindness Simulator