#509aa0 hex color

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

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

● #509aa0 color description : Dark moderate cyan.

The hexadecimal color #509aa0 has RGB values of R:80, G:154, B:160 and CMYK values of C:0.5, M:0.04, Y:0, K:0.37. Its decimal value is 5282464.

Hex triplet	509aa0	`#509aa0`
RGB Decimal	80, 154, 160	`rgb(80,154,160)`
RGB Percent	31.4, 60.4, 62.7	`rgb(31.4%,60.4%,62.7%)`
CMYK	50, 4, 0, 37
HSL	184.5°, 33.3, 47.1	`hsl(184.5,33.3%,47.1%)`
HSV (or HSB)	184.5°, 50, 62.7
Web Safe	669999	`#669999`

CIE-LAB	59.3, -21.306, -10.261
XYZ	21.207, 27.353, 37.418
xyY	0.247, 0.318, 27.353
CIE-LCH	59.3, 23.648, 205.716
CIE-LUV	59.3, -32.251, -12.027
Hunter-Lab	52.3, -19.146, -5.808
Binary	01010000, 10011010, 10100000

#509aa0
```
#509aa0 rgb(80,154,160)
```
#a05650
```
#a05650 rgb(160,86,80)
```

Complementary Color

#50a07e
```
#50a07e rgb(80,160,126)
```
#509aa0
```
#509aa0 rgb(80,154,160)
```
#5072a0
```
#5072a0 rgb(80,114,160)
```

Analogous Color

#a07e50
```
#a07e50 rgb(160,126,80)
```
#509aa0
```
#509aa0 rgb(80,154,160)
```
#a05072
```
#a05072 rgb(160,80,114)
```

Split Complementary Color

#9aa050
```
#9aa050 rgb(154,160,80)
```
#509aa0
```
#509aa0 rgb(80,154,160)
```
#a0509a
```
#a0509a rgb(160,80,154)
```

Triadic Color

#50a056
```
#50a056 rgb(80,160,86)
```
#509aa0
```
#509aa0 rgb(80,154,160)
```
#a0509a
```
#a0509a rgb(160,80,154)
```
#a05650
```
#a05650 rgb(160,86,80)
```

Tetradic Color

#37696d
```
#37696d rgb(55,105,109)
```
#3f797e
```
#3f797e rgb(63,121,126)
```
#488a8f
```
#488a8f rgb(72,138,143)
```
#509aa0
```
#509aa0 rgb(80,154,160)
```
#5ca7ae
```
#5ca7ae rgb(92,167,174)
```
#6db1b6
```
#6db1b6 rgb(109,177,182)
```
#7ebabf
```
#7ebabf rgb(126,186,191)
```

Monochromatic Color

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

#50a092
```
#50a092 rgb(80,160,146)
```
#50a099
```
#50a099 rgb(80,160,153)
```
#50a09f
```
#50a09f rgb(80,160,159)
```
#509aa0
```
#509aa0 rgb(80,154,160)
```
#5093a0
```
#5093a0 rgb(80,147,160)
```
#508da0
```
#508da0 rgb(80,141,160)
```
#5086a0
```
#5086a0 rgb(80,134,160)
```

Similar Colors

Text with hexadecimal color #509aa0

This text has a font color of #509aa0.

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

#509aa0 background color

This paragraph has a background color of #509aa0.

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

#509aa0 border color

This element has a border color of #509aa0.

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

CSS codes

.text {color:#509aa0;}

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

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

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)
```
#0f1c1d
```
#0f1c1d rgb(15,28,29)
```
#15292a
```
#15292a rgb(21,41,42)
```
#1c3537
```
#1c3537 rgb(28,53,55)
```
#224244
```
#224244 rgb(34,66,68)
```
#294e52
```
#294e52 rgb(41,78,82)
```
#2f5b5f
```
#2f5b5f rgb(47,91,95)
```
#36686c
```
#36686c rgb(54,104,108)
```
#3c7479
```
#3c7479 rgb(60,116,121)
```
#438186
```
#438186 rgb(67,129,134)
```
#498d93
```
#498d93 rgb(73,141,147)
```
#509aa0
```
#509aa0 rgb(80,154,160)
```

Shade Color Variation

#58a5ac
```
#58a5ac rgb(88,165,172)
```
#65acb2
```
#65acb2 rgb(101,172,178)
```
#72b3b9
```
#72b3b9 rgb(114,179,185)
```
#7fbabf
```
#7fbabf rgb(127,186,191)
```
#8cc1c6
```
#8cc1c6 rgb(140,193,198)
```
#99c8cc
```
#99c8cc rgb(153,200,204)
```
#a7cfd3
```
#a7cfd3 rgb(167,207,211)
```
#b4d6d9
```
#b4d6d9 rgb(180,214,217)
```
#c1dee0
```
#c1dee0 rgb(193,222,224)
```
#cee5e6
```
#cee5e6 rgb(206,229,230)
```
#dbeced
```
#dbeced rgb(219,236,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 #06d9ea is the most saturated one.

#757b7b
```
#757b7b rgb(117,123,123)
```
#6c8284
```
#6c8284 rgb(108,130,132)
```
#628a8e
```
#628a8e rgb(98,138,142)
```
#599297
```
#599297 rgb(89,146,151)
```
#509aa0
```
#509aa0 rgb(80,154,160)
```
#47a2a9
```
#47a2a9 rgb(71,162,169)
```
#3eaab2
```
#3eaab2 rgb(62,170,178)
```
#34b2bc
```
#34b2bc rgb(52,178,188)
```
#2bb9c5
```
#2bb9c5 rgb(43,185,197)
```
#22c1ce
```
#22c1ce rgb(34,193,206)
```
#19c9d7
```
#19c9d7 rgb(25,201,215)
```
#0fd1e1
```
#0fd1e1 rgb(15,209,225)
```
#06d9ea
```
#06d9ea rgb(6,217,234)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7a898a Atypical Achromatopsia 0.001% of the population

Dichromacy

#94939e Protanopia 1% of men
#9791aa Deuteranopia 1% of men
#5b9ea9 Tritanopia 0.001% of the population

Trichromacy

#7b959e Protanomaly 1% of men, 0.01% of women
#7d94a6 Deuteranomaly 6% of men, 0.4% of women
#579ca6 Tritanomaly 0.01% of the population

#509aa0 hex color

#509aa0 Color Information

#509aa0 Color Conversion

Color Schemes with #509aa0

Alternatives to #509aa0

#509aa0 Preview

Shades and Tints of #509aa0

Tones of #509aa0

Color Blindness Simulator