#50f3ff hex color

In a RGB color space, hex #50f3ff is composed of 31.4% red, 95.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 4.7% magenta, 0% yellow and 0% black. It has a hue angle of 184.1 degrees, a saturation of 100% and a lightness of 65.7%. #50f3ff color hex could be obtained by blending #a0ffff with #00e7ff. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 31
- G 95
- B 100
RGB color chart
- C 69
- M 5
- Y 0
- K 0
CMYK color chart

● #50f3ff color description : Light cyan.

The hexadecimal color #50f3ff has RGB values of R:80, G:243, B:255 and CMYK values of C:0.69, M:0.05, Y:0, K:0. Its decimal value is 5305343.

Hex triplet	50f3ff	`#50f3ff`
RGB Decimal	80, 243, 255	`rgb(80,243,255)`
RGB Percent	31.4, 95.3, 100	`rgb(31.4%,95.3%,100%)`
CMYK	69, 5, 0, 0
HSL	184.1°, 100, 65.7	`hsl(184.1,100%,65.7%)`
HSV (or HSB)	184.1°, 68.6, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	88.458, -37.665, -18.045
XYZ	53.404, 73.022, 105.882
xyY	0.23, 0.314, 73.022
CIE-LCH	88.458, 41.765, 205.599
CIE-LUV	88.458, -59.988, -23.183
Hunter-Lab	85.453, -37.989, -13.648
Binary	01010000, 11110011, 11111111

#50f3ff
```
#50f3ff rgb(80,243,255)
```
#ff5c50
```
#ff5c50 rgb(255,92,80)
```

Complementary Color

#50ffb4
```
#50ffb4 rgb(80,255,180)
```
#50f3ff
```
#50f3ff rgb(80,243,255)
```
#509cff
```
#509cff rgb(80,156,255)
```

Analogous Color

#ffb450
```
#ffb450 rgb(255,180,80)
```
#50f3ff
```
#50f3ff rgb(80,243,255)
```
#ff509c
```
#ff509c rgb(255,80,156)
```

Split Complementary Color

#f3ff50
```
#f3ff50 rgb(243,255,80)
```
#50f3ff
```
#50f3ff rgb(80,243,255)
```
#ff50f3
```
#ff50f3 rgb(255,80,243)
```

Triadic Color

#50ff5c
```
#50ff5c rgb(80,255,92)
```
#50f3ff
```
#50f3ff rgb(80,243,255)
```
#ff50f3
```
#ff50f3 rgb(255,80,243)
```
#ff5c50
```
#ff5c50 rgb(255,92,80)
```

Tetradic Color

#03eeff
```
#03eeff rgb(3,238,255)
```
#1df0ff
```
#1df0ff rgb(29,240,255)
```
#37f1ff
```
#37f1ff rgb(55,241,255)
```
#50f3ff
```
#50f3ff rgb(80,243,255)
```
#6af5ff
```
#6af5ff rgb(106,245,255)
```
#83f6ff
```
#83f6ff rgb(131,246,255)
```
#9df8ff
```
#9df8ff rgb(157,248,255)
```

Monochromatic Color

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

#50ffdf
```
#50ffdf rgb(80,255,223)
```
#50ffee
```
#50ffee rgb(80,255,238)
```
#50fffc
```
#50fffc rgb(80,255,252)
```
#50f3ff
```
#50f3ff rgb(80,243,255)
```
#50e4ff
```
#50e4ff rgb(80,228,255)
```
#50d6ff
```
#50d6ff rgb(80,214,255)
```
#50c7ff
```
#50c7ff rgb(80,199,255)
```

Similar Colors

Text with hexadecimal color #50f3ff

This text has a font color of #50f3ff.

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

#50f3ff background color

This paragraph has a background color of #50f3ff.

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

#50f3ff border color

This element has a border color of #50f3ff.

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

CSS codes

.text {color:#50f3ff;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#001415
```
#001415 rgb(0,20,21)
```
#002629
```
#002629 rgb(0,38,41)
```
#00383c
```
#00383c rgb(0,56,60)
```
#004b50
```
#004b50 rgb(0,75,80)
```
#005d64
```
#005d64 rgb(0,93,100)
```
#006f77
```
#006f77 rgb(0,111,119)
```
#00818b
```
#00818b rgb(0,129,139)
```
#00949e
```
#00949e rgb(0,148,158)
```
#00a6b2
```
#00a6b2 rgb(0,166,178)
```
#00b8c6
```
#00b8c6 rgb(0,184,198)
```
#00cad9
```
#00cad9 rgb(0,202,217)
```
#00dded
```
#00dded rgb(0,221,237)
```

Shade Color Variation

#02eeff
```
#02eeff rgb(2,238,255)
```
#15efff
```
#15efff rgb(21,239,255)
```
#29f0ff
```
#29f0ff rgb(41,240,255)
```
#3cf2ff
```
#3cf2ff rgb(60,242,255)
```
#50f3ff
```
#50f3ff rgb(80,243,255)
```
#64f4ff
```
#64f4ff rgb(100,244,255)
```
#77f6ff
```
#77f6ff rgb(119,246,255)
```
#8bf7ff
```
#8bf7ff rgb(139,247,255)
```
#9ef8ff
```
#9ef8ff rgb(158,248,255)
```
#b2faff
```
#b2faff rgb(178,250,255)
```
#c6fbff
```
#c6fbff rgb(198,251,255)
```
#d9fcff
```
#d9fcff rgb(217,252,255)
```
#edfeff
```
#edfeff rgb(237,254,255)
```

Tint Color Variation

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

#a1adae
```
#a1adae rgb(161,173,174)
```
#9ab3b5
```
#9ab3b5 rgb(154,179,181)
```
#93b9bc
```
#93b9bc rgb(147,185,188)
```
#8dbfc2
```
#8dbfc2 rgb(141,191,194)
```
#86c5c9
```
#86c5c9 rgb(134,197,201)
```
#7fcad0
```
#7fcad0 rgb(127,202,208)
```
#78d0d7
```
#78d0d7 rgb(120,208,215)
```
#72d6dd
```
#72d6dd rgb(114,214,221)
```
#6bdce4
```
#6bdce4 rgb(107,220,228)
```
#64e2eb
```
#64e2eb rgb(100,226,235)
```
#5de7f2
```
#5de7f2 rgb(93,231,242)
```
#57edf8
```
#57edf8 rgb(87,237,248)
```
#50f3ff
```
#50f3ff rgb(80,243,255)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#adcdd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dddef2 Protanopia 1% of men
#dfdcff Deuteranopia 1% of men
#80efff Tritanopia 0.001% of the population

Trichromacy

#aae5f7 Protanomaly 1% of men, 0.01% of women
#abe4ff Deuteranomaly 6% of men, 0.4% of women
#6ef0ff Tritanomaly 0.01% of the population

#50f3ff hex color

#50f3ff Color Information

#50f3ff Color Conversion

Color Schemes with #50f3ff

Alternatives to #50f3ff

#50f3ff Preview

Shades and Tints of #50f3ff

Tones of #50f3ff

Color Blindness Simulator