#50ccfd hex color

In a RGB color space, hex #50ccfd is composed of 31.4% red, 80% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 19.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 197 degrees, a saturation of 97.7% and a lightness of 65.3%. #50ccfd color hex could be obtained by blending #a0ffff with #0099fb. Closest websafe color is: #66ccff.

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

● #50ccfd color description : Soft blue.

The hexadecimal color #50ccfd has RGB values of R:80, G:204, B:253 and CMYK values of C:0.68, M:0.19, Y:0, K:0.01. Its decimal value is 5295357.

Hex triplet	50ccfd	`#50ccfd`
RGB Decimal	80, 204, 253	`rgb(80,204,253)`
RGB Percent	31.4, 80, 99.2	`rgb(31.4%,80%,99.2%)`
CMYK	68, 19, 0, 1
HSL	197°, 97.7, 65.3	`hsl(197,97.7%,65.3%)`
HSV (or HSB)	197°, 68.4, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.269, -19.299, -34.057
XYZ	42.626, 51.98, 100.71
xyY	0.218, 0.266, 51.98
CIE-LCH	77.269, 39.145, 240.462
CIE-LUV	77.269, -46.413, -52.531
Hunter-Lab	72.097, -20.634, -32.352
Binary	01010000, 11001100, 11111101

#50ccfd
```
#50ccfd rgb(80,204,253)
```
#fd8150
```
#fd8150 rgb(253,129,80)
```

Complementary Color

#50fdd8
```
#50fdd8 rgb(80,253,216)
```
#50ccfd
```
#50ccfd rgb(80,204,253)
```
#5076fd
```
#5076fd rgb(80,118,253)
```

Analogous Color

#fdd850
```
#fdd850 rgb(253,216,80)
```
#50ccfd
```
#50ccfd rgb(80,204,253)
```
#fd5076
```
#fd5076 rgb(253,80,118)
```

Split Complementary Color

#ccfd50
```
#ccfd50 rgb(204,253,80)
```
#50ccfd
```
#50ccfd rgb(80,204,253)
```
#fd50cc
```
#fd50cc rgb(253,80,204)
```

Triadic Color

#50fd81
```
#50fd81 rgb(80,253,129)
```
#50ccfd
```
#50ccfd rgb(80,204,253)
```
#fd50cc
```
#fd50cc rgb(253,80,204)
```
#fd8150
```
#fd8150 rgb(253,129,80)
```

Tetradic Color

#04b6fc
```
#04b6fc rgb(4,182,252)
```
#1ebdfc
```
#1ebdfc rgb(30,189,252)
```
#37c5fd
```
#37c5fd rgb(55,197,253)
```
#50ccfd
```
#50ccfd rgb(80,204,253)
```
#69d3fd
```
#69d3fd rgb(105,211,253)
```
#82dbfe
```
#82dbfe rgb(130,219,254)
```
#9ce2fe
```
#9ce2fe rgb(156,226,254)
```

Monochromatic Color

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

#50f7fd
```
#50f7fd rgb(80,247,253)
```
#50e9fd
```
#50e9fd rgb(80,233,253)
```
#50dafd
```
#50dafd rgb(80,218,253)
```
#50ccfd
```
#50ccfd rgb(80,204,253)
```
#50befd
```
#50befd rgb(80,190,253)
```
#50affd
```
#50affd rgb(80,175,253)
```
#50a1fd
```
#50a1fd rgb(80,161,253)
```

Similar Colors

Text with hexadecimal color #50ccfd

This text has a font color of #50ccfd.

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

#50ccfd background color

This paragraph has a background color of #50ccfd.

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

#50ccfd border color

This element has a border color of #50ccfd.

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

CSS codes

.text {color:#50ccfd;}

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

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

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, #000e13 is the darkest color, while #ffffff is the lightest one.

#000e13
```
#000e13 rgb(0,14,19)
```
#001c26
```
#001c26 rgb(0,28,38)
```
#012a3a
```
#012a3a rgb(1,42,58)
```
#01384d
```
#01384d rgb(1,56,77)
```
#014561
```
#014561 rgb(1,69,97)
```
#015374
```
#015374 rgb(1,83,116)
```
#026187
```
#026187 rgb(2,97,135)
```
#026f9b
```
#026f9b rgb(2,111,155)
```
#027dae
```
#027dae rgb(2,125,174)
```
#028bc1
```
#028bc1 rgb(2,139,193)
```
#0299d5
```
#0299d5 rgb(2,153,213)
```
#03a7e8
```
#03a7e8 rgb(3,167,232)
```
#03b5fc
```
#03b5fc rgb(3,181,252)
```

Shade Color Variation

#16bbfc
```
#16bbfc rgb(22,187,252)
```
#29c1fd
```
#29c1fd rgb(41,193,253)
```
#3dc6fd
```
#3dc6fd rgb(61,198,253)
```
#50ccfd
```
#50ccfd rgb(80,204,253)
```
#63d2fd
```
#63d2fd rgb(99,210,253)
```
#77d7fd
```
#77d7fd rgb(119,215,253)
```
#8addfe
```
#8addfe rgb(138,221,254)
```
#9ee3fe
```
#9ee3fe rgb(158,227,254)
```
#b1e8fe
```
#b1e8fe rgb(177,232,254)
```
#c4eefe
```
#c4eefe rgb(196,238,254)
```
#d8f4ff
```
#d8f4ff rgb(216,244,255)
```
#ebf9ff
```
#ebf9ff rgb(235,249,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a2a9ab
```
#a2a9ab rgb(162,169,171)
```
#9bacb2
```
#9bacb2 rgb(155,172,178)
```
#94aeb9
```
#94aeb9 rgb(148,174,185)
```
#8db1c0
```
#8db1c0 rgb(141,177,192)
```
#86b4c7
```
#86b4c7 rgb(134,180,199)
```
#80b7cd
```
#80b7cd rgb(128,183,205)
```
#79bad4
```
#79bad4 rgb(121,186,212)
```
#72bddb
```
#72bddb rgb(114,189,219)
```
#6bc0e2
```
#6bc0e2 rgb(107,192,226)
```
#64c3e9
```
#64c3e9 rgb(100,195,233)
```
#5ec6ef
```
#5ec6ef rgb(94,198,239)
```
#57c9f6
```
#57c9f6 rgb(87,201,246)
```
#50ccfd
```
#50ccfd rgb(80,204,253)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9ab3bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4c0f3 Protanopia 1% of men
#aec0ff Deuteranopia 1% of men
#43d3e3 Tritanopia 0.001% of the population

Trichromacy

#8fc4f6 Protanomaly 1% of men, 0.01% of women
#8bc4fe Deuteranomaly 6% of men, 0.4% of women
#47d0ec Tritanomaly 0.01% of the population

#50ccfd hex color

#50ccfd Color Information

#50ccfd Color Conversion

Color Schemes with #50ccfd

Alternatives to #50ccfd

#50ccfd Preview

Shades and Tints of #50ccfd

Tones of #50ccfd

Color Blindness Simulator