#509ba0 hex color

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

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

● #509ba0 color description : Dark moderate cyan.

The hexadecimal color #509ba0 has RGB values of R:80, G:155, B:160 and CMYK values of C:0.5, M:0.03, Y:0, K:0.37. Its decimal value is 5282720.

Hex triplet	509ba0	`#509ba0`
RGB Decimal	80, 155, 160	`rgb(80,155,160)`
RGB Percent	31.4, 60.8, 62.7	`rgb(31.4%,60.8%,62.7%)`
CMYK	50, 3, 0, 37
HSL	183.8°, 33.3, 47.1	`hsl(183.8,33.3%,47.1%)`
HSV (or HSB)	183.8°, 50, 62.7
Web Safe	669999	`#669999`

CIE-LAB	59.603, -21.824, -9.808
XYZ	21.373, 27.685, 37.473
xyY	0.247, 0.32, 27.685
CIE-LCH	59.603, 23.927, 204.199
CIE-LUV	59.603, -32.648, -11.267
Hunter-Lab	52.616, -19.571, -5.395
Binary	01010000, 10011011, 10100000

#509ba0
```
#509ba0 rgb(80,155,160)
```
#a05550
```
#a05550 rgb(160,85,80)
```

Complementary Color

#50a07d
```
#50a07d rgb(80,160,125)
```
#509ba0
```
#509ba0 rgb(80,155,160)
```
#5073a0
```
#5073a0 rgb(80,115,160)
```

Analogous Color

#a07d50
```
#a07d50 rgb(160,125,80)
```
#509ba0
```
#509ba0 rgb(80,155,160)
```
#a05073
```
#a05073 rgb(160,80,115)
```

Split Complementary Color

#9ba050
```
#9ba050 rgb(155,160,80)
```
#509ba0
```
#509ba0 rgb(80,155,160)
```
#a0509b
```
#a0509b rgb(160,80,155)
```

Triadic Color

#50a055
```
#50a055 rgb(80,160,85)
```
#509ba0
```
#509ba0 rgb(80,155,160)
```
#a0509b
```
#a0509b rgb(160,80,155)
```
#a05550
```
#a05550 rgb(160,85,80)
```

Tetradic Color

#376a6d
```
#376a6d rgb(55,106,109)
```
#3f7a7e
```
#3f7a7e rgb(63,122,126)
```
#488b8f
```
#488b8f rgb(72,139,143)
```
#509ba0
```
#509ba0 rgb(80,155,160)
```
#5ca8ae
```
#5ca8ae rgb(92,168,174)
```
#6db1b6
```
#6db1b6 rgb(109,177,182)
```
#7ebabf
```
#7ebabf rgb(126,186,191)
```

Monochromatic Color

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

#50a091
```
#50a091 rgb(80,160,145)
```
#50a098
```
#50a098 rgb(80,160,152)
```
#50a09e
```
#50a09e rgb(80,160,158)
```
#509ba0
```
#509ba0 rgb(80,155,160)
```
#5094a0
```
#5094a0 rgb(80,148,160)
```
#508ea0
```
#508ea0 rgb(80,142,160)
```
#5087a0
```
#5087a0 rgb(80,135,160)
```

Similar Colors

Text with hexadecimal color #509ba0

This text has a font color of #509ba0.

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

#509ba0 background color

This paragraph has a background color of #509ba0.

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

#509ba0 border color

This element has a border color of #509ba0.

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

CSS codes

.text {color:#509ba0;}

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

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

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)
```
#1c3637
```
#1c3637 rgb(28,54,55)
```
#224244
```
#224244 rgb(34,66,68)
```
#294f52
```
#294f52 rgb(41,79,82)
```
#2f5c5f
```
#2f5c5f rgb(47,92,95)
```
#36686c
```
#36686c rgb(54,104,108)
```
#3c7579
```
#3c7579 rgb(60,117,121)
```
#438286
```
#438286 rgb(67,130,134)
```
#498e93
```
#498e93 rgb(73,142,147)
```
#509ba0
```
#509ba0 rgb(80,155,160)
```

Shade Color Variation

#58a6ac
```
#58a6ac rgb(88,166,172)
```
#65adb2
```
#65adb2 rgb(101,173,178)
```
#72b4b9
```
#72b4b9 rgb(114,180,185)
```
#7fbbbf
```
#7fbbbf rgb(127,187,191)
```
#8cc2c6
```
#8cc2c6 rgb(140,194,198)
```
#99c9cc
```
#99c9cc rgb(153,201,204)
```
#a7d0d3
```
#a7d0d3 rgb(167,208,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 #06dcea is the most saturated one.

#757b7b
```
#757b7b rgb(117,123,123)
```
#6c8384
```
#6c8384 rgb(108,131,132)
```
#628b8e
```
#628b8e rgb(98,139,142)
```
#599397
```
#599397 rgb(89,147,151)
```
#509ba0
```
#509ba0 rgb(80,155,160)
```
#47a3a9
```
#47a3a9 rgb(71,163,169)
```
#3eabb2
```
#3eabb2 rgb(62,171,178)
```
#34b3bc
```
#34b3bc rgb(52,179,188)
```
#2bbbc5
```
#2bbbc5 rgb(43,187,197)
```
#22c3ce
```
#22c3ce rgb(34,195,206)
```
#19cbd7
```
#19cbd7 rgb(25,203,215)
```
#0fd4e1
```
#0fd4e1 rgb(15,212,225)
```
#06dcea
```
#06dcea rgb(6,220,234)
```

Tone Color Variation

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

#95949e Protanopia 1% of men
#9891aa Deuteranopia 1% of men
#5b9faa Tritanopia 0.001% of the population

Trichromacy

#7b969e Protanomaly 1% of men, 0.01% of women
#7e95a6 Deuteranomaly 6% of men, 0.4% of women
#579da6 Tritanomaly 0.01% of the population

#509ba0 hex color

#509ba0 Color Information

#509ba0 Color Conversion

Color Schemes with #509ba0

Alternatives to #509ba0

#509ba0 Preview

Shades and Tints of #509ba0

Tones of #509ba0

Color Blindness Simulator