#509fa0 hex color

In a RGB color space, hex #509fa0 is composed of 31.4% red, 62.4% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0.6% magenta, 0% yellow and 37.3% black. It has a hue angle of 180.8 degrees, a saturation of 33.3% and a lightness of 47.1%. #509fa0 color hex could be obtained by blending #a0ffff with #003f41. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 62
- B 63
RGB color chart
- C 50
- M 1
- Y 0
- K 37
CMYK color chart

● #509fa0 color description : Dark moderate cyan.

The hexadecimal color #509fa0 has RGB values of R:80, G:159, B:160 and CMYK values of C:0.5, M:0.01, Y:0, K:0.37. Its decimal value is 5283744.

Hex triplet	509fa0	`#509fa0`
RGB Decimal	80, 159, 160	`rgb(80,159,160)`
RGB Percent	31.4, 62.4, 62.7	`rgb(31.4%,62.4%,62.7%)`
CMYK	50, 1, 0, 37
HSL	180.8°, 33.3, 47.1	`hsl(180.8,33.3%,47.1%)`
HSV (or HSB)	180.8°, 50, 62.7
Web Safe	669999	`#669999`

CIE-LAB	60.815, -23.875, -7.998
XYZ	22.05, 29.038, 37.699
xyY	0.248, 0.327, 29.038
CIE-LCH	60.815, 25.179, 198.521
CIE-LUV	60.815, -34.233, -8.235
Hunter-Lab	53.887, -21.263, -3.757
Binary	01010000, 10011111, 10100000

#509fa0
```
#509fa0 rgb(80,159,160)
```
#a05150
```
#a05150 rgb(160,81,80)
```

Complementary Color

#50a079
```
#50a079 rgb(80,160,121)
```
#509fa0
```
#509fa0 rgb(80,159,160)
```
#5077a0
```
#5077a0 rgb(80,119,160)
```

Analogous Color

#a07950
```
#a07950 rgb(160,121,80)
```
#509fa0
```
#509fa0 rgb(80,159,160)
```
#a05077
```
#a05077 rgb(160,80,119)
```

Split Complementary Color

#9fa050
```
#9fa050 rgb(159,160,80)
```
#509fa0
```
#509fa0 rgb(80,159,160)
```
#a0509f
```
#a0509f rgb(160,80,159)
```

Triadic Color

#50a051
```
#50a051 rgb(80,160,81)
```
#509fa0
```
#509fa0 rgb(80,159,160)
```
#a0509f
```
#a0509f rgb(160,80,159)
```
#a05150
```
#a05150 rgb(160,81,80)
```

Tetradic Color

#376c6d
```
#376c6d rgb(55,108,109)
```
#3f7d7e
```
#3f7d7e rgb(63,125,126)
```
#488e8f
```
#488e8f rgb(72,142,143)
```
#509fa0
```
#509fa0 rgb(80,159,160)
```
#5cacae
```
#5cacae rgb(92,172,174)
```
#6db5b6
```
#6db5b6 rgb(109,181,182)
```
#7ebebf
```
#7ebebf rgb(126,190,191)
```

Monochromatic Color

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

#50a08d
```
#50a08d rgb(80,160,141)
```
#50a094
```
#50a094 rgb(80,160,148)
```
#50a09a
```
#50a09a rgb(80,160,154)
```
#509fa0
```
#509fa0 rgb(80,159,160)
```
#5098a0
```
#5098a0 rgb(80,152,160)
```
#5092a0
```
#5092a0 rgb(80,146,160)
```
#508ba0
```
#508ba0 rgb(80,139,160)
```

Similar Colors

Text with hexadecimal color #509fa0

This text has a font color of #509fa0.

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

#509fa0 background color

This paragraph has a background color of #509fa0.

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

#509fa0 border color

This element has a border color of #509fa0.

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

CSS codes

.text {color:#509fa0;}

.background {background-color:#509fa0;}

.border {border:1px solid #509fa0;}

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

#020303
```
#020303 rgb(2,3,3)
```
#081010
```
#081010 rgb(8,16,16)
```
#0f1d1d
```
#0f1d1d rgb(15,29,29)
```
#152a2a
```
#152a2a rgb(21,42,42)
```
#1c3737
```
#1c3737 rgb(28,55,55)
```
#224444
```
#224444 rgb(34,68,68)
```
#295152
```
#295152 rgb(41,81,82)
```
#2f5e5f
```
#2f5e5f rgb(47,94,95)
```
#366b6c
```
#366b6c rgb(54,107,108)
```
#3c7879
```
#3c7879 rgb(60,120,121)
```
#438586
```
#438586 rgb(67,133,134)
```
#499293
```
#499293 rgb(73,146,147)
```
#509fa0
```
#509fa0 rgb(80,159,160)
```

Shade Color Variation

#58aaac
```
#58aaac rgb(88,170,172)
```
#65b1b2
```
#65b1b2 rgb(101,177,178)
```
#72b8b9
```
#72b8b9 rgb(114,184,185)
```
#7fbebf
```
#7fbebf rgb(127,190,191)
```
#8cc5c6
```
#8cc5c6 rgb(140,197,198)
```
#99cccc
```
#99cccc rgb(153,204,204)
```
#a7d2d3
```
#a7d2d3 rgb(167,210,211)
```
#b4d9d9
```
#b4d9d9 rgb(180,217,217)
```
#c1dfe0
```
#c1dfe0 rgb(193,223,224)
```
#cee6e6
```
#cee6e6 rgb(206,230,230)
```
#dbeded
```
#dbeded rgb(219,237,237)
```
#e8f3f3
```
#e8f3f3 rgb(232,243,243)
```
#f5fafa
```
#f5fafa rgb(245,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757b7b is the less saturated color, while #06e7ea is the most saturated one.

#757b7b
```
#757b7b rgb(117,123,123)
```
#6c8484
```
#6c8484 rgb(108,132,132)
```
#628d8e
```
#628d8e rgb(98,141,142)
```
#599697
```
#599697 rgb(89,150,151)
```
#509fa0
```
#509fa0 rgb(80,159,160)
```
#47a8a9
```
#47a8a9 rgb(71,168,169)
```
#3eb1b2
```
#3eb1b2 rgb(62,177,178)
```
#34babc
```
#34babc rgb(52,186,188)
```
#2bc3c5
```
#2bc3c5 rgb(43,195,197)
```
#22ccce
```
#22ccce rgb(34,204,206)
```
#19d5d7
```
#19d5d7 rgb(25,213,215)
```
#0fdee1
```
#0fdee1 rgb(15,222,225)
```
#06e7ea
```
#06e7ea rgb(6,231,234)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7c8c8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#99979d Protanopia 1% of men
#9d94aa Deuteranopia 1% of men
#5da2ae Tritanopia 0.001% of the population

Trichromacy

#7e9a9e Protanomaly 1% of men, 0.01% of women
#8198a6 Deuteranomaly 6% of men, 0.4% of women
#58a1a9 Tritanomaly 0.01% of the population

#509fa0 hex color

#509fa0 Color Information

#509fa0 Color Conversion

Color Schemes with #509fa0

Alternatives to #509fa0

#509fa0 Preview

Shades and Tints of #509fa0

Tones of #509fa0

Color Blindness Simulator