#50a2fc hex color

In a RGB color space, hex #50a2fc is composed of 31.4% red, 63.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 35.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 211.4 degrees, a saturation of 96.6% and a lightness of 65.1%. #50a2fc color hex could be obtained by blending #a0ffff with #0045f9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 64
- B 99
RGB color chart
- C 68
- M 36
- Y 0
- K 1
CMYK color chart

● #50a2fc color description : Soft blue.

The hexadecimal color #50a2fc has RGB values of R:80, G:162, B:252 and CMYK values of C:0.68, M:0.36, Y:0, K:0.01. Its decimal value is 5284604.

Hex triplet	50a2fc	`#50a2fc`
RGB Decimal	80, 162, 252	`rgb(80,162,252)`
RGB Percent	31.4, 63.5, 98.8	`rgb(31.4%,63.5%,98.8%)`
CMYK	68, 36, 0, 1
HSL	211.4°, 96.6, 65.1	`hsl(211.4,96.6%,65.1%)`
HSV (or HSB)	211.4°, 68.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.414, 3.3, -52.061
XYZ	33.795, 34.572, 96.982
xyY	0.204, 0.209, 34.572
CIE-LCH	65.414, 52.166, 273.626
CIE-LUV	65.414, -31.927, -84.512
Hunter-Lab	58.798, -0.3, -56.635
Binary	01010000, 10100010, 11111100

#50a2fc
```
#50a2fc rgb(80,162,252)
```
#fcaa50
```
#fcaa50 rgb(252,170,80)
```

Complementary Color

#50f8fc
```
#50f8fc rgb(80,248,252)
```
#50a2fc
```
#50a2fc rgb(80,162,252)
```
#5450fc
```
#5450fc rgb(84,80,252)
```

Analogous Color

#f8fc50
```
#f8fc50 rgb(248,252,80)
```
#50a2fc
```
#50a2fc rgb(80,162,252)
```
#fc5450
```
#fc5450 rgb(252,84,80)
```

Split Complementary Color

#a2fc50
```
#a2fc50 rgb(162,252,80)
```
#50a2fc
```
#50a2fc rgb(80,162,252)
```
#fc50a2
```
#fc50a2 rgb(252,80,162)
```

Triadic Color

#50fcaa
```
#50fcaa rgb(80,252,170)
```
#50a2fc
```
#50a2fc rgb(80,162,252)
```
#fc50a2
```
#fc50a2 rgb(252,80,162)
```
#fcaa50
```
#fcaa50 rgb(252,170,80)
```

Tetradic Color

#057afb
```
#057afb rgb(5,122,251)
```
#1e87fb
```
#1e87fb rgb(30,135,251)
```
#3795fc
```
#3795fc rgb(55,149,252)
```
#50a2fc
```
#50a2fc rgb(80,162,252)
```
#69affc
```
#69affc rgb(105,175,252)
```
#82bdfd
```
#82bdfd rgb(130,189,253)
```
#9bcafd
```
#9bcafd rgb(155,202,253)
```

Monochromatic Color

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

#50cdfc
```
#50cdfc rgb(80,205,252)
```
#50bffc
```
#50bffc rgb(80,191,252)
```
#50b0fc
```
#50b0fc rgb(80,176,252)
```
#50a2fc
```
#50a2fc rgb(80,162,252)
```
#5094fc
```
#5094fc rgb(80,148,252)
```
#5085fc
```
#5085fc rgb(80,133,252)
```
#5077fc
```
#5077fc rgb(80,119,252)
```

Similar Colors

Text with hexadecimal color #50a2fc

This text has a font color of #50a2fc.

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

#50a2fc background color

This paragraph has a background color of #50a2fc.

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

#50a2fc border color

This element has a border color of #50a2fc.

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

CSS codes

.text {color:#50a2fc;}

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

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

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

#000912
```
#000912 rgb(0,9,18)
```
#011225
```
#011225 rgb(1,18,37)
```
#011b38
```
#011b38 rgb(1,27,56)
```
#01254c
```
#01254c rgb(1,37,76)
```
#022e5f
```
#022e5f rgb(2,46,95)
```
#023872
```
#023872 rgb(2,56,114)
```
#024186
```
#024186 rgb(2,65,134)
```
#034a99
```
#034a99 rgb(3,74,153)
```
#0354ac
```
#0354ac rgb(3,84,172)
```
#035dbf
```
#035dbf rgb(3,93,191)
```
#0466d3
```
#0466d3 rgb(4,102,211)
```
#0470e6
```
#0470e6 rgb(4,112,230)
```
#0479f9
```
#0479f9 rgb(4,121,249)
```

Shade Color Variation

#1683fb
```
#1683fb rgb(22,131,251)
```
#298efb
```
#298efb rgb(41,142,251)
```
#3d98fc
```
#3d98fc rgb(61,152,252)
```
#50a2fc
```
#50a2fc rgb(80,162,252)
```
#63acfc
```
#63acfc rgb(99,172,252)
```
#77b6fd
```
#77b6fd rgb(119,182,253)
```
#8ac1fd
```
#8ac1fd rgb(138,193,253)
```
#9dcbfd
```
#9dcbfd rgb(157,203,253)
```
#b0d5fe
```
#b0d5fe rgb(176,213,254)
```
#c4dffe
```
#c4dffe rgb(196,223,254)
```
#d7eafe
```
#d7eafe rgb(215,234,254)
```
#eaf4ff
```
#eaf4ff rgb(234,244,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2a6aa is the less saturated color, while #50a2fc is the most saturated one.

#a2a6aa
```
#a2a6aa rgb(162,166,170)
```
#9ba6b1
```
#9ba6b1 rgb(155,166,177)
```
#94a5b8
```
#94a5b8 rgb(148,165,184)
```
#8ea5be
```
#8ea5be rgb(142,165,190)
```
#87a5c5
```
#87a5c5 rgb(135,165,197)
```
#80a4cc
```
#80a4cc rgb(128,164,204)
```
#79a4d3
```
#79a4d3 rgb(121,164,211)
```
#72a4da
```
#72a4da rgb(114,164,218)
```
#6ba3e1
```
#6ba3e1 rgb(107,163,225)
```
#65a3e7
```
#65a3e7 rgb(101,163,231)
```
#5ea3ee
```
#5ea3ee rgb(94,163,238)
```
#57a2f5
```
#57a2f5 rgb(87,162,245)
```
#50a2fc
```
#50a2fc rgb(80,162,252)
```

Tone Color Variation

Below, you can see how #50a2fc 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
#8697a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80a1f7 Protanopia 1% of men
#69a4fd Deuteranopia 1% of men
#00b3c0 Tritanopia 0.001% of the population

Trichromacy

#6fa1f9 Protanomaly 1% of men, 0.01% of women
#5fa3fc Deuteranomaly 6% of men, 0.4% of women
#1dadd6 Tritanomaly 0.01% of the population

#50a2fc hex color

#50a2fc Color Information

#50a2fc Color Conversion

Color Schemes with #50a2fc

Alternatives to #50a2fc

#50a2fc Preview

Shades and Tints of #50a2fc

Tones of #50a2fc

Color Blindness Simulator