#50a5ee hex color

In a RGB color space, hex #50a5ee is composed of 31.4% red, 64.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 30.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 207.7 degrees, a saturation of 82.3% and a lightness of 62.4%. #50a5ee color hex could be obtained by blending #a0ffff with #004bdd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 65
- B 93
RGB color chart
- C 66
- M 31
- Y 0
- K 7
CMYK color chart

● #50a5ee color description : Soft blue.

The hexadecimal color #50a5ee has RGB values of R:80, G:165, B:238 and CMYK values of C:0.66, M:0.31, Y:0, K:0.07. Its decimal value is 5285358.

Hex triplet	50a5ee	`#50a5ee`
RGB Decimal	80, 165, 238	`rgb(80,165,238)`
RGB Percent	31.4, 64.7, 93.3	`rgb(31.4%,64.7%,93.3%)`
CMYK	66, 31, 0, 7
HSL	207.7°, 82.3, 62.4	`hsl(207.7,82.3%,62.4%)`
HSV (or HSB)	207.7°, 66.4, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.582, -3.116, -44.145
XYZ	32.192, 34.786, 85.902
xyY	0.211, 0.228, 34.786
CIE-LCH	65.582, 44.255, 265.963
CIE-LUV	65.582, -33.418, -70.446
Hunter-Lab	58.98, -5.787, -45.068
Binary	01010000, 10100101, 11101110

#50a5ee
```
#50a5ee rgb(80,165,238)
```
#ee9950
```
#ee9950 rgb(238,153,80)
```

Complementary Color

#50eee8
```
#50eee8 rgb(80,238,232)
```
#50a5ee
```
#50a5ee rgb(80,165,238)
```
#5056ee
```
#5056ee rgb(80,86,238)
```

Analogous Color

#eee850
```
#eee850 rgb(238,232,80)
```
#50a5ee
```
#50a5ee rgb(80,165,238)
```
#ee5056
```
#ee5056 rgb(238,80,86)
```

Split Complementary Color

#a5ee50
```
#a5ee50 rgb(165,238,80)
```
#50a5ee
```
#50a5ee rgb(80,165,238)
```
#ee50a5
```
#ee50a5 rgb(238,80,165)
```

Triadic Color

#50ee99
```
#50ee99 rgb(80,238,153)
```
#50a5ee
```
#50a5ee rgb(80,165,238)
```
#ee50a5
```
#ee50a5 rgb(238,80,165)
```
#ee9950
```
#ee9950 rgb(238,153,80)
```

Tetradic Color

#1580dc
```
#1580dc rgb(21,128,220)
```
#228de9
```
#228de9 rgb(34,141,233)
```
#3999ec
```
#3999ec rgb(57,153,236)
```
#50a5ee
```
#50a5ee rgb(80,165,238)
```
#67b1f0
```
#67b1f0 rgb(103,177,240)
```
#7ebdf3
```
#7ebdf3 rgb(126,189,243)
```
#96c9f5
```
#96c9f5 rgb(150,201,245)
```

Monochromatic Color

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

#50cdee
```
#50cdee rgb(80,205,238)
```
#50bfee
```
#50bfee rgb(80,191,238)
```
#50b2ee
```
#50b2ee rgb(80,178,238)
```
#50a5ee
```
#50a5ee rgb(80,165,238)
```
#5098ee
```
#5098ee rgb(80,152,238)
```
#508bee
```
#508bee rgb(80,139,238)
```
#507eee
```
#507eee rgb(80,126,238)
```

Similar Colors

Text with hexadecimal color #50a5ee

This text has a font color of #50a5ee.

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

#50a5ee background color

This paragraph has a background color of #50a5ee.

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

#50a5ee border color

This element has a border color of #50a5ee.

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

CSS codes

.text {color:#50a5ee;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020d16
```
#020d16 rgb(2,13,22)
```
#041728
```
#041728 rgb(4,23,40)
```
#062139
```
#062139 rgb(6,33,57)
```
#072c4b
```
#072c4b rgb(7,44,75)
```
#09365d
```
#09365d rgb(9,54,93)
```
#0b416f
```
#0b416f rgb(11,65,111)
```
#0d4b81
```
#0d4b81 rgb(13,75,129)
```
#0e5693
```
#0e5693 rgb(14,86,147)
```
#1060a5
```
#1060a5 rgb(16,96,165)
```
#126ab7
```
#126ab7 rgb(18,106,183)
```
#1375c8
```
#1375c8 rgb(19,117,200)
```
#157fda
```
#157fda rgb(21,127,218)
```

Shade Color Variation

#1a89e9
```
#1a89e9 rgb(26,137,233)
```
#2c93eb
```
#2c93eb rgb(44,147,235)
```
#3e9cec
```
#3e9cec rgb(62,156,236)
```
#50a5ee
```
#50a5ee rgb(80,165,238)
```
#62aef0
```
#62aef0 rgb(98,174,240)
```
#74b7f1
```
#74b7f1 rgb(116,183,241)
```
#86c1f3
```
#86c1f3 rgb(134,193,243)
```
#98caf5
```
#98caf5 rgb(152,202,245)
```
#a9d3f7
```
#a9d3f7 rgb(169,211,247)
```
#bbdcf8
```
#bbdcf8 rgb(187,220,248)
```
#cde5fa
```
#cde5fa rgb(205,229,250)
```
#dfeffc
```
#dfeffc rgb(223,239,252)
```
#f1f8fe
```
#f1f8fe rgb(241,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9fa4 is the less saturated color, while #41a6fd is the most saturated one.

#9a9fa4
```
#9a9fa4 rgb(154,159,164)
```
#92a0ac
```
#92a0ac rgb(146,160,172)
```
#8ba1b3
```
#8ba1b3 rgb(139,161,179)
```
#84a1ba
```
#84a1ba rgb(132,161,186)
```
#7ca2c2
```
#7ca2c2 rgb(124,162,194)
```
#75a2c9
```
#75a2c9 rgb(117,162,201)
```
#6ea3d0
```
#6ea3d0 rgb(110,163,208)
```
#66a3d8
```
#66a3d8 rgb(102,163,216)
```
#5fa4df
```
#5fa4df rgb(95,164,223)
```
#57a4e7
```
#57a4e7 rgb(87,164,231)
```
#50a5ee
```
#50a5ee rgb(80,165,238)
```
#49a6f5
```
#49a6f5 rgb(73,166,245)
```
#41a6fd
```
#41a6fd rgb(65,166,253)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8697a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa1e9 Protanopia 1% of men
#7ba3f1 Deuteranopia 1% of men
#31b3c0 Tritanopia 0.001% of the population

Trichromacy

#75a3ea Protanomaly 1% of men, 0.01% of women
#6ba4f0 Deuteranomaly 6% of men, 0.4% of women
#3caed0 Tritanomaly 0.01% of the population

#50a5ee hex color

#50a5ee Color Information

#50a5ee Color Conversion

Color Schemes with #50a5ee

Alternatives to #50a5ee

#50a5ee Preview

Shades and Tints of #50a5ee

Tones of #50a5ee

Color Blindness Simulator