colorhexa.com

#50c2f4 hex color

In a RGB color space, hex #50c2f4 is composed of 31.4% red, 76.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 20.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 198.3 degrees, a saturation of 88.2% and a lightness of 63.5%. #50c2f4 color hex could be obtained by blending #a0ffff with #0085e9. Closest websafe color is: #66ccff.

- R 31
- G 76
- B 96
RGB color chart
- C 67
- M 20
- Y 0
- K 4
CMYK color chart

● #50c2f4 color description : Soft blue.

The hexadecimal color #50c2f4 has RGB values of R:80, G:194, B:244 and CMYK values of C:0.67, M:0.2, Y:0, K:0.04. Its decimal value is 5292788.

Hex triplet	50c2f4	`#50c2f4`
RGB Decimal	80, 194, 244	`rgb(80,194,244)`
RGB Percent	31.4, 76.1, 95.7	`rgb(31.4%,76.1%,95.7%)`
CMYK	67, 20, 0, 4
HSL	198.3°, 88.2, 63.5	`hsl(198.3,88.2%,63.5%)`
HSV (or HSB)	198.3°, 67.2, 95.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.073, -16.938, -34.168
XYZ	38.925, 46.818, 92.568
xyY	0.218, 0.263, 46.818
CIE-LCH	74.073, 38.136, 243.631
CIE-LUV	74.073, -43.359, -52.761
Hunter-Lab	68.423, -18.195, -32.316
Binary	01010000, 11000010, 11110100

#50c2f4
```
#50c2f4 rgb(80,194,244)
```
#f48250
```
#f48250 rgb(244,130,80)
```

Complementary Color

#50f4d4
```
#50f4d4 rgb(80,244,212)
```
#50c2f4
```
#50c2f4 rgb(80,194,244)
```
#5070f4
```
#5070f4 rgb(80,112,244)
```

Analogous Color

#f4d450
```
#f4d450 rgb(244,212,80)
```
#50c2f4
```
#50c2f4 rgb(80,194,244)
```
#f45070
```
#f45070 rgb(244,80,112)
```

Split Complementary Color

#c2f450
```
#c2f450 rgb(194,244,80)
```
#50c2f4
```
#50c2f4 rgb(80,194,244)
```
#f450c2
```
#f450c2 rgb(244,80,194)
```

Triadic Color

#50f482
```
#50f482 rgb(80,244,130)
```
#50c2f4
```
#50c2f4 rgb(80,194,244)
```
#f450c2
```
#f450c2 rgb(244,80,194)
```
#f48250
```
#f48250 rgb(244,130,80)
```

Tetradic Color

#0fa6e9
```
#0fa6e9 rgb(15,166,233)
```
#20b1f1
```
#20b1f1 rgb(32,177,241)
```
#38baf2
```
#38baf2 rgb(56,186,242)
```
#50c2f4
```
#50c2f4 rgb(80,194,244)
```
#68caf6
```
#68caf6 rgb(104,202,246)
```
#80d3f7
```
#80d3f7 rgb(128,211,247)
```
#98dbf9
```
#98dbf9 rgb(152,219,249)
```

Monochromatic Color

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

#50ebf4
```
#50ebf4 rgb(80,235,244)
```
#50ddf4
```
#50ddf4 rgb(80,221,244)
```
#50d0f4
```
#50d0f4 rgb(80,208,244)
```
#50c2f4
```
#50c2f4 rgb(80,194,244)
```
#50b4f4
```
#50b4f4 rgb(80,180,244)
```
#50a7f4
```
#50a7f4 rgb(80,167,244)
```
#5099f4
```
#5099f4 rgb(80,153,244)
```

Similar Colors

Text with hexadecimal color #50c2f4

This text has a font color of #50c2f4.

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

#50c2f4 background color

This paragraph has a background color of #50c2f4.

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

#50c2f4 border color

This element has a border color of #50c2f4.

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

CSS codes

.text {color:#50c2f4;}

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

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

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, #01070a is the darkest color, while #f6fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#02141c
```
#02141c rgb(2,20,28)
```
#03212e
```
#03212e rgb(3,33,46)
```
#042e41
```
#042e41 rgb(4,46,65)
```
#053c53
```
#053c53 rgb(5,60,83)
```
#064966
```
#064966 rgb(6,73,102)
```
#085678
```
#085678 rgb(8,86,120)
```
#09638b
```
#09638b rgb(9,99,139)
```
#0a709d
```
#0a709d rgb(10,112,157)
```
#0b7db0
```
#0b7db0 rgb(11,125,176)
```
#0c8bc2
```
#0c8bc2 rgb(12,139,194)
```
#0d98d5
```
#0d98d5 rgb(13,152,213)
```
#0fa5e7
```
#0fa5e7 rgb(15,165,231)
```

Shade Color Variation

#19aff1
```
#19aff1 rgb(25,175,241)
```
#2bb5f2
```
#2bb5f2 rgb(43,181,242)
```
#3ebcf3
```
#3ebcf3 rgb(62,188,243)
```
#50c2f4
```
#50c2f4 rgb(80,194,244)
```
#62c8f5
```
#62c8f5 rgb(98,200,245)
```
#75cff6
```
#75cff6 rgb(117,207,246)
```
#87d5f7
```
#87d5f7 rgb(135,213,247)
```
#9adcf9
```
#9adcf9 rgb(154,220,249)
```
#ace2fa
```
#ace2fa rgb(172,226,250)
```
#bfe9fb
```
#bfe9fb rgb(191,233,251)
```
#d1effc
```
#d1effc rgb(209,239,252)
```
#e4f5fd
```
#e4f5fd rgb(228,245,253)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

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

#9fa3a5
```
#9fa3a5 rgb(159,163,165)
```
#98a6ac
```
#98a6ac rgb(152,166,172)
```
#90a9b4
```
#90a9b4 rgb(144,169,180)
```
#89acbb
```
#89acbb rgb(137,172,187)
```
#82aec2
```
#82aec2 rgb(130,174,194)
```
#7bb1c9
```
#7bb1c9 rgb(123,177,201)
```
#74b4d0
```
#74b4d0 rgb(116,180,208)
```
#6db7d7
```
#6db7d7 rgb(109,183,215)
```
#65badf
```
#65badf rgb(101,186,223)
```
#5ebce6
```
#5ebce6 rgb(94,188,230)
```
#57bfed
```
#57bfed rgb(87,191,237)
```
#50c2f4
```
#50c2f4 rgb(80,194,244)
```
#49c5fb
```
#49c5fb rgb(73,197,251)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#95acb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb7eb Protanopia 1% of men
#a3b7f9 Deuteranopia 1% of men
#43cad9 Tritanopia 0.001% of the population

Trichromacy

#8abbee Protanomaly 1% of men, 0.01% of women
#85bbf7 Deuteranomaly 6% of men, 0.4% of women
#47c7e2 Tritanomaly 0.01% of the population