#50abec hex color

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

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

● #50abec color description : Soft blue.

The hexadecimal color #50abec has RGB values of R:80, G:171, B:236 and CMYK values of C:0.66, M:0.28, Y:0, K:0.07. Its decimal value is 5286892.

Hex triplet	50abec	`#50abec`
RGB Decimal	80, 171, 236	`rgb(80,171,236)`
RGB Percent	31.4, 67.1, 92.5	`rgb(31.4%,67.1%,92.5%)`
CMYK	66, 28, 0, 7
HSL	205°, 80.4, 62	`hsl(205,80.4%,62%)`
HSV (or HSB)	205°, 66.1, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.191, -7.131, -40.529
XYZ	33.008, 36.885, 84.732
xyY	0.213, 0.239, 36.885
CIE-LCH	67.191, 41.152, 260.021
CIE-LUV	67.191, -35.594, -64.083
Hunter-Lab	60.733, -9.27, -40.206
Binary	01010000, 10101011, 11101100

#50abec
```
#50abec rgb(80,171,236)
```
#ec9150
```
#ec9150 rgb(236,145,80)
```

Complementary Color

#50ecdf
```
#50ecdf rgb(80,236,223)
```
#50abec
```
#50abec rgb(80,171,236)
```
#505dec
```
#505dec rgb(80,93,236)
```

Analogous Color

#ecdf50
```
#ecdf50 rgb(236,223,80)
```
#50abec
```
#50abec rgb(80,171,236)
```
#ec505d
```
#ec505d rgb(236,80,93)
```

Split Complementary Color

#abec50
```
#abec50 rgb(171,236,80)
```
#50abec
```
#50abec rgb(80,171,236)
```
#ec50ab
```
#ec50ab rgb(236,80,171)
```

Triadic Color

#50ec91
```
#50ec91 rgb(80,236,145)
```
#50abec
```
#50abec rgb(80,171,236)
```
#ec50ab
```
#ec50ab rgb(236,80,171)
```
#ec9150
```
#ec9150 rgb(236,145,80)
```

Tetradic Color

#1788d8
```
#1788d8 rgb(23,136,216)
```
#2295e7
```
#2295e7 rgb(34,149,231)
```
#39a0ea
```
#39a0ea rgb(57,160,234)
```
#50abec
```
#50abec rgb(80,171,236)
```
#67b6ee
```
#67b6ee rgb(103,182,238)
```
#7ec1f1
```
#7ec1f1 rgb(126,193,241)
```
#95ccf3
```
#95ccf3 rgb(149,204,243)
```

Monochromatic Color

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

#50d2ec
```
#50d2ec rgb(80,210,236)
```
#50c5ec
```
#50c5ec rgb(80,197,236)
```
#50b8ec
```
#50b8ec rgb(80,184,236)
```
#50abec
```
#50abec rgb(80,171,236)
```
#509eec
```
#509eec rgb(80,158,236)
```
#5091ec
```
#5091ec rgb(80,145,236)
```
#5084ec
```
#5084ec rgb(80,132,236)
```

Similar Colors

Text with hexadecimal color #50abec

This text has a font color of #50abec.

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

#50abec background color

This paragraph has a background color of #50abec.

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

#50abec border color

This element has a border color of #50abec.

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

CSS codes

.text {color:#50abec;}

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

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

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 #eff7fd is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#020c14
```
#020c14 rgb(2,12,20)
```
#041725
```
#041725 rgb(4,23,37)
```
#062337
```
#062337 rgb(6,35,55)
```
#082e49
```
#082e49 rgb(8,46,73)
```
#0a395a
```
#0a395a rgb(10,57,90)
```
#0c446c
```
#0c446c rgb(12,68,108)
```
#0e4f7e
```
#0e4f7e rgb(14,79,126)
```
#105a8f
```
#105a8f rgb(16,90,143)
```
#1265a1
```
#1265a1 rgb(18,101,161)
```
#1370b3
```
#1370b3 rgb(19,112,179)
```
#157cc5
```
#157cc5 rgb(21,124,197)
```
#1787d6
```
#1787d6 rgb(23,135,214)
```

Shade Color Variation

#1b92e6
```
#1b92e6 rgb(27,146,230)
```
#2d9ae8
```
#2d9ae8 rgb(45,154,232)
```
#3ea3ea
```
#3ea3ea rgb(62,163,234)
```
#50abec
```
#50abec rgb(80,171,236)
```
#62b3ee
```
#62b3ee rgb(98,179,238)
```
#73bcf0
```
#73bcf0 rgb(115,188,240)
```
#85c4f2
```
#85c4f2 rgb(133,196,242)
```
#97cdf4
```
#97cdf4 rgb(151,205,244)
```
#a8d5f6
```
#a8d5f6 rgb(168,213,246)
```
#badef8
```
#badef8 rgb(186,222,248)
```
#cce6f9
```
#cce6f9 rgb(204,230,249)
```
#deeffb
```
#deeffb rgb(222,239,251)
```
#eff7fd
```
#eff7fd rgb(239,247,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 #41adfb is the most saturated one.

#9b9fa1
```
#9b9fa1 rgb(155,159,161)
```
#93a0a9
```
#93a0a9 rgb(147,160,169)
```
#8ca1b0
```
#8ca1b0 rgb(140,161,176)
```
#84a2b8
```
#84a2b8 rgb(132,162,184)
```
#7da4bf
```
#7da4bf rgb(125,164,191)
```
#75a5c7
```
#75a5c7 rgb(117,165,199)
```
#6ea6ce
```
#6ea6ce rgb(110,166,206)
```
#66a7d6
```
#66a7d6 rgb(102,167,214)
```
#5fa9dd
```
#5fa9dd rgb(95,169,221)
```
#57aae5
```
#57aae5 rgb(87,170,229)
```
#50abec
```
#50abec rgb(80,171,236)
```
#49acf3
```
#49acf3 rgb(73,172,243)
```
#41adfb
```
#41adfb rgb(65,173,251)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#899ba8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a6e6 Protanopia 1% of men
#86a7f0 Deuteranopia 1% of men
#38b7c4 Tritanopia 0.001% of the population

Trichromacy

#7aa7e8 Protanomaly 1% of men, 0.01% of women
#72a8ee Deuteranomaly 6% of men, 0.4% of women
#41b2d3 Tritanomaly 0.01% of the population

#50abec hex color

#50abec Color Information

#50abec Color Conversion

Color Schemes with #50abec

Alternatives to #50abec

#50abec Preview

Shades and Tints of #50abec

Tones of #50abec

Color Blindness Simulator