#50aec5 hex color

In a RGB color space, hex #50aec5 is composed of 31.4% red, 68.2% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 11.7% magenta, 0% yellow and 22.7% black. It has a hue angle of 191.8 degrees, a saturation of 50.2% and a lightness of 54.3%. #50aec5 color hex could be obtained by blending #a0ffff with #005d8b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 68
- B 77
RGB color chart
- C 59
- M 12
- Y 0
- K 23
CMYK color chart

● #50aec5 color description : Moderate cyan.

The hexadecimal color #50aec5 has RGB values of R:80, G:174, B:197 and CMYK values of C:0.59, M:0.12, Y:0, K:0.23. Its decimal value is 5287621.

Hex triplet	50aec5	`#50aec5`
RGB Decimal	80, 174, 197	`rgb(80,174,197)`
RGB Percent	31.4, 68.2, 77.3	`rgb(31.4%,68.2%,77.3%)`
CMYK	59, 12, 0, 23
HSL	191.8°, 50.2, 54.3	`hsl(191.8,50.2%,54.3%)`
HSV (or HSB)	191.8°, 59.4, 77.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.525, -20.973, -20.09
XYZ	28.52, 36.007, 58.267
xyY	0.232, 0.293, 36.007
CIE-LCH	66.525, 29.043, 223.768
CIE-LUV	66.525, -38.389, -28.049
Hunter-Lab	60.006, -20.172, -15.569
Binary	01010000, 10101110, 11000101

#50aec5
```
#50aec5 rgb(80,174,197)
```
#c56750
```
#c56750 rgb(197,103,80)
```

Complementary Color

#50c5a2
```
#50c5a2 rgb(80,197,162)
```
#50aec5
```
#50aec5 rgb(80,174,197)
```
#5074c5
```
#5074c5 rgb(80,116,197)
```

Analogous Color

#c5a250
```
#c5a250 rgb(197,162,80)
```
#50aec5
```
#50aec5 rgb(80,174,197)
```
#c55074
```
#c55074 rgb(197,80,116)
```

Split Complementary Color

#aec550
```
#aec550 rgb(174,197,80)
```
#50aec5
```
#50aec5 rgb(80,174,197)
```
#c550ae
```
#c550ae rgb(197,80,174)
```

Triadic Color

#50c567
```
#50c567 rgb(80,197,103)
```
#50aec5
```
#50aec5 rgb(80,174,197)
```
#c550ae
```
#c550ae rgb(197,80,174)
```
#c56750
```
#c56750 rgb(197,103,80)
```

Tetradic Color

#328397
```
#328397 rgb(50,131,151)
```
#3893aa
```
#3893aa rgb(56,147,170)
```
#3fa4bd
```
#3fa4bd rgb(63,164,189)
```
#50aec5
```
#50aec5 rgb(80,174,197)
```
#63b7cb
```
#63b7cb rgb(99,183,203)
```
#76c0d2
```
#76c0d2 rgb(118,192,210)
```
#89c9d8
```
#89c9d8 rgb(137,201,216)
```

Monochromatic Color

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

#50c5bf
```
#50c5bf rgb(80,197,191)
```
#50c2c5
```
#50c2c5 rgb(80,194,197)
```
#50b8c5
```
#50b8c5 rgb(80,184,197)
```
#50aec5
```
#50aec5 rgb(80,174,197)
```
#50a4c5
```
#50a4c5 rgb(80,164,197)
```
#509bc5
```
#509bc5 rgb(80,155,197)
```
#5091c5
```
#5091c5 rgb(80,145,197)
```

Similar Colors

Text with hexadecimal color #50aec5

This text has a font color of #50aec5.

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

#50aec5 background color

This paragraph has a background color of #50aec5.

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

#50aec5 border color

This element has a border color of #50aec5.

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

CSS codes

.text {color:#50aec5;}

.background {background-color:#50aec5;}

.border {border:1px solid #50aec5;}

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, #010202 is the darkest color, while #f2f9fb is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#050e11
```
#050e11 rgb(5,14,17)
```
#0a1b1f
```
#0a1b1f rgb(10,27,31)
```
#0f282e
```
#0f282e rgb(15,40,46)
```
#14353d
```
#14353d rgb(20,53,61)
```
#19424b
```
#19424b rgb(25,66,75)
```
#1e4e5a
```
#1e4e5a rgb(30,78,90)
```
#235b69
```
#235b69 rgb(35,91,105)
```
#286878
```
#286878 rgb(40,104,120)
```
#2d7586
```
#2d7586 rgb(45,117,134)
```
#318295
```
#318295 rgb(49,130,149)
```
#368ea4
```
#368ea4 rgb(54,142,164)
```
#3b9bb3
```
#3b9bb3 rgb(59,155,179)
```

Shade Color Variation

#41a7c0
```
#41a7c0 rgb(65,167,192)
```
#50aec5
```
#50aec5 rgb(80,174,197)
```
#5fb5ca
```
#5fb5ca rgb(95,181,202)
```
#6dbccf
```
#6dbccf rgb(109,188,207)
```
#7cc2d4
```
#7cc2d4 rgb(124,194,212)
```
#8bc9d9
```
#8bc9d9 rgb(139,201,217)
```
#9ad0dd
```
#9ad0dd rgb(154,208,221)
```
#a8d7e2
```
#a8d7e2 rgb(168,215,226)
```
#b7dee7
```
#b7dee7 rgb(183,222,231)
```
#c6e5ec
```
#c6e5ec rgb(198,229,236)
```
#d5ebf1
```
#d5ebf1 rgb(213,235,241)
```
#e3f2f6
```
#e3f2f6 rgb(227,242,246)
```
#f2f9fb
```
#f2f9fb rgb(242,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868d8f is the less saturated color, while #1acffb is the most saturated one.

#868d8f
```
#868d8f rgb(134,141,143)
```
#7d9398
```
#7d9398 rgb(125,147,152)
```
#7498a1
```
#7498a1 rgb(116,152,161)
```
#6b9eaa
```
#6b9eaa rgb(107,158,170)
```
#62a3b3
```
#62a3b3 rgb(98,163,179)
```
#59a9bc
```
#59a9bc rgb(89,169,188)
```
#50aec5
```
#50aec5 rgb(80,174,197)
```
#47b3ce
```
#47b3ce rgb(71,179,206)
```
#3eb9d7
```
#3eb9d7 rgb(62,185,215)
```
#35bee0
```
#35bee0 rgb(53,190,224)
```
#2cc4e9
```
#2cc4e9 rgb(44,196,233)
```
#23c9f2
```
#23c9f2 rgb(35,201,242)
```
#1acffb
```
#1acffb rgb(26,207,251)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#879a9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a5c0 Protanopia 1% of men
#a0a3cd Deuteranopia 1% of men
#55b3c0 Tritanopia 0.001% of the population

Trichromacy

#83a8c1 Protanomaly 1% of men, 0.01% of women
#83a7ca Deuteranomaly 6% of men, 0.4% of women
#53b1c2 Tritanomaly 0.01% of the population

#50aec5 hex color

#50aec5 Color Information

#50aec5 Color Conversion

Color Schemes with #50aec5

Alternatives to #50aec5

#50aec5 Preview

Shades and Tints of #50aec5

Tones of #50aec5

Color Blindness Simulator