#50d1ff hex color

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

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

● #50d1ff color description : Light blue.

The hexadecimal color #50d1ff has RGB values of R:80, G:209, B:255 and CMYK values of C:0.69, M:0.18, Y:0, K:0. Its decimal value is 5296639.

Hex triplet	50d1ff	`#50d1ff`
RGB Decimal	80, 209, 255	`rgb(80,209,255)`
RGB Percent	31.4, 82, 100	`rgb(31.4%,82%,100%)`
CMYK	69, 18, 0, 0
HSL	195.8°, 100, 65.7	`hsl(195.8,100%,65.7%)`
HSV (or HSB)	195.8°, 68.6, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.766, -21.232, -32.815
XYZ	44.154, 54.523, 102.799
xyY	0.219, 0.271, 54.523
CIE-LCH	78.766, 39.084, 237.096
CIE-LUV	78.766, -48.061, -50.247
Hunter-Lab	73.84, -22.481, -30.856
Binary	01010000, 11010001, 11111111

#50d1ff
```
#50d1ff rgb(80,209,255)
```
#ff7e50
```
#ff7e50 rgb(255,126,80)
```

Complementary Color

#50ffd6
```
#50ffd6 rgb(80,255,214)
```
#50d1ff
```
#50d1ff rgb(80,209,255)
```
#507aff
```
#507aff rgb(80,122,255)
```

Analogous Color

#ffd650
```
#ffd650 rgb(255,214,80)
```
#50d1ff
```
#50d1ff rgb(80,209,255)
```
#ff507a
```
#ff507a rgb(255,80,122)
```

Split Complementary Color

#d1ff50
```
#d1ff50 rgb(209,255,80)
```
#50d1ff
```
#50d1ff rgb(80,209,255)
```
#ff50d1
```
#ff50d1 rgb(255,80,209)
```

Triadic Color

#50ff7e
```
#50ff7e rgb(80,255,126)
```
#50d1ff
```
#50d1ff rgb(80,209,255)
```
#ff50d1
```
#ff50d1 rgb(255,80,209)
```
#ff7e50
```
#ff7e50 rgb(255,126,80)
```

Tetradic Color

#03bdff
```
#03bdff rgb(3,189,255)
```
#1dc4ff
```
#1dc4ff rgb(29,196,255)
```
#37caff
```
#37caff rgb(55,202,255)
```
#50d1ff
```
#50d1ff rgb(80,209,255)
```
#6ad8ff
```
#6ad8ff rgb(106,216,255)
```
#83deff
```
#83deff rgb(131,222,255)
```
#9de5ff
```
#9de5ff rgb(157,229,255)
```

Monochromatic Color

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

#50fdff
```
#50fdff rgb(80,253,255)
```
#50eeff
```
#50eeff rgb(80,238,255)
```
#50e0ff
```
#50e0ff rgb(80,224,255)
```
#50d1ff
```
#50d1ff rgb(80,209,255)
```
#50c2ff
```
#50c2ff rgb(80,194,255)
```
#50b4ff
```
#50b4ff rgb(80,180,255)
```
#50a5ff
```
#50a5ff rgb(80,165,255)
```

Similar Colors

Text with hexadecimal color #50d1ff

This text has a font color of #50d1ff.

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

#50d1ff background color

This paragraph has a background color of #50d1ff.

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

#50d1ff border color

This element has a border color of #50d1ff.

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

CSS codes

.text {color:#50d1ff;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#001015
```
#001015 rgb(0,16,21)
```
#001e29
```
#001e29 rgb(0,30,41)
```
#002d3c
```
#002d3c rgb(0,45,60)
```
#003b50
```
#003b50 rgb(0,59,80)
```
#004964
```
#004964 rgb(0,73,100)
```
#005877
```
#005877 rgb(0,88,119)
```
#00668b
```
#00668b rgb(0,102,139)
```
#00759e
```
#00759e rgb(0,117,158)
```
#0083b2
```
#0083b2 rgb(0,131,178)
```
#0092c6
```
#0092c6 rgb(0,146,198)
```
#00a0d9
```
#00a0d9 rgb(0,160,217)
```
#00afed
```
#00afed rgb(0,175,237)
```

Shade Color Variation

#02bcff
```
#02bcff rgb(2,188,255)
```
#15c2ff
```
#15c2ff rgb(21,194,255)
```
#29c7ff
```
#29c7ff rgb(41,199,255)
```
#3cccff
```
#3cccff rgb(60,204,255)
```
#50d1ff
```
#50d1ff rgb(80,209,255)
```
#64d6ff
```
#64d6ff rgb(100,214,255)
```
#77dbff
```
#77dbff rgb(119,219,255)
```
#8be0ff
```
#8be0ff rgb(139,224,255)
```
#9ee6ff
```
#9ee6ff rgb(158,230,255)
```
#b2ebff
```
#b2ebff rgb(178,235,255)
```
#c6f0ff
```
#c6f0ff rgb(198,240,255)
```
#d9f5ff
```
#d9f5ff rgb(217,245,255)
```
#edfaff
```
#edfaff rgb(237,250,255)
```

Tint Color Variation

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

#a1abae
```
#a1abae rgb(161,171,174)
```
#9aaeb5
```
#9aaeb5 rgb(154,174,181)
```
#93b1bc
```
#93b1bc rgb(147,177,188)
```
#8db4c2
```
#8db4c2 rgb(141,180,194)
```
#86b7c9
```
#86b7c9 rgb(134,183,201)
```
#7fbbd0
```
#7fbbd0 rgb(127,187,208)
```
#78bed7
```
#78bed7 rgb(120,190,215)
```
#72c1dd
```
#72c1dd rgb(114,193,221)
```
#6bc4e4
```
#6bc4e4 rgb(107,196,228)
```
#64c7eb
```
#64c7eb rgb(100,199,235)
```
#5dcbf2
```
#5dcbf2 rgb(93,203,242)
```
#57cef8
```
#57cef8 rgb(87,206,248)
```
#50d1ff
```
#50d1ff rgb(80,209,255)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#9db7c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9c4f5 Protanopia 1% of men
#b4c3ff Deuteranopia 1% of men
#45d7e7 Tritanopia 0.001% of the population

Trichromacy

#92c8f8 Protanomaly 1% of men, 0.01% of women
#90c8ff Deuteranomaly 6% of men, 0.4% of women
#49d5f0 Tritanomaly 0.01% of the population

#50d1ff hex color

#50d1ff Color Information

#50d1ff Color Conversion

Color Schemes with #50d1ff

Alternatives to #50d1ff

#50d1ff Preview

Shades and Tints of #50d1ff

Tones of #50d1ff

Color Blindness Simulator