colorhexa.com

#50b2ed hex color

In a RGB color space, hex #50b2ed is composed of 31.4% red, 69.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 24.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 202.5 degrees, a saturation of 81.3% and a lightness of 62.2%. #50b2ed color hex could be obtained by blending #a0ffff with #0065db. Closest websafe color is: #6699ff.

- R 31
- G 70
- B 93
RGB color chart
- C 66
- M 25
- Y 0
- K 7
CMYK color chart

● #50b2ed color description : Soft blue.

The hexadecimal color #50b2ed has RGB values of R:80, G:178, B:237 and CMYK values of C:0.66, M:0.25, Y:0, K:0.07. Its decimal value is 5288685.

Hex triplet	50b2ed	`#50b2ed`
RGB Decimal	80, 178, 237	`rgb(80,178,237)`
RGB Percent	31.4, 69.8, 92.9	`rgb(31.4%,69.8%,92.9%)`
CMYK	66, 25, 0, 7
HSL	202.5°, 81.3, 62.2	`hsl(202.5,81.3%,62.2%)`
HSV (or HSB)	202.5°, 66.2, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.225, -10.645, -37.9
XYZ	34.511, 39.658, 85.952
xyY	0.216, 0.248, 39.658
CIE-LCH	69.225, 39.366, 254.311
CIE-LUV	69.225, -38.023, -59.442
Hunter-Lab	62.975, -12.385, -36.841
Binary	01010000, 10110010, 11101101

#50b2ed
```
#50b2ed rgb(80,178,237)
```
#ed8b50
```
#ed8b50 rgb(237,139,80)
```

Complementary Color

#50edda
```
#50edda rgb(80,237,218)
```
#50b2ed
```
#50b2ed rgb(80,178,237)
```
#5064ed
```
#5064ed rgb(80,100,237)
```

Analogous Color

#edda50
```
#edda50 rgb(237,218,80)
```
#50b2ed
```
#50b2ed rgb(80,178,237)
```
#ed5064
```
#ed5064 rgb(237,80,100)
```

Split Complementary Color

#b2ed50
```
#b2ed50 rgb(178,237,80)
```
#50b2ed
```
#50b2ed rgb(80,178,237)
```
#ed50b2
```
#ed50b2 rgb(237,80,178)
```

Triadic Color

#50ed8b
```
#50ed8b rgb(80,237,139)
```
#50b2ed
```
#50b2ed rgb(80,178,237)
```
#ed50b2
```
#ed50b2 rgb(237,80,178)
```
#ed8b50
```
#ed8b50 rgb(237,139,80)
```

Tetradic Color

#1691da
```
#1691da rgb(22,145,218)
```
#229ee8
```
#229ee8 rgb(34,158,232)
```
#39a8eb
```
#39a8eb rgb(57,168,235)
```
#50b2ed
```
#50b2ed rgb(80,178,237)
```
#67bcef
```
#67bcef rgb(103,188,239)
```
#7ec6f2
```
#7ec6f2 rgb(126,198,242)
```
#95d1f4
```
#95d1f4 rgb(149,209,244)
```

Monochromatic Color

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

#50d9ed
```
#50d9ed rgb(80,217,237)
```
#50cced
```
#50cced rgb(80,204,237)
```
#50bfed
```
#50bfed rgb(80,191,237)
```
#50b2ed
```
#50b2ed rgb(80,178,237)
```
#50a5ed
```
#50a5ed rgb(80,165,237)
```
#5098ed
```
#5098ed rgb(80,152,237)
```
#508bed
```
#508bed rgb(80,139,237)
```

Similar Colors

Text with hexadecimal color #50b2ed

This text has a font color of #50b2ed.

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

#50b2ed background color

This paragraph has a background color of #50b2ed.

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

#50b2ed border color

This element has a border color of #50b2ed.

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

CSS codes

.text {color:#50b2ed;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020e15
```
#020e15 rgb(2,14,21)
```
#041926
```
#041926 rgb(4,25,38)
```
#062538
```
#062538 rgb(6,37,56)
```
#08314a
```
#08314a rgb(8,49,74)
```
#093d5c
```
#093d5c rgb(9,61,92)
```
#0b496e
```
#0b496e rgb(11,73,110)
```
#0d547f
```
#0d547f rgb(13,84,127)
```
#0f6091
```
#0f6091 rgb(15,96,145)
```
#116ca3
```
#116ca3 rgb(17,108,163)
```
#1378b5
```
#1378b5 rgb(19,120,181)
```
#1484c7
```
#1484c7 rgb(20,132,199)
```
#168fd8
```
#168fd8 rgb(22,143,216)
```

Shade Color Variation

#1b9be8
```
#1b9be8 rgb(27,155,232)
```
#2ca2e9
```
#2ca2e9 rgb(44,162,233)
```
#3eaaeb
```
#3eaaeb rgb(62,170,235)
```
#50b2ed
```
#50b2ed rgb(80,178,237)
```
#62baef
```
#62baef rgb(98,186,239)
```
#74c2f1
```
#74c2f1 rgb(116,194,241)
```
#85c9f2
```
#85c9f2 rgb(133,201,242)
```
#97d1f4
```
#97d1f4 rgb(151,209,244)
```
#a9d9f6
```
#a9d9f6 rgb(169,217,246)
```
#bbe1f8
```
#bbe1f8 rgb(187,225,248)
```
#cde9fa
```
#cde9fa rgb(205,233,250)
```
#def1fc
```
#def1fc rgb(222,241,252)
```
#f0f8fd
```
#f0f8fd rgb(240,248,253)
```

Tint Color Variation

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

#9aa0a3
```
#9aa0a3 rgb(154,160,163)
```
#93a1aa
```
#93a1aa rgb(147,161,170)
```
#8ba3b2
```
#8ba3b2 rgb(139,163,178)
```
#84a5b9
```
#84a5b9 rgb(132,165,185)
```
#7da7c0
```
#7da7c0 rgb(125,167,192)
```
#75a9c8
```
#75a9c8 rgb(117,169,200)
```
#6eabcf
```
#6eabcf rgb(110,171,207)
```
#66acd7
```
#66acd7 rgb(102,172,215)
```
#5faede
```
#5faede rgb(95,174,222)
```
#57b0e6
```
#57b0e6 rgb(87,176,230)
```
#50b2ed
```
#50b2ed rgb(80,178,237)
```
#49b4f4
```
#49b4f4 rgb(73,180,244)
```
#41b6fc
```
#41b6fc rgb(65,182,252)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8ca0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aabe6 Protanopia 1% of men
#90acf1 Deuteranopia 1% of men
#3dbcca Tritanopia 0.001% of the population

Trichromacy

#7fade8 Protanomaly 1% of men, 0.01% of women
#79aef0 Deuteranomaly 6% of men, 0.4% of women
#44b8d7 Tritanomaly 0.01% of the population