#50b7dd hex color

In a RGB color space, hex #50b7dd is composed of 31.4% red, 71.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 17.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 196.2 degrees, a saturation of 67.5% and a lightness of 59%. #50b7dd color hex could be obtained by blending #a0ffff with #006fbb. 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

● #50b7dd color description : Soft blue.

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

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

CIE-LAB	70.029, -18.367, -27.928
XYZ	33.289, 40.79, 74.522
xyY	0.224, 0.274, 40.79
CIE-LCH	70.029, 33.426, 236.668
CIE-LUV	70.029, -40.564, -41.641
Hunter-Lab	63.867, -18.728, -24.474
Binary	01010000, 10110111, 11011101

#50b7dd
```
#50b7dd rgb(80,183,221)
```
#dd7650
```
#dd7650 rgb(221,118,80)
```

Complementary Color

#50ddbd
```
#50ddbd rgb(80,221,189)
```
#50b7dd
```
#50b7dd rgb(80,183,221)
```
#5071dd
```
#5071dd rgb(80,113,221)
```

Analogous Color

#ddbd50
```
#ddbd50 rgb(221,189,80)
```
#50b7dd
```
#50b7dd rgb(80,183,221)
```
#dd5071
```
#dd5071 rgb(221,80,113)
```

Split Complementary Color

#b7dd50
```
#b7dd50 rgb(183,221,80)
```
#50b7dd
```
#50b7dd rgb(80,183,221)
```
#dd50b7
```
#dd50b7 rgb(221,80,183)
```

Triadic Color

#50dd76
```
#50dd76 rgb(80,221,118)
```
#50b7dd
```
#50b7dd rgb(80,183,221)
```
#dd50b7
```
#dd50b7 rgb(221,80,183)
```
#dd7650
```
#dd7650 rgb(221,118,80)
```

Tetradic Color

#2593bc
```
#2593bc rgb(37,147,188)
```
#29a4d1
```
#29a4d1 rgb(41,164,209)
```
#3baed9
```
#3baed9 rgb(59,174,217)
```
#50b7dd
```
#50b7dd rgb(80,183,221)
```
#65c0e1
```
#65c0e1 rgb(101,192,225)
```
#7bc9e5
```
#7bc9e5 rgb(123,201,229)
```
#90d1e9
```
#90d1e9 rgb(144,209,233)
```

Monochromatic Color

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

#50dadd
```
#50dadd rgb(80,218,221)
```
#50cfdd
```
#50cfdd rgb(80,207,221)
```
#50c3dd
```
#50c3dd rgb(80,195,221)
```
#50b7dd
```
#50b7dd rgb(80,183,221)
```
#50abdd
```
#50abdd rgb(80,171,221)
```
#50a0dd
```
#50a0dd rgb(80,160,221)
```
#5094dd
```
#5094dd rgb(80,148,221)
```

Similar Colors

Text with hexadecimal color #50b7dd

This text has a font color of #50b7dd.

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

#50b7dd background color

This paragraph has a background color of #50b7dd.

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

#50b7dd border color

This element has a border color of #50b7dd.

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

CSS codes

.text {color:#50b7dd;}

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

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

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)
```
#175e79
```
#175e79 rgb(23,94,121)
```
#1b6b89
```
#1b6b89 rgb(27,107,137)
```
#1e7899
```
#1e7899 rgb(30,120,153)
```
#2185aa
```
#2185aa rgb(33,133,170)
```
#2492ba
```
#2492ba rgb(36,146,186)
```
#279fcb
```
#279fcb rgb(39,159,203)
```

Shade Color Variation

#2fa9d7
```
#2fa9d7 rgb(47,169,215)
```
#40b0da
```
#40b0da rgb(64,176,218)
```
#50b7dd
```
#50b7dd rgb(80,183,221)
```
#60bee0
```
#60bee0 rgb(96,190,224)
```
#71c5e3
```
#71c5e3 rgb(113,197,227)
```
#81cbe7
```
#81cbe7 rgb(129,203,231)
```
#92d2ea
```
#92d2ea rgb(146,210,234)
```
#a2d9ed
```
#a2d9ed rgb(162,217,237)
```
#b3e0f0
```
#b3e0f0 rgb(179,224,240)
```
#c3e6f3
```
#c3e6f3 rgb(195,230,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 #30c6fd is the most saturated one.

#90999d
```
#90999d rgb(144,153,157)
```
#889da5
```
#889da5 rgb(136,157,165)
```
#80a1ad
```
#80a1ad rgb(128,161,173)
```
#78a4b5
```
#78a4b5 rgb(120,164,181)
```
#70a8bd
```
#70a8bd rgb(112,168,189)
```
#68acc5
```
#68acc5 rgb(104,172,197)
```
#60b0cd
```
#60b0cd rgb(96,176,205)
```
#58b3d5
```
#58b3d5 rgb(88,179,213)
```
#50b7dd
```
#50b7dd rgb(80,183,221)
```
#48bbe5
```
#48bbe5 rgb(72,187,229)
```
#40beed
```
#40beed rgb(64,190,237)
```
#38c2f5
```
#38c2f5 rgb(56,194,245)
```
#30c6fd
```
#30c6fd rgb(48,198,253)
```

Tone Color Variation

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

#a5add6 Protanopia 1% of men
#a0ade4 Deuteranopia 1% of men
#4cbecc Tritanopia 0.001% of the population

Trichromacy

#86b1d8 Protanomaly 1% of men, 0.01% of women
#83b0e1 Deuteranomaly 6% of men, 0.4% of women
#4dbbd2 Tritanomaly 0.01% of the population

#50b7dd hex color

#50b7dd Color Information

#50b7dd Color Conversion

Color Schemes with #50b7dd

Alternatives to #50b7dd

#50b7dd Preview

Shades and Tints of #50b7dd

Tones of #50b7dd

Color Blindness Simulator