#509199 hex color

In a RGB color space, hex #509199 is composed of 31.4% red, 56.9% green and 60% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 5.2% magenta, 0% yellow and 40% black. It has a hue angle of 186.6 degrees, a saturation of 31.3% and a lightness of 45.7%. #509199 color hex could be obtained by blending #a0ffff with #002333. Closest websafe color is: #669999.

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

● #509199 color description : Dark moderate cyan.

The hexadecimal color #509199 has RGB values of R:80, G:145, B:153 and CMYK values of C:0.48, M:0.05, Y:0, K:0.4. Its decimal value is 5280153.

Hex triplet	509199	`#509199`
RGB Decimal	80, 145, 153	`rgb(80,145,153)`
RGB Percent	31.4, 56.9, 60	`rgb(31.4%,56.9%,60%)`
CMYK	48, 5, 0, 40
HSL	186.6°, 31.3, 45.7	`hsl(186.6,31.3%,45.7%)`
HSV (or HSB)	186.6°, 47.7, 60
Web Safe	669999	`#669999`

CIE-LAB	56.342, -18.536, -10.7
XYZ	19.182, 24.255, 33.806
xyY	0.248, 0.314, 24.255
CIE-LCH	56.342, 21.403, 209.996
CIE-LUV	56.342, -28.896, -12.971
Hunter-Lab	49.249, -16.663, -6.224
Binary	01010000, 10010001, 10011001

#509199
```
#509199 rgb(80,145,153)
```
#995850
```
#995850 rgb(153,88,80)
```

Complementary Color

#50997d
```
#50997d rgb(80,153,125)
```
#509199
```
#509199 rgb(80,145,153)
```
#506d99
```
#506d99 rgb(80,109,153)
```

Analogous Color

#997d50
```
#997d50 rgb(153,125,80)
```
#509199
```
#509199 rgb(80,145,153)
```
#99506d
```
#99506d rgb(153,80,109)
```

Split Complementary Color

#919950
```
#919950 rgb(145,153,80)
```
#509199
```
#509199 rgb(80,145,153)
```
#995091
```
#995091 rgb(153,80,145)
```

Triadic Color

#509958
```
#509958 rgb(80,153,88)
```
#509199
```
#509199 rgb(80,145,153)
```
#995091
```
#995091 rgb(153,80,145)
```
#995850
```
#995850 rgb(153,88,80)
```

Tetradic Color

#366167
```
#366167 rgb(54,97,103)
```
#3e7178
```
#3e7178 rgb(62,113,120)
```
#478188
```
#478188 rgb(71,129,136)
```
#509199
```
#509199 rgb(80,145,153)
```
#5aa0a9
```
#5aa0a9 rgb(90,160,169)
```
#6baab1
```
#6baab1 rgb(107,170,177)
```
#7bb3ba
```
#7bb3ba rgb(123,179,186)
```

Monochromatic Color

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

#50998f
```
#50998f rgb(80,153,143)
```
#509995
```
#509995 rgb(80,153,149)
```
#509799
```
#509799 rgb(80,151,153)
```
#509199
```
#509199 rgb(80,145,153)
```
#508b99
```
#508b99 rgb(80,139,153)
```
#508599
```
#508599 rgb(80,133,153)
```
#507f99
```
#507f99 rgb(80,127,153)
```

Similar Colors

Text with hexadecimal color #509199

This text has a font color of #509199.

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

#509199 background color

This paragraph has a background color of #509199.

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

#509199 border color

This element has a border color of #509199.

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

CSS codes

.text {color:#509199;}

.background {background-color:#509199;}

.border {border:1px solid #509199;}

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

#060b0b
```
#060b0b rgb(6,11,11)
```
#0d1718
```
#0d1718 rgb(13,23,24)
```
#132325
```
#132325 rgb(19,35,37)
```
#1a2f32
```
#1a2f32 rgb(26,47,50)
```
#213c3f
```
#213c3f rgb(33,60,63)
```
#28484c
```
#28484c rgb(40,72,76)
```
#2e5459
```
#2e5459 rgb(46,84,89)
```
#356065
```
#356065 rgb(53,96,101)
```
#3c6c72
```
#3c6c72 rgb(60,108,114)
```
#43797f
```
#43797f rgb(67,121,127)
```
#49858c
```
#49858c rgb(73,133,140)
```
#509199
```
#509199 rgb(80,145,153)
```
#579da6
```
#579da6 rgb(87,157,166)
```

Shade Color Variation

#63a5ad
```
#63a5ad rgb(99,165,173)
```
#70adb4
```
#70adb4 rgb(112,173,180)
```
#7db4bb
```
#7db4bb rgb(125,180,187)
```
#8abbc2
```
#8abbc2 rgb(138,187,194)
```
#96c3c8
```
#96c3c8 rgb(150,195,200)
```
#a3cacf
```
#a3cacf rgb(163,202,207)
```
#b0d2d6
```
#b0d2d6 rgb(176,210,214)
```
#bdd9dd
```
#bdd9dd rgb(189,217,221)
```
#cae0e3
```
#cae0e3 rgb(202,224,227)
```
#d7e8ea
```
#d7e8ea rgb(215,232,234)
```
#e4eff1
```
#e4eff1 rgb(228,239,241)
```
#f1f7f7
```
#f1f7f7 rgb(241,247,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#747575
```
#747575 rgb(116,117,117)
```
#6b7c7e
```
#6b7c7e rgb(107,124,126)
```
#628387
```
#628387 rgb(98,131,135)
```
#598a90
```
#598a90 rgb(89,138,144)
```
#509199
```
#509199 rgb(80,145,153)
```
#4798a2
```
#4798a2 rgb(71,152,162)
```
#3e9fab
```
#3e9fab rgb(62,159,171)
```
#35a6b4
```
#35a6b4 rgb(53,166,180)
```
#2cadbd
```
#2cadbd rgb(44,173,189)
```
#23b4c6
```
#23b4c6 rgb(35,180,198)
```
#1abbcf
```
#1abbcf rgb(26,187,207)
```
#11c2d8
```
#11c2d8 rgb(17,194,216)
```
#08c9e1
```
#08c9e1 rgb(8,201,225)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#758283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8c98 Protanopia 1% of men
#8f8aa2 Deuteranopia 1% of men
#5a96a1 Tritanopia 0.001% of the population

Trichromacy

#768e98 Protanomaly 1% of men, 0.01% of women
#788c9f Deuteranomaly 6% of men, 0.4% of women
#56949e Tritanomaly 0.01% of the population

#509199 hex color

#509199 Color Information

#509199 Color Conversion

Color Schemes with #509199

Alternatives to #509199

#509199 Preview

Shades and Tints of #509199

Tones of #509199

Color Blindness Simulator