#5097ae hex color

In a RGB color space, hex #5097ae is composed of 31.4% red, 59.2% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 13.2% magenta, 0% yellow and 31.8% black. It has a hue angle of 194.7 degrees, a saturation of 37% and a lightness of 49.8%. #5097ae color hex could be obtained by blending #a0ffff with #002f5d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 59
- B 68
RGB color chart
- C 54
- M 13
- Y 0
- K 32
CMYK color chart

● #5097ae color description : Dark moderate cyan.

The hexadecimal color #5097ae has RGB values of R:80, G:151, B:174 and CMYK values of C:0.54, M:0.13, Y:0, K:0.32. Its decimal value is 5281710.

Hex triplet	5097ae	`#5097ae`
RGB Decimal	80, 151, 174	`rgb(80,151,174)`
RGB Percent	31.4, 59.2, 68.2	`rgb(31.4%,59.2%,68.2%)`
CMYK	54, 13, 0, 32
HSL	194.7°, 37, 49.8	`hsl(194.7,37%,49.8%)`
HSV (or HSB)	194.7°, 54, 68.2
Web Safe	669999	`#669999`

CIE-LAB	58.875, -15.684, -18.85
XYZ	22.013, 26.893, 44.073
xyY	0.237, 0.289, 26.893
CIE-LCH	58.875, 24.521, 230.238
CIE-LUV	58.875, -30.567, -26.243
Hunter-Lab	51.859, -14.983, -14.088
Binary	01010000, 10010111, 10101110

#5097ae
```
#5097ae rgb(80,151,174)
```
#ae6750
```
#ae6750 rgb(174,103,80)
```

Complementary Color

#50ae96
```
#50ae96 rgb(80,174,150)
```
#5097ae
```
#5097ae rgb(80,151,174)
```
#5068ae
```
#5068ae rgb(80,104,174)
```

Analogous Color

#ae9650
```
#ae9650 rgb(174,150,80)
```
#5097ae
```
#5097ae rgb(80,151,174)
```
#ae5068
```
#ae5068 rgb(174,80,104)
```

Split Complementary Color

#97ae50
```
#97ae50 rgb(151,174,80)
```
#5097ae
```
#5097ae rgb(80,151,174)
```
#ae5097
```
#ae5097 rgb(174,80,151)
```

Triadic Color

#50ae67
```
#50ae67 rgb(80,174,103)
```
#5097ae
```
#5097ae rgb(80,151,174)
```
#ae5097
```
#ae5097 rgb(174,80,151)
```
#ae6750
```
#ae6750 rgb(174,103,80)
```

Tetradic Color

#386a7a
```
#386a7a rgb(56,106,122)
```
#40798b
```
#40798b rgb(64,121,139)
```
#48889d
```
#48889d rgb(72,136,157)
```
#5097ae
```
#5097ae rgb(80,151,174)
```
#61a2b6
```
#61a2b6 rgb(97,162,182)
```
#73acbe
```
#73acbe rgb(115,172,190)
```
#84b6c6
```
#84b6c6 rgb(132,182,198)
```

Monochromatic Color

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

#50aeae
```
#50aeae rgb(80,174,174)
```
#50a7ae
```
#50a7ae rgb(80,167,174)
```
#509fae
```
#509fae rgb(80,159,174)
```
#5097ae
```
#5097ae rgb(80,151,174)
```
#508fae
```
#508fae rgb(80,143,174)
```
#5087ae
```
#5087ae rgb(80,135,174)
```
#5080ae
```
#5080ae rgb(80,128,174)
```

Similar Colors

Text with hexadecimal color #5097ae

This text has a font color of #5097ae.

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

#5097ae background color

This paragraph has a background color of #5097ae.

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

#5097ae border color

This element has a border color of #5097ae.

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

CSS codes

.text {color:#5097ae;}

.background {background-color:#5097ae;}

.border {border:1px solid #5097ae;}

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

#060b0d
```
#060b0d rgb(6,11,13)
```
#0c171a
```
#0c171a rgb(12,23,26)
```
#122228
```
#122228 rgb(18,34,40)
```
#182e35
```
#182e35 rgb(24,46,53)
```
#1f3a43
```
#1f3a43 rgb(31,58,67)
```
#254550
```
#254550 rgb(37,69,80)
```
#2b515d
```
#2b515d rgb(43,81,93)
```
#315d6b
```
#315d6b rgb(49,93,107)
```
#376878
```
#376878 rgb(55,104,120)
```
#3d7486
```
#3d7486 rgb(61,116,134)
```
#448093
```
#448093 rgb(68,128,147)
```
#4a8ba1
```
#4a8ba1 rgb(74,139,161)
```
#5097ae
```
#5097ae rgb(80,151,174)
```

Shade Color Variation

#5d9fb5
```
#5d9fb5 rgb(93,159,181)
```
#6ba7bb
```
#6ba7bb rgb(107,167,187)
```
#78afc1
```
#78afc1 rgb(120,175,193)
```
#85b7c7
```
#85b7c7 rgb(133,183,199)
```
#93bfcd
```
#93bfcd rgb(147,191,205)
```
#a0c7d3
```
#a0c7d3 rgb(160,199,211)
```
#aecfda
```
#aecfda rgb(174,207,218)
```
#bbd7e0
```
#bbd7e0 rgb(187,215,224)
```
#c9dfe6
```
#c9dfe6 rgb(201,223,230)
```
#d6e7ec
```
#d6e7ec rgb(214,231,236)
```
#e3eff2
```
#e3eff2 rgb(227,239,242)
```
#f1f7f9
```
#f1f7f9 rgb(241,247,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#778387
```
#778387 rgb(119,131,135)
```
#6d8891
```
#6d8891 rgb(109,136,145)
```
#648d9a
```
#648d9a rgb(100,141,154)
```
#5a92a4
```
#5a92a4 rgb(90,146,164)
```
#5097ae
```
#5097ae rgb(80,151,174)
```
#469cb8
```
#469cb8 rgb(70,156,184)
```
#3ca1c2
```
#3ca1c2 rgb(60,161,194)
```
#33a6cb
```
#33a6cb rgb(51,166,203)
```
#29abd5
```
#29abd5 rgb(41,171,213)
```
#1fb0df
```
#1fb0df rgb(31,176,223)
```
#15b5e9
```
#15b5e9 rgb(21,181,233)
```
#0cbaf2
```
#0cbaf2 rgb(12,186,242)
```
#02bffc
```
#02bffc rgb(2,191,252)
```

Tone Color Variation

Below, you can see how #5097ae 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
#7a888c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e92ab Protanopia 1% of men
#8d90b6 Deuteranopia 1% of men
#559da9 Tritanopia 0.001% of the population

Trichromacy

#7794ac Protanomaly 1% of men, 0.01% of women
#7793b3 Deuteranomaly 6% of men, 0.4% of women
#539bab Tritanomaly 0.01% of the population

#5097ae hex color

#5097ae Color Information

#5097ae Color Conversion

Color Schemes with #5097ae

Alternatives to #5097ae

#5097ae Preview

Shades and Tints of #5097ae

Tones of #5097ae

Color Blindness Simulator