#50afec hex color

In a RGB color space, hex #50afec is composed of 31.4% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 203.5 degrees, a saturation of 80.4% and a lightness of 62%. #50afec color hex could be obtained by blending #a0ffff with #005fd9. Closest websafe color is: #6699ff.

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

● #50afec color description : Soft blue.

The hexadecimal color #50afec has RGB values of R:80, G:175, B:236 and CMYK values of C:0.66, M:0.26, Y:0, K:0.07. Its decimal value is 5287916.

Hex triplet	50afec	`#50afec`
RGB Decimal	80, 175, 236	`rgb(80,175,236)`
RGB Percent	31.4, 68.6, 92.5	`rgb(31.4%,68.6%,92.5%)`
CMYK	66, 26, 0, 7
HSL	203.5°, 80.4, 62	`hsl(203.5,80.4%,62%)`
HSV (or HSB)	203.5°, 66.1, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.328, -9.333, -38.752
XYZ	33.775, 38.419, 84.988
xyY	0.215, 0.244, 38.419
CIE-LCH	68.328, 39.86, 256.459
CIE-LUV	68.328, -37.005, -60.946
Hunter-Lab	61.983, -11.205, -37.907
Binary	01010000, 10101111, 11101100

#50afec
```
#50afec rgb(80,175,236)
```
#ec8d50
```
#ec8d50 rgb(236,141,80)
```

Complementary Color

#50ecdb
```
#50ecdb rgb(80,236,219)
```
#50afec
```
#50afec rgb(80,175,236)
```
#5061ec
```
#5061ec rgb(80,97,236)
```

Analogous Color

#ecdb50
```
#ecdb50 rgb(236,219,80)
```
#50afec
```
#50afec rgb(80,175,236)
```
#ec5061
```
#ec5061 rgb(236,80,97)
```

Split Complementary Color

#afec50
```
#afec50 rgb(175,236,80)
```
#50afec
```
#50afec rgb(80,175,236)
```
#ec50af
```
#ec50af rgb(236,80,175)
```

Triadic Color

#50ec8d
```
#50ec8d rgb(80,236,141)
```
#50afec
```
#50afec rgb(80,175,236)
```
#ec50af
```
#ec50af rgb(236,80,175)
```
#ec8d50
```
#ec8d50 rgb(236,141,80)
```

Tetradic Color

#178dd8
```
#178dd8 rgb(23,141,216)
```
#229ae7
```
#229ae7 rgb(34,154,231)
```
#39a4ea
```
#39a4ea rgb(57,164,234)
```
#50afec
```
#50afec rgb(80,175,236)
```
#67baee
```
#67baee rgb(103,186,238)
```
#7ec4f1
```
#7ec4f1 rgb(126,196,241)
```
#95cff3
```
#95cff3 rgb(149,207,243)
```

Monochromatic Color

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

#50d6ec
```
#50d6ec rgb(80,214,236)
```
#50c9ec
```
#50c9ec rgb(80,201,236)
```
#50bcec
```
#50bcec rgb(80,188,236)
```
#50afec
```
#50afec rgb(80,175,236)
```
#50a2ec
```
#50a2ec rgb(80,162,236)
```
#5095ec
```
#5095ec rgb(80,149,236)
```
#5088ec
```
#5088ec rgb(80,136,236)
```

Similar Colors

Text with hexadecimal color #50afec

This text has a font color of #50afec.

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

#50afec background color

This paragraph has a background color of #50afec.

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

#50afec border color

This element has a border color of #50afec.

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

CSS codes

.text {color:#50afec;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020d14
```
#020d14 rgb(2,13,20)
```
#041825
```
#041825 rgb(4,24,37)
```
#062437
```
#062437 rgb(6,36,55)
```
#082f49
```
#082f49 rgb(8,47,73)
```
#0a3b5a
```
#0a3b5a rgb(10,59,90)
```
#0c466c
```
#0c466c rgb(12,70,108)
```
#0e527e
```
#0e527e rgb(14,82,126)
```
#105d8f
```
#105d8f rgb(16,93,143)
```
#1269a1
```
#1269a1 rgb(18,105,161)
```
#1375b3
```
#1375b3 rgb(19,117,179)
```
#1580c5
```
#1580c5 rgb(21,128,197)
```
#178cd6
```
#178cd6 rgb(23,140,214)
```

Shade Color Variation

#1b97e6
```
#1b97e6 rgb(27,151,230)
```
#2d9fe8
```
#2d9fe8 rgb(45,159,232)
```
#3ea7ea
```
#3ea7ea rgb(62,167,234)
```
#50afec
```
#50afec rgb(80,175,236)
```
#62b7ee
```
#62b7ee rgb(98,183,238)
```
#73bff0
```
#73bff0 rgb(115,191,240)
```
#85c7f2
```
#85c7f2 rgb(133,199,242)
```
#97cff4
```
#97cff4 rgb(151,207,244)
```
#a8d7f6
```
#a8d7f6 rgb(168,215,246)
```
#bae0f8
```
#bae0f8 rgb(186,224,248)
```
#cce8f9
```
#cce8f9 rgb(204,232,249)
```
#def0fb
```
#def0fb rgb(222,240,251)
```
#eff8fd
```
#eff8fd rgb(239,248,253)
```

Tint Color Variation

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

#9b9fa1
```
#9b9fa1 rgb(155,159,161)
```
#93a0a9
```
#93a0a9 rgb(147,160,169)
```
#8ca2b0
```
#8ca2b0 rgb(140,162,176)
```
#84a4b8
```
#84a4b8 rgb(132,164,184)
```
#7da5bf
```
#7da5bf rgb(125,165,191)
```
#75a7c7
```
#75a7c7 rgb(117,167,199)
```
#6ea8ce
```
#6ea8ce rgb(110,168,206)
```
#66aad6
```
#66aad6 rgb(102,170,214)
```
#5facdd
```
#5facdd rgb(95,172,221)
```
#57ade5
```
#57ade5 rgb(87,173,229)
```
#50afec
```
#50afec rgb(80,175,236)
```
#49b1f3
```
#49b1f3 rgb(73,177,243)
```
#41b2fb
```
#41b2fb rgb(65,178,251)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8b9eaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a9e5 Protanopia 1% of men
#8caaf0 Deuteranopia 1% of men
#3bbac8 Tritanopia 0.001% of the population

Trichromacy

#7dabe8 Protanomaly 1% of men, 0.01% of women
#76abee Deuteranomaly 6% of men, 0.4% of women
#43b6d5 Tritanomaly 0.01% of the population

#50afec hex color

#50afec Color Information

#50afec Color Conversion

Color Schemes with #50afec

Alternatives to #50afec

#50afec Preview

Shades and Tints of #50afec

Tones of #50afec

Color Blindness Simulator