#50b8dd hex color

In a RGB color space, hex #50b8dd is composed of 31.4% red, 72.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 16.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 195.7 degrees, a saturation of 67.5% and a lightness of 59%. #50b8dd color hex could be obtained by blending #a0ffff with #0071bb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 31
- G 72
- B 87
RGB color chart
- C 64
- M 17
- Y 0
- K 13
CMYK color chart

● #50b8dd color description : Soft blue.

The hexadecimal color #50b8dd has RGB values of R:80, G:184, B:221 and CMYK values of C:0.64, M:0.17, Y:0, K:0.13. Its decimal value is 5290205.

Hex triplet	50b8dd	`#50b8dd`
RGB Decimal	80, 184, 221	`rgb(80,184,221)`
RGB Percent	31.4, 72.2, 86.7	`rgb(31.4%,72.2%,86.7%)`
CMYK	64, 17, 0, 13
HSL	195.7°, 67.5, 59	`hsl(195.7,67.5%,59%)`
HSV (or HSB)	195.7°, 63.8, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.319, -18.889, -27.482
XYZ	33.496, 41.204, 74.591
xyY	0.224, 0.276, 41.204
CIE-LCH	70.319, 33.347, 235.499
CIE-LUV	70.319, -40.927, -40.846
Hunter-Lab	64.191, -19.187, -23.963
Binary	01010000, 10111000, 11011101

#50b8dd
```
#50b8dd rgb(80,184,221)
```
#dd7550
```
#dd7550 rgb(221,117,80)
```

Complementary Color

#50ddbc
```
#50ddbc rgb(80,221,188)
```
#50b8dd
```
#50b8dd rgb(80,184,221)
```
#5072dd
```
#5072dd rgb(80,114,221)
```

Analogous Color

#ddbc50
```
#ddbc50 rgb(221,188,80)
```
#50b8dd
```
#50b8dd rgb(80,184,221)
```
#dd5072
```
#dd5072 rgb(221,80,114)
```

Split Complementary Color

#b8dd50
```
#b8dd50 rgb(184,221,80)
```
#50b8dd
```
#50b8dd rgb(80,184,221)
```
#dd50b8
```
#dd50b8 rgb(221,80,184)
```

Triadic Color

#50dd75
```
#50dd75 rgb(80,221,117)
```
#50b8dd
```
#50b8dd rgb(80,184,221)
```
#dd50b8
```
#dd50b8 rgb(221,80,184)
```
#dd7550
```
#dd7550 rgb(221,117,80)
```

Tetradic Color

#2594bc
```
#2594bc rgb(37,148,188)
```
#29a5d1
```
#29a5d1 rgb(41,165,209)
```
#3bafd9
```
#3bafd9 rgb(59,175,217)
```
#50b8dd
```
#50b8dd rgb(80,184,221)
```
#65c1e1
```
#65c1e1 rgb(101,193,225)
```
#7bc9e5
```
#7bc9e5 rgb(123,201,229)
```
#90d2e9
```
#90d2e9 rgb(144,210,233)
```

Monochromatic Color

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

#50dbdd
```
#50dbdd rgb(80,219,221)
```
#50d0dd
```
#50d0dd rgb(80,208,221)
```
#50c4dd
```
#50c4dd rgb(80,196,221)
```
#50b8dd
```
#50b8dd rgb(80,184,221)
```
#50acdd
```
#50acdd rgb(80,172,221)
```
#50a1dd
```
#50a1dd rgb(80,161,221)
```
#5095dd
```
#5095dd rgb(80,149,221)
```

Similar Colors

Text with hexadecimal color #50b8dd

This text has a font color of #50b8dd.

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

#50b8dd background color

This paragraph has a background color of #50b8dd.

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

#50b8dd border color

This element has a border color of #50b8dd.

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

CSS codes

.text {color:#50b8dd;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#041116
```
#041116 rgb(4,17,22)
```
#071e27
```
#071e27 rgb(7,30,39)
```
#0b2b37
```
#0b2b37 rgb(11,43,55)
```
#0e3847
```
#0e3847 rgb(14,56,71)
```
#114558
```
#114558 rgb(17,69,88)
```
#145268
```
#145268 rgb(20,82,104)
```
#175f79
```
#175f79 rgb(23,95,121)
```
#1b6c89
```
#1b6c89 rgb(27,108,137)
```
#1e7999
```
#1e7999 rgb(30,121,153)
```
#2186aa
```
#2186aa rgb(33,134,170)
```
#2493ba
```
#2493ba rgb(36,147,186)
```
#27a0cb
```
#27a0cb rgb(39,160,203)
```

Shade Color Variation

#2fabd7
```
#2fabd7 rgb(47,171,215)
```
#40b1da
```
#40b1da rgb(64,177,218)
```
#50b8dd
```
#50b8dd rgb(80,184,221)
```
#60bfe0
```
#60bfe0 rgb(96,191,224)
```
#71c5e3
```
#71c5e3 rgb(113,197,227)
```
#81cce7
```
#81cce7 rgb(129,204,231)
```
#92d3ea
```
#92d3ea rgb(146,211,234)
```
#a2d9ed
```
#a2d9ed rgb(162,217,237)
```
#b3e0f0
```
#b3e0f0 rgb(179,224,240)
```
#c3e7f3
```
#c3e7f3 rgb(195,231,243)
```
#d3edf7
```
#d3edf7 rgb(211,237,247)
```
#e4f4fa
```
#e4f4fa rgb(228,244,250)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90999d is the less saturated color, while #30c7fd is the most saturated one.

#90999d
```
#90999d rgb(144,153,157)
```
#889da5
```
#889da5 rgb(136,157,165)
```
#80a1ad
```
#80a1ad rgb(128,161,173)
```
#78a5b5
```
#78a5b5 rgb(120,165,181)
```
#70a9bd
```
#70a9bd rgb(112,169,189)
```
#68adc5
```
#68adc5 rgb(104,173,197)
```
#60b0cd
```
#60b0cd rgb(96,176,205)
```
#58b4d5
```
#58b4d5 rgb(88,180,213)
```
#50b8dd
```
#50b8dd rgb(80,184,221)
```
#48bce5
```
#48bce5 rgb(72,188,229)
```
#40c0ed
```
#40c0ed rgb(64,192,237)
```
#38c3f5
```
#38c3f5 rgb(56,195,245)
```
#30c7fd
```
#30c7fd rgb(48,199,253)
```

Tone Color Variation

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

Dichromacy

#a6aed6 Protanopia 1% of men
#a2ade4 Deuteranopia 1% of men
#4dbecc Tritanopia 0.001% of the population

Trichromacy

#86b2d8 Protanomaly 1% of men, 0.01% of women
#84b1e1 Deuteranomaly 6% of men, 0.4% of women
#4ebcd2 Tritanomaly 0.01% of the population

#50b8dd hex color

#50b8dd Color Information

#50b8dd Color Conversion

Color Schemes with #50b8dd

Alternatives to #50b8dd

#50b8dd Preview

Shades and Tints of #50b8dd

Tones of #50b8dd

Color Blindness Simulator