#509ca0 hex color

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

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

● #509ca0 color description : Dark moderate cyan.

The hexadecimal color #509ca0 has RGB values of R:80, G:156, B:160 and CMYK values of C:0.5, M:0.02, Y:0, K:0.37. Its decimal value is 5282976.

Hex triplet	509ca0	`#509ca0`
RGB Decimal	80, 156, 160	`rgb(80,156,160)`
RGB Percent	31.4, 61.2, 62.7	`rgb(31.4%,61.2%,62.7%)`
CMYK	50, 2, 0, 37
HSL	183°, 33.3, 47.1	`hsl(183,33.3%,47.1%)`
HSV (or HSB)	183°, 50, 62.7
Web Safe	669999	`#669999`

CIE-LAB	59.906, -22.34, -9.355
XYZ	21.54, 28.019, 37.529
xyY	0.247, 0.322, 28.019
CIE-LCH	59.906, 24.219, 202.722
CIE-LUV	59.906, -33.044, -10.507
Hunter-Lab	52.933, -19.995, -4.983
Binary	01010000, 10011100, 10100000

#509ca0
```
#509ca0 rgb(80,156,160)
```
#a05450
```
#a05450 rgb(160,84,80)
```

Complementary Color

#50a07c
```
#50a07c rgb(80,160,124)
```
#509ca0
```
#509ca0 rgb(80,156,160)
```
#5074a0
```
#5074a0 rgb(80,116,160)
```

Analogous Color

#a07c50
```
#a07c50 rgb(160,124,80)
```
#509ca0
```
#509ca0 rgb(80,156,160)
```
#a05074
```
#a05074 rgb(160,80,116)
```

Split Complementary Color

#9ca050
```
#9ca050 rgb(156,160,80)
```
#509ca0
```
#509ca0 rgb(80,156,160)
```
#a0509c
```
#a0509c rgb(160,80,156)
```

Triadic Color

#50a054
```
#50a054 rgb(80,160,84)
```
#509ca0
```
#509ca0 rgb(80,156,160)
```
#a0509c
```
#a0509c rgb(160,80,156)
```
#a05450
```
#a05450 rgb(160,84,80)
```

Tetradic Color

#376a6d
```
#376a6d rgb(55,106,109)
```
#3f7b7e
```
#3f7b7e rgb(63,123,126)
```
#488b8f
```
#488b8f rgb(72,139,143)
```
#509ca0
```
#509ca0 rgb(80,156,160)
```
#5ca9ae
```
#5ca9ae rgb(92,169,174)
```
#6db2b6
```
#6db2b6 rgb(109,178,182)
```
#7ebbbf
```
#7ebbbf rgb(126,187,191)
```

Monochromatic Color

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

#50a090
```
#50a090 rgb(80,160,144)
```
#50a097
```
#50a097 rgb(80,160,151)
```
#50a09d
```
#50a09d rgb(80,160,157)
```
#509ca0
```
#509ca0 rgb(80,156,160)
```
#5095a0
```
#5095a0 rgb(80,149,160)
```
#508fa0
```
#508fa0 rgb(80,143,160)
```
#5088a0
```
#5088a0 rgb(80,136,160)
```

Similar Colors

Text with hexadecimal color #509ca0

This text has a font color of #509ca0.

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

#509ca0 background color

This paragraph has a background color of #509ca0.

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

#509ca0 border color

This element has a border color of #509ca0.

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

CSS codes

.text {color:#509ca0;}

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

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

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)
```
#15292a
```
#15292a rgb(21,41,42)
```
#1c3637
```
#1c3637 rgb(28,54,55)
```
#224344
```
#224344 rgb(34,67,68)
```
#295052
```
#295052 rgb(41,80,82)
```
#2f5c5f
```
#2f5c5f rgb(47,92,95)
```
#36696c
```
#36696c rgb(54,105,108)
```
#3c7679
```
#3c7679 rgb(60,118,121)
```
#438386
```
#438386 rgb(67,131,134)
```
#498f93
```
#498f93 rgb(73,143,147)
```
#509ca0
```
#509ca0 rgb(80,156,160)
```

Shade Color Variation

#58a7ac
```
#58a7ac rgb(88,167,172)
```
#65aeb2
```
#65aeb2 rgb(101,174,178)
```
#72b5b9
```
#72b5b9 rgb(114,181,185)
```
#7fbcbf
```
#7fbcbf rgb(127,188,191)
```
#8cc3c6
```
#8cc3c6 rgb(140,195,198)
```
#99cacc
```
#99cacc rgb(153,202,204)
```
#a7d1d3
```
#a7d1d3 rgb(167,209,211)
```
#b4d7d9
```
#b4d7d9 rgb(180,215,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 #06deea is the most saturated one.

#757b7b
```
#757b7b rgb(117,123,123)
```
#6c8384
```
#6c8384 rgb(108,131,132)
```
#628b8e
```
#628b8e rgb(98,139,142)
```
#599497
```
#599497 rgb(89,148,151)
```
#509ca0
```
#509ca0 rgb(80,156,160)
```
#47a4a9
```
#47a4a9 rgb(71,164,169)
```
#3eadb2
```
#3eadb2 rgb(62,173,178)
```
#34b5bc
```
#34b5bc rgb(52,181,188)
```
#2bbdc5
```
#2bbdc5 rgb(43,189,197)
```
#22c6ce
```
#22c6ce rgb(34,198,206)
```
#19ced7
```
#19ced7 rgb(25,206,215)
```
#0fd6e1
```
#0fd6e1 rgb(15,214,225)
```
#06deea
```
#06deea rgb(6,222,234)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7b8a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#96959e Protanopia 1% of men
#9992aa Deuteranopia 1% of men
#5ba0ab Tritanopia 0.001% of the population

Trichromacy

#7c979e Protanomaly 1% of men, 0.01% of women
#7f96a6 Deuteranomaly 6% of men, 0.4% of women
#579ea7 Tritanomaly 0.01% of the population

#509ca0 hex color

#509ca0 Color Information

#509ca0 Color Conversion

Color Schemes with #509ca0

Alternatives to #509ca0

#509ca0 Preview

Shades and Tints of #509ca0

Tones of #509ca0

Color Blindness Simulator