#509eaa hex color

In a RGB color space, hex #509eaa is composed of 31.4% red, 62% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 7.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 188 degrees, a saturation of 36% and a lightness of 49%. #509eaa color hex could be obtained by blending #a0ffff with #003d55. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 62
- B 67
RGB color chart
- C 53
- M 7
- Y 0
- K 33
CMYK color chart

● #509eaa color description : Dark moderate cyan.

The hexadecimal color #509eaa has RGB values of R:80, G:158, B:170 and CMYK values of C:0.53, M:0.07, Y:0, K:0.33. Its decimal value is 5283498.

Hex triplet	509eaa	`#509eaa`
RGB Decimal	80, 158, 170	`rgb(80,158,170)`
RGB Percent	31.4, 62, 66.7	`rgb(31.4%,62%,66.7%)`
CMYK	53, 7, 0, 33
HSL	188°, 36, 49	`hsl(188,36%,49%)`
HSV (or HSB)	188°, 52.9, 66.7
Web Safe	669999	`#669999`

CIE-LAB	60.834, -20.562, -13.617
XYZ	22.789, 29.06, 42.436
xyY	0.242, 0.308, 29.06
CIE-LCH	60.834, 24.662, 213.515
CIE-LUV	60.834, -33.44, -17.415
Hunter-Lab	53.907, -18.878, -8.938
Binary	01010000, 10011110, 10101010

#509eaa
```
#509eaa rgb(80,158,170)
```
#aa5c50
```
#aa5c50 rgb(170,92,80)
```

Complementary Color

#50aa89
```
#50aa89 rgb(80,170,137)
```
#509eaa
```
#509eaa rgb(80,158,170)
```
#5071aa
```
#5071aa rgb(80,113,170)
```

Analogous Color

#aa8950
```
#aa8950 rgb(170,137,80)
```
#509eaa
```
#509eaa rgb(80,158,170)
```
#aa5071
```
#aa5071 rgb(170,80,113)
```

Split Complementary Color

#9eaa50
```
#9eaa50 rgb(158,170,80)
```
#509eaa
```
#509eaa rgb(80,158,170)
```
#aa509e
```
#aa509e rgb(170,80,158)
```

Triadic Color

#50aa5c
```
#50aa5c rgb(80,170,92)
```
#509eaa
```
#509eaa rgb(80,158,170)
```
#aa509e
```
#aa509e rgb(170,80,158)
```
#aa5c50
```
#aa5c50 rgb(170,92,80)
```

Tetradic Color

#386e76
```
#386e76 rgb(56,110,118)
```
#407e87
```
#407e87 rgb(64,126,135)
```
#488e99
```
#488e99 rgb(72,142,153)
```
#509eaa
```
#509eaa rgb(80,158,170)
```
#60a9b4
```
#60a9b4 rgb(96,169,180)
```
#71b2bc
```
#71b2bc rgb(113,178,188)
```
#82bbc4
```
#82bbc4 rgb(130,187,196)
```

Monochromatic Color

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

#50aaa0
```
#50aaa0 rgb(80,170,160)
```
#50aaa7
```
#50aaa7 rgb(80,170,167)
```
#50a6aa
```
#50a6aa rgb(80,166,170)
```
#509eaa
```
#509eaa rgb(80,158,170)
```
#5097aa
```
#5097aa rgb(80,151,170)
```
#508faa
```
#508faa rgb(80,143,170)
```
#5088aa
```
#5088aa rgb(80,136,170)
```

Similar Colors

Text with hexadecimal color #509eaa

This text has a font color of #509eaa.

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

#509eaa background color

This paragraph has a background color of #509eaa.

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

#509eaa border color

This element has a border color of #509eaa.

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

CSS codes

.text {color:#509eaa;}

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

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

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, #05090a is the darkest color, while #fcfdfd is the lightest one.

#05090a
```
#05090a rgb(5,9,10)
```
#0b1617
```
#0b1617 rgb(11,22,23)
```
#112225
```
#112225 rgb(17,34,37)
```
#182e32
```
#182e32 rgb(24,46,50)
```
#1e3b3f
```
#1e3b3f rgb(30,59,63)
```
#24474d
```
#24474d rgb(36,71,77)
```
#2a545a
```
#2a545a rgb(42,84,90)
```
#316067
```
#316067 rgb(49,96,103)
```
#376c75
```
#376c75 rgb(55,108,117)
```
#3d7982
```
#3d7982 rgb(61,121,130)
```
#43858f
```
#43858f rgb(67,133,143)
```
#4a929d
```
#4a929d rgb(74,146,157)
```
#509eaa
```
#509eaa rgb(80,158,170)
```

Shade Color Variation

#5ca7b2
```
#5ca7b2 rgb(92,167,178)
```
#69aeb8
```
#69aeb8 rgb(105,174,184)
```
#76b5bf
```
#76b5bf rgb(118,181,191)
```
#84bcc5
```
#84bcc5 rgb(132,188,197)
```
#91c3cb
```
#91c3cb rgb(145,195,203)
```
#9ecbd1
```
#9ecbd1 rgb(158,203,209)
```
#acd2d8
```
#acd2d8 rgb(172,210,216)
```
#b9d9de
```
#b9d9de rgb(185,217,222)
```
#c6e0e4
```
#c6e0e4 rgb(198,224,228)
```
#d4e8eb
```
#d4e8eb rgb(212,232,235)
```
#e1eff1
```
#e1eff1 rgb(225,239,241)
```
#eef6f7
```
#eef6f7 rgb(238,246,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#768284
```
#768284 rgb(118,130,132)
```
#6d898d
```
#6d898d rgb(109,137,141)
```
#639097
```
#639097 rgb(99,144,151)
```
#5a97a0
```
#5a97a0 rgb(90,151,160)
```
#509eaa
```
#509eaa rgb(80,158,170)
```
#46a5b4
```
#46a5b4 rgb(70,165,180)
```
#3dacbd
```
#3dacbd rgb(61,172,189)
```
#33b3c7
```
#33b3c7 rgb(51,179,199)
```
#2abad0
```
#2abad0 rgb(42,186,208)
```
#20c1da
```
#20c1da rgb(32,193,218)
```
#16c8e4
```
#16c8e4 rgb(22,200,228)
```
#0dcfed
```
#0dcfed rgb(13,207,237)
```
#03d6f7
```
#03d6f7 rgb(3,214,247)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7d8c8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9697a7 Protanopia 1% of men
#9895b3 Deuteranopia 1% of men
#59a2ae Tritanopia 0.001% of the population

Trichromacy

#7c99a8 Protanomaly 1% of men, 0.01% of women
#7e98b0 Deuteranomaly 6% of men, 0.4% of women
#55a1ad Tritanomaly 0.01% of the population

#509eaa hex color

#509eaa Color Information

#509eaa Color Conversion

Color Schemes with #509eaa

Alternatives to #509eaa

#509eaa Preview

Shades and Tints of #509eaa

Tones of #509eaa

Color Blindness Simulator