#50b4ef hex color

In a RGB color space, hex #50b4ef is composed of 31.4% red, 70.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 24.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 202.3 degrees, a saturation of 83.2% and a lightness of 62.5%. #50b4ef color hex could be obtained by blending #a0ffff with #0069df. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 31
- G 71
- B 94
RGB color chart
- C 67
- M 25
- Y 0
- K 6
CMYK color chart

● #50b4ef color description : Soft blue.

The hexadecimal color #50b4ef has RGB values of R:80, G:180, B:239 and CMYK values of C:0.67, M:0.25, Y:0, K:0.06. Its decimal value is 5289199.

Hex triplet	50b4ef	`#50b4ef`
RGB Decimal	80, 180, 239	`rgb(80,180,239)`
RGB Percent	31.4, 70.6, 93.7	`rgb(31.4%,70.6%,93.7%)`
CMYK	67, 25, 0, 6
HSL	202.3°, 83.2, 62.5	`hsl(202.3,83.2%,62.5%)`
HSV (or HSB)	202.3°, 66.5, 93.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	69.879, -11.084, -37.97
XYZ	35.206, 40.577, 87.633
xyY	0.215, 0.248, 40.577
CIE-LCH	69.879, 39.555, 253.727
CIE-LUV	69.879, -38.642, -59.584
Hunter-Lab	63.7, -12.823, -36.976
Binary	01010000, 10110100, 11101111

#50b4ef
```
#50b4ef rgb(80,180,239)
```
#ef8b50
```
#ef8b50 rgb(239,139,80)
```

Complementary Color

#50efdb
```
#50efdb rgb(80,239,219)
```
#50b4ef
```
#50b4ef rgb(80,180,239)
```
#5065ef
```
#5065ef rgb(80,101,239)
```

Analogous Color

#efdb50
```
#efdb50 rgb(239,219,80)
```
#50b4ef
```
#50b4ef rgb(80,180,239)
```
#ef5065
```
#ef5065 rgb(239,80,101)
```

Split Complementary Color

#b4ef50
```
#b4ef50 rgb(180,239,80)
```
#50b4ef
```
#50b4ef rgb(80,180,239)
```
#ef50b4
```
#ef50b4 rgb(239,80,180)
```

Triadic Color

#50ef8b
```
#50ef8b rgb(80,239,139)
```
#50b4ef
```
#50b4ef rgb(80,180,239)
```
#ef50b4
```
#ef50b4 rgb(239,80,180)
```
#ef8b50
```
#ef8b50 rgb(239,139,80)
```

Tetradic Color

#1493de
```
#1493de rgb(20,147,222)
```
#21a0eb
```
#21a0eb rgb(33,160,235)
```
#39aaed
```
#39aaed rgb(57,170,237)
```
#50b4ef
```
#50b4ef rgb(80,180,239)
```
#67bef1
```
#67bef1 rgb(103,190,241)
```
#7fc8f3
```
#7fc8f3 rgb(127,200,243)
```
#96d2f5
```
#96d2f5 rgb(150,210,245)
```

Monochromatic Color

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

#50dcef
```
#50dcef rgb(80,220,239)
```
#50cfef
```
#50cfef rgb(80,207,239)
```
#50c1ef
```
#50c1ef rgb(80,193,239)
```
#50b4ef
```
#50b4ef rgb(80,180,239)
```
#50a7ef
```
#50a7ef rgb(80,167,239)
```
#509aef
```
#509aef rgb(80,154,239)
```
#508cef
```
#508cef rgb(80,140,239)
```

Similar Colors

Text with hexadecimal color #50b4ef

This text has a font color of #50b4ef.

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

#50b4ef background color

This paragraph has a background color of #50b4ef.

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

#50b4ef border color

This element has a border color of #50b4ef.

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

CSS codes

.text {color:#50b4ef;}

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

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

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, #000305 is the darkest color, while #f2f9fe is the lightest one.

#000305
```
#000305 rgb(0,3,5)
```
#020f17
```
#020f17 rgb(2,15,23)
```
#041b29
```
#041b29 rgb(4,27,41)
```
#05273b
```
#05273b rgb(5,39,59)
```
#07334d
```
#07334d rgb(7,51,77)
```
#093f5f
```
#093f5f rgb(9,63,95)
```
#0a4b71
```
#0a4b71 rgb(10,75,113)
```
#0c5783
```
#0c5783 rgb(12,87,131)
```
#0e6294
```
#0e6294 rgb(14,98,148)
```
#0f6ea6
```
#0f6ea6 rgb(15,110,166)
```
#117ab8
```
#117ab8 rgb(17,122,184)
```
#1386ca
```
#1386ca rgb(19,134,202)
```
#1492dc
```
#1492dc rgb(20,146,220)
```

Shade Color Variation

#1a9dea
```
#1a9dea rgb(26,157,234)
```
#2ca5ec
```
#2ca5ec rgb(44,165,236)
```
#3eaced
```
#3eaced rgb(62,172,237)
```
#50b4ef
```
#50b4ef rgb(80,180,239)
```
#62bcf1
```
#62bcf1 rgb(98,188,241)
```
#74c3f2
```
#74c3f2 rgb(116,195,242)
```
#86cbf4
```
#86cbf4 rgb(134,203,244)
```
#98d3f6
```
#98d3f6 rgb(152,211,246)
```
#aadbf7
```
#aadbf7 rgb(170,219,247)
```
#bce2f9
```
#bce2f9 rgb(188,226,249)
```
#ceeafb
```
#ceeafb rgb(206,234,251)
```
#e0f2fc
```
#e0f2fc rgb(224,242,252)
```
#f2f9fe
```
#f2f9fe rgb(242,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99a1a6 is the less saturated color, while #41b8fe is the most saturated one.

#99a1a6
```
#99a1a6 rgb(153,161,166)
```
#92a3ad
```
#92a3ad rgb(146,163,173)
```
#8ba5b4
```
#8ba5b4 rgb(139,165,180)
```
#83a7bc
```
#83a7bc rgb(131,167,188)
```
#7ca9c3
```
#7ca9c3 rgb(124,169,195)
```
#75abca
```
#75abca rgb(117,171,202)
```
#6dacd2
```
#6dacd2 rgb(109,172,210)
```
#66aed9
```
#66aed9 rgb(102,174,217)
```
#5fb0e0
```
#5fb0e0 rgb(95,176,224)
```
#57b2e8
```
#57b2e8 rgb(87,178,232)
```
#50b4ef
```
#50b4ef rgb(80,180,239)
```
#49b6f6
```
#49b6f6 rgb(73,182,246)
```
#41b8fe
```
#41b8fe rgb(65,184,254)
```

Tone Color Variation

Below, you can see how #50b4ef 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
#8ea2ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cade8 Protanopia 1% of men
#92adf3 Deuteranopia 1% of men
#3cbecc Tritanopia 0.001% of the population

Trichromacy

#80afea Protanomaly 1% of men, 0.01% of women
#7ab0f2 Deuteranomaly 6% of men, 0.4% of women
#43bad9 Tritanomaly 0.01% of the population

#50b4ef hex color

#50b4ef Color Information

#50b4ef Color Conversion

Color Schemes with #50b4ef

Alternatives to #50b4ef

#50b4ef Preview

Shades and Tints of #50b4ef

Tones of #50b4ef

Color Blindness Simulator