#509a99 hex color

In a RGB color space, hex #509a99 is composed of 31.4% red, 60.4% green and 60% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 0% magenta, 0.6% yellow and 39.6% black. It has a hue angle of 179.2 degrees, a saturation of 31.6% and a lightness of 45.9%. #509a99 color hex could be obtained by blending #a0ffff with #003533. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 60
- B 60
RGB color chart
- C 48
- M 0
- Y 1
- K 40
CMYK color chart

● #509a99 color description : Dark moderate cyan.

The hexadecimal color #509a99 has RGB values of R:80, G:154, B:153 and CMYK values of C:0.48, M:0, Y:0.01, K:0.4. Its decimal value is 5282457.

Hex triplet	509a99	`#509a99`
RGB Decimal	80, 154, 153	`rgb(80,154,153)`
RGB Percent	31.4, 60.4, 60	`rgb(31.4%,60.4%,60%)`
CMYK	48, 0, 1, 40
HSL	179.2°, 31.6, 45.9	`hsl(179.2,31.6%,45.9%)`
HSV (or HSB)	179.2°, 48.1, 60.4
Web Safe	669999	`#669999`

CIE-LAB	59.081, -23.226, -6.612
XYZ	20.612, 27.115, 34.283
xyY	0.251, 0.331, 27.115
CIE-LCH	59.081, 24.149, 195.89
CIE-LUV	59.081, -32.514, -6.185
Hunter-Lab	52.072, -20.47, -2.584
Binary	01010000, 10011010, 10011001

#509a99
```
#509a99 rgb(80,154,153)
```
#9a5051
```
#9a5051 rgb(154,80,81)
```

Complementary Color

#509a74
```
#509a74 rgb(80,154,116)
```
#509a99
```
#509a99 rgb(80,154,153)
```
#50769a
```
#50769a rgb(80,118,154)
```

Analogous Color

#9a7450
```
#9a7450 rgb(154,116,80)
```
#509a99
```
#509a99 rgb(80,154,153)
```
#9a5076
```
#9a5076 rgb(154,80,118)
```

Split Complementary Color

#9a9950
```
#9a9950 rgb(154,153,80)
```
#509a99
```
#509a99 rgb(80,154,153)
```
#99509a
```
#99509a rgb(153,80,154)
```

Triadic Color

#519a50
```
#519a50 rgb(81,154,80)
```
#509a99
```
#509a99 rgb(80,154,153)
```
#99509a
```
#99509a rgb(153,80,154)
```
#9a5051
```
#9a5051 rgb(154,80,81)
```

Tetradic Color

#366867
```
#366867 rgb(54,104,103)
```
#3f7878
```
#3f7878 rgb(63,120,120)
```
#478988
```
#478988 rgb(71,137,136)
```
#509a99
```
#509a99 rgb(80,154,153)
```
#5aa9a8
```
#5aa9a8 rgb(90,169,168)
```
#6bb2b1
```
#6bb2b1 rgb(107,178,177)
```
#7cbbba
```
#7cbbba rgb(124,187,186)
```

Monochromatic Color

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

#509a87
```
#509a87 rgb(80,154,135)
```
#509a8d
```
#509a8d rgb(80,154,141)
```
#509a93
```
#509a93 rgb(80,154,147)
```
#509a99
```
#509a99 rgb(80,154,153)
```
#50959a
```
#50959a rgb(80,149,154)
```
#508f9a
```
#508f9a rgb(80,143,154)
```
#50899a
```
#50899a rgb(80,137,154)
```

Similar Colors

Text with hexadecimal color #509a99

This text has a font color of #509a99.

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

#509a99 background color

This paragraph has a background color of #509a99.

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

#509a99 border color

This element has a border color of #509a99.

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

CSS codes

.text {color:#509a99;}

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

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

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, #060c0c is the darkest color, while #feffff is the lightest one.

#060c0c
```
#060c0c rgb(6,12,12)
```
#0d1919
```
#0d1919 rgb(13,25,25)
```
#142626
```
#142626 rgb(20,38,38)
```
#1a3332
```
#1a3332 rgb(26,51,50)
```
#21403f
```
#21403f rgb(33,64,63)
```
#284d4c
```
#284d4c rgb(40,77,76)
```
#2e5959
```
#2e5959 rgb(46,89,89)
```
#356666
```
#356666 rgb(53,102,102)
```
#3c7373
```
#3c7373 rgb(60,115,115)
```
#43807f
```
#43807f rgb(67,128,127)
```
#498d8c
```
#498d8c rgb(73,141,140)
```
#509a99
```
#509a99 rgb(80,154,153)
```
#57a7a6
```
#57a7a6 rgb(87,167,166)
```

Shade Color Variation

#63aead
```
#63aead rgb(99,174,173)
```
#70b5b4
```
#70b5b4 rgb(112,181,180)
```
#7dbbbb
```
#7dbbbb rgb(125,187,187)
```
#8ac2c1
```
#8ac2c1 rgb(138,194,193)
```
#97c9c8
```
#97c9c8 rgb(151,201,200)
```
#a4d0cf
```
#a4d0cf rgb(164,208,207)
```
#b1d6d6
```
#b1d6d6 rgb(177,214,214)
```
#bedddd
```
#bedddd rgb(190,221,221)
```
#cae4e3
```
#cae4e3 rgb(202,228,227)
```
#d7eaea
```
#d7eaea rgb(215,234,234)
```
#e4f1f1
```
#e4f1f1 rgb(228,241,241)
```
#f1f8f8
```
#f1f8f8 rgb(241,248,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747676 is the less saturated color, while #08e2df is the most saturated one.

#747676
```
#747676 rgb(116,118,118)
```
#6b7f7f
```
#6b7f7f rgb(107,127,127)
```
#628887
```
#628887 rgb(98,136,135)
```
#599190
```
#599190 rgb(89,145,144)
```
#509a99
```
#509a99 rgb(80,154,153)
```
#47a3a2
```
#47a3a2 rgb(71,163,162)
```
#3eacab
```
#3eacab rgb(62,172,171)
```
#35b5b3
```
#35b5b3 rgb(53,181,179)
```
#2cbebc
```
#2cbebc rgb(44,190,188)
```
#23c7c5
```
#23c7c5 rgb(35,199,197)
```
#1ad0ce
```
#1ad0ce rgb(26,208,206)
```
#11d9d6
```
#11d9d6 rgb(17,217,214)
```
#08e2df
```
#08e2df rgb(8,226,223)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7a8888 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959397 Protanopia 1% of men
#9a90a3 Deuteranopia 1% of men
#5d9da9 Tritanopia 0.001% of the population

Trichromacy

#7c9598 Protanomaly 1% of men, 0.01% of women
#7f939f Deuteranomaly 6% of men, 0.4% of women
#589ca3 Tritanomaly 0.01% of the population

#509a99 hex color

#509a99 Color Information

#509a99 Color Conversion

Color Schemes with #509a99

Alternatives to #509a99

#509a99 Preview

Shades and Tints of #509a99

Tones of #509a99

Color Blindness Simulator