colorhexa.com

#50b2fc hex color

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

- R 31
- G 70
- B 99
RGB color chart
- C 68
- M 29
- Y 0
- K 1
CMYK color chart

● #50b2fc color description : Soft blue.

The hexadecimal color #50b2fc has RGB values of R:80, G:178, B:252 and CMYK values of C:0.68, M:0.29, Y:0, K:0.01. Its decimal value is 5288700.

Hex triplet	50b2fc	`#50b2fc`
RGB Decimal	80, 178, 252	`rgb(80,178,252)`
RGB Percent	31.4, 69.8, 98.8	`rgb(31.4%,69.8%,98.8%)`
CMYK	68, 29, 0, 1
HSL	205.8°, 96.6, 65.1	`hsl(205.8,96.6%,65.1%)`
HSV (or HSB)	205.8°, 68.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.875, -5.743, -45.03
XYZ	36.795, 40.572, 97.982
xyY	0.21, 0.231, 40.572
CIE-LCH	69.875, 45.394, 262.732
CIE-LUV	69.875, -37.381, -72.308
Hunter-Lab	63.696, -8.354, -46.617
Binary	01010000, 10110010, 11111100

#50b2fc
```
#50b2fc rgb(80,178,252)
```
#fc9a50
```
#fc9a50 rgb(252,154,80)
```

Complementary Color

#50fcf0
```
#50fcf0 rgb(80,252,240)
```
#50b2fc
```
#50b2fc rgb(80,178,252)
```
#505cfc
```
#505cfc rgb(80,92,252)
```

Analogous Color

#fcf050
```
#fcf050 rgb(252,240,80)
```
#50b2fc
```
#50b2fc rgb(80,178,252)
```
#fc505c
```
#fc505c rgb(252,80,92)
```

Split Complementary Color

#b2fc50
```
#b2fc50 rgb(178,252,80)
```
#50b2fc
```
#50b2fc rgb(80,178,252)
```
#fc50b2
```
#fc50b2 rgb(252,80,178)
```

Triadic Color

#50fc9a
```
#50fc9a rgb(80,252,154)
```
#50b2fc
```
#50b2fc rgb(80,178,252)
```
#fc50b2
```
#fc50b2 rgb(252,80,178)
```
#fc9a50
```
#fc9a50 rgb(252,154,80)
```

Tetradic Color

#0591fb
```
#0591fb rgb(5,145,251)
```
#1e9cfb
```
#1e9cfb rgb(30,156,251)
```
#37a7fc
```
#37a7fc rgb(55,167,252)
```
#50b2fc
```
#50b2fc rgb(80,178,252)
```
#69bdfc
```
#69bdfc rgb(105,189,252)
```
#82c8fd
```
#82c8fd rgb(130,200,253)
```
#9bd3fd
```
#9bd3fd rgb(155,211,253)
```

Monochromatic Color

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

#50ddfc
```
#50ddfc rgb(80,221,252)
```
#50cffc
```
#50cffc rgb(80,207,252)
```
#50c0fc
```
#50c0fc rgb(80,192,252)
```
#50b2fc
```
#50b2fc rgb(80,178,252)
```
#50a4fc
```
#50a4fc rgb(80,164,252)
```
#5095fc
```
#5095fc rgb(80,149,252)
```
#5087fc
```
#5087fc rgb(80,135,252)
```

Similar Colors

Text with hexadecimal color #50b2fc

This text has a font color of #50b2fc.

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

#50b2fc background color

This paragraph has a background color of #50b2fc.

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

#50b2fc border color

This element has a border color of #50b2fc.

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

CSS codes

.text {color:#50b2fc;}

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

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

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

#000a12
```
#000a12 rgb(0,10,18)
```
#011525
```
#011525 rgb(1,21,37)
```
#012138
```
#012138 rgb(1,33,56)
```
#012c4c
```
#012c4c rgb(1,44,76)
```
#02375f
```
#02375f rgb(2,55,95)
```
#024272
```
#024272 rgb(2,66,114)
```
#024d86
```
#024d86 rgb(2,77,134)
```
#035899
```
#035899 rgb(3,88,153)
```
#0363ac
```
#0363ac rgb(3,99,172)
```
#036ebf
```
#036ebf rgb(3,110,191)
```
#047ad3
```
#047ad3 rgb(4,122,211)
```
#0485e6
```
#0485e6 rgb(4,133,230)
```
#0490f9
```
#0490f9 rgb(4,144,249)
```

Shade Color Variation

#1699fb
```
#1699fb rgb(22,153,251)
```
#29a1fb
```
#29a1fb rgb(41,161,251)
```
#3daafc
```
#3daafc rgb(61,170,252)
```
#50b2fc
```
#50b2fc rgb(80,178,252)
```
#63bafc
```
#63bafc rgb(99,186,252)
```
#77c3fd
```
#77c3fd rgb(119,195,253)
```
#8acbfd
```
#8acbfd rgb(138,203,253)
```
#9dd4fd
```
#9dd4fd rgb(157,212,253)
```
#b0dcfe
```
#b0dcfe rgb(176,220,254)
```
#c4e5fe
```
#c4e5fe rgb(196,229,254)
```
#d7edfe
```
#d7edfe rgb(215,237,254)
```
#eaf6ff
```
#eaf6ff rgb(234,246,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a2a7aa
```
#a2a7aa rgb(162,167,170)
```
#9ba7b1
```
#9ba7b1 rgb(155,167,177)
```
#94a8b8
```
#94a8b8 rgb(148,168,184)
```
#8ea9be
```
#8ea9be rgb(142,169,190)
```
#87aac5
```
#87aac5 rgb(135,170,197)
```
#80abcc
```
#80abcc rgb(128,171,204)
```
#79acd3
```
#79acd3 rgb(121,172,211)
```
#72adda
```
#72adda rgb(114,173,218)
```
#6baee1
```
#6baee1 rgb(107,174,225)
```
#65afe7
```
#65afe7 rgb(101,175,231)
```
#5eb0ee
```
#5eb0ee rgb(94,176,238)
```
#57b1f5
```
#57b1f5 rgb(87,177,245)
```
#50b2fc
```
#50b2fc rgb(80,178,252)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ea1b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95acf5 Protanopia 1% of men
#86aeff Deuteranopia 1% of men
#2abfcd Tritanopia 0.001% of the population

Trichromacy

#7caef7 Protanomaly 1% of men, 0.01% of women
#72affd Deuteranomaly 6% of men, 0.4% of women
#38bade Tritanomaly 0.01% of the population