#50a8e3 hex color

In a RGB color space, hex #50a8e3 is composed of 31.4% red, 65.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 26% magenta, 0% yellow and 11% black. It has a hue angle of 204.1 degrees, a saturation of 72.4% and a lightness of 60.2%. #50a8e3 color hex could be obtained by blending #a0ffff with #0051c7. Closest websafe color is: #6699cc.

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

● #50a8e3 color description : Soft blue.

The hexadecimal color #50a8e3 has RGB values of R:80, G:168, B:227 and CMYK values of C:0.65, M:0.26, Y:0, K:0.11. Its decimal value is 5286115.

Hex triplet	50a8e3	`#50a8e3`
RGB Decimal	80, 168, 227	`rgb(80,168,227)`
RGB Percent	31.4, 65.9, 89	`rgb(31.4%,65.9%,89%)`
CMYK	65, 26, 0, 11
HSL	204.1°, 72.4, 60.2	`hsl(204.1,72.4%,60.2%)`
HSV (or HSB)	204.1°, 64.8, 89
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.946, -8.405, -37.538
XYZ	31.173, 35.254, 77.831
xyY	0.216, 0.244, 35.254
CIE-LCH	65.946, 38.467, 257.379
CIE-LUV	65.946, -34.889, -58.696
Hunter-Lab	59.375, -10.193, -36.156
Binary	01010000, 10101000, 11100011

#50a8e3
```
#50a8e3 rgb(80,168,227)
```
#e38b50
```
#e38b50 rgb(227,139,80)
```

Complementary Color

#50e3d5
```
#50e3d5 rgb(80,227,213)
```
#50a8e3
```
#50a8e3 rgb(80,168,227)
```
#505ee3
```
#505ee3 rgb(80,94,227)
```

Analogous Color

#e3d550
```
#e3d550 rgb(227,213,80)
```
#50a8e3
```
#50a8e3 rgb(80,168,227)
```
#e3505f
```
#e3505f rgb(227,80,95)
```

Split Complementary Color

#a8e350
```
#a8e350 rgb(168,227,80)
```
#50a8e3
```
#50a8e3 rgb(80,168,227)
```
#e350a8
```
#e350a8 rgb(227,80,168)
```

Triadic Color

#50e38b
```
#50e38b rgb(80,227,139)
```
#50a8e3
```
#50a8e3 rgb(80,168,227)
```
#e350a8
```
#e350a8 rgb(227,80,168)
```
#e38b50
```
#e38b50 rgb(227,139,80)
```

Tetradic Color

#2084c7
```
#2084c7 rgb(32,132,199)
```
#2492dc
```
#2492dc rgb(36,146,220)
```
#3a9ddf
```
#3a9ddf rgb(58,157,223)
```
#50a8e3
```
#50a8e3 rgb(80,168,227)
```
#66b3e7
```
#66b3e7 rgb(102,179,231)
```
#7cbeea
```
#7cbeea rgb(124,190,234)
```
#92c9ee
```
#92c9ee rgb(146,201,238)
```

Monochromatic Color

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

#50cde3
```
#50cde3 rgb(80,205,227)
```
#50c1e3
```
#50c1e3 rgb(80,193,227)
```
#50b4e3
```
#50b4e3 rgb(80,180,227)
```
#50a8e3
```
#50a8e3 rgb(80,168,227)
```
#509ce3
```
#509ce3 rgb(80,156,227)
```
#5090e3
```
#5090e3 rgb(80,144,227)
```
#5083e3
```
#5083e3 rgb(80,131,227)
```

Similar Colors

Text with hexadecimal color #50a8e3

This text has a font color of #50a8e3.

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

#50a8e3 background color

This paragraph has a background color of #50a8e3.

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

#50a8e3 border color

This element has a border color of #50a8e3.

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

CSS codes

.text {color:#50a8e3;}

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

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

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, #02070b is the darkest color, while #f9fcfe is the lightest one.

#02070b
```
#02070b rgb(2,7,11)
```
#04131c
```
#04131c rgb(4,19,28)
```
#071e2d
```
#071e2d rgb(7,30,45)
```
#0a293e
```
#0a293e rgb(10,41,62)
```
#0d344f
```
#0d344f rgb(13,52,79)
```
#0f3f60
```
#0f3f60 rgb(15,63,96)
```
#124b70
```
#124b70 rgb(18,75,112)
```
#155681
```
#155681 rgb(21,86,129)
```
#176192
```
#176192 rgb(23,97,146)
```
#1a6ca3
```
#1a6ca3 rgb(26,108,163)
```
#1d77b4
```
#1d77b4 rgb(29,119,180)
```
#2083c5
```
#2083c5 rgb(32,131,197)
```
#228ed6
```
#228ed6 rgb(34,142,214)
```

Shade Color Variation

#2e97de
```
#2e97de rgb(46,151,222)
```
#3fa0e0
```
#3fa0e0 rgb(63,160,224)
```
#50a8e3
```
#50a8e3 rgb(80,168,227)
```
#61b0e6
```
#61b0e6 rgb(97,176,230)
```
#72b9e8
```
#72b9e8 rgb(114,185,232)
```
#83c1eb
```
#83c1eb rgb(131,193,235)
```
#94caee
```
#94caee rgb(148,202,238)
```
#a5d2f1
```
#a5d2f1 rgb(165,210,241)
```
#b5daf3
```
#b5daf3 rgb(181,218,243)
```
#c6e3f6
```
#c6e3f6 rgb(198,227,246)
```
#d7ebf9
```
#d7ebf9 rgb(215,235,249)
```
#e8f4fb
```
#e8f4fb rgb(232,244,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969a9d is the less saturated color, while #39adfa is the most saturated one.

#969a9d
```
#969a9d rgb(150,154,157)
```
#8e9ca5
```
#8e9ca5 rgb(142,156,165)
```
#879dac
```
#879dac rgb(135,157,172)
```
#7f9fb4
```
#7f9fb4 rgb(127,159,180)
```
#77a0bc
```
#77a0bc rgb(119,160,188)
```
#6fa2c4
```
#6fa2c4 rgb(111,162,196)
```
#67a3cc
```
#67a3cc rgb(103,163,204)
```
#60a5d3
```
#60a5d3 rgb(96,165,211)
```
#58a6db
```
#58a6db rgb(88,166,219)
```
#50a8e3
```
#50a8e3 rgb(80,168,227)
```
#48aaeb
```
#48aaeb rgb(72,170,235)
```
#40abf3
```
#40abf3 rgb(64,171,243)
```
#39adfa
```
#39adfa rgb(57,173,250)
```

Tone Color Variation

Below, you can see how #50a8e3 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
#8698a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a3dd Protanopia 1% of men
#87a4e7 Deuteranopia 1% of men
#3fb3c0 Tritanopia 0.001% of the population

Trichromacy

#7aa4df Protanomaly 1% of men, 0.01% of women
#73a5e6 Deuteranomaly 6% of men, 0.4% of women
#45afcd Tritanomaly 0.01% of the population

#50a8e3 hex color

#50a8e3 Color Information

#50a8e3 Color Conversion

Color Schemes with #50a8e3

Alternatives to #50a8e3

#50a8e3 Preview

Shades and Tints of #50a8e3

Tones of #50a8e3

Color Blindness Simulator