#509da0 hex color

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

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

● #509da0 color description : Dark moderate cyan.

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

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

CIE-LAB	60.209, -22.853, -8.902
XYZ	21.709, 28.356, 37.585
xyY	0.248, 0.324, 28.356
CIE-LCH	60.209, 24.526, 201.282
CIE-LUV	60.209, -33.441, -9.749
Hunter-Lab	53.25, -20.419, -4.573
Binary	01010000, 10011101, 10100000

#509da0
```
#509da0 rgb(80,157,160)
```
#a05350
```
#a05350 rgb(160,83,80)
```

Complementary Color

#50a07b
```
#50a07b rgb(80,160,123)
```
#509da0
```
#509da0 rgb(80,157,160)
```
#5075a0
```
#5075a0 rgb(80,117,160)
```

Analogous Color

#a07b50
```
#a07b50 rgb(160,123,80)
```
#509da0
```
#509da0 rgb(80,157,160)
```
#a05075
```
#a05075 rgb(160,80,117)
```

Split Complementary Color

#9da050
```
#9da050 rgb(157,160,80)
```
#509da0
```
#509da0 rgb(80,157,160)
```
#a0509d
```
#a0509d rgb(160,80,157)
```

Triadic Color

#50a053
```
#50a053 rgb(80,160,83)
```
#509da0
```
#509da0 rgb(80,157,160)
```
#a0509d
```
#a0509d rgb(160,80,157)
```
#a05350
```
#a05350 rgb(160,83,80)
```

Tetradic Color

#376b6d
```
#376b6d rgb(55,107,109)
```
#3f7c7e
```
#3f7c7e rgb(63,124,126)
```
#488c8f
```
#488c8f rgb(72,140,143)
```
#509da0
```
#509da0 rgb(80,157,160)
```
#5caaae
```
#5caaae rgb(92,170,174)
```
#6db3b6
```
#6db3b6 rgb(109,179,182)
```
#7ebcbf
```
#7ebcbf rgb(126,188,191)
```

Monochromatic Color

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

#50a08f
```
#50a08f rgb(80,160,143)
```
#50a096
```
#50a096 rgb(80,160,150)
```
#50a09c
```
#50a09c rgb(80,160,156)
```
#509da0
```
#509da0 rgb(80,157,160)
```
#5096a0
```
#5096a0 rgb(80,150,160)
```
#5090a0
```
#5090a0 rgb(80,144,160)
```
#5089a0
```
#5089a0 rgb(80,137,160)
```

Similar Colors

Text with hexadecimal color #509da0

This text has a font color of #509da0.

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

#509da0 background color

This paragraph has a background color of #509da0.

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

#509da0 border color

This element has a border color of #509da0.

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

CSS codes

.text {color:#509da0;}

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

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

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)
```
#1c3637
```
#1c3637 rgb(28,54,55)
```
#224344
```
#224344 rgb(34,67,68)
```
#295052
```
#295052 rgb(41,80,82)
```
#2f5d5f
```
#2f5d5f rgb(47,93,95)
```
#366a6c
```
#366a6c rgb(54,106,108)
```
#3c7779
```
#3c7779 rgb(60,119,121)
```
#438386
```
#438386 rgb(67,131,134)
```
#499093
```
#499093 rgb(73,144,147)
```
#509da0
```
#509da0 rgb(80,157,160)
```

Shade Color Variation

#58a8ac
```
#58a8ac rgb(88,168,172)
```
#65afb2
```
#65afb2 rgb(101,175,178)
```
#72b6b9
```
#72b6b9 rgb(114,182,185)
```
#7fbdbf
```
#7fbdbf rgb(127,189,191)
```
#8cc4c6
```
#8cc4c6 rgb(140,196,198)
```
#99cacc
```
#99cacc rgb(153,202,204)
```
#a7d1d3
```
#a7d1d3 rgb(167,209,211)
```
#b4d8d9
```
#b4d8d9 rgb(180,216,217)
```
#c1dfe0
```
#c1dfe0 rgb(193,223,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 #06e1ea is the most saturated one.

#757b7b
```
#757b7b rgb(117,123,123)
```
#6c8384
```
#6c8384 rgb(108,131,132)
```
#628c8e
```
#628c8e rgb(98,140,142)
```
#599497
```
#599497 rgb(89,148,151)
```
#509da0
```
#509da0 rgb(80,157,160)
```
#47a6a9
```
#47a6a9 rgb(71,166,169)
```
#3eaeb2
```
#3eaeb2 rgb(62,174,178)
```
#34b7bc
```
#34b7bc rgb(52,183,188)
```
#2bbfc5
```
#2bbfc5 rgb(43,191,197)
```
#22c8ce
```
#22c8ce rgb(34,200,206)
```
#19d0d7
```
#19d0d7 rgb(25,208,215)
```
#0fd9e1
```
#0fd9e1 rgb(15,217,225)
```
#06e1ea
```
#06e1ea rgb(6,225,234)
```

Tone Color Variation

Below, you can see how #509da0 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
#7b8b8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#97959e Protanopia 1% of men
#9b93aa Deuteranopia 1% of men
#5ca0ac Tritanopia 0.001% of the population

Trichromacy

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

#509da0 hex color

#509da0 Color Information

#509da0 Color Conversion

Color Schemes with #509da0

Alternatives to #509da0

#509da0 Preview

Shades and Tints of #509da0

Tones of #509da0

Color Blindness Simulator