#50cdd4 hex color

In a RGB color space, hex #50cdd4 is composed of 31.4% red, 80.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 3.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 183.2 degrees, a saturation of 60.6% and a lightness of 57.3%. #50cdd4 color hex could be obtained by blending #a0ffff with #009ba9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 31
- G 80
- B 83
RGB color chart
- C 62
- M 3
- Y 0
- K 17
CMYK color chart

● #50cdd4 color description : Moderate cyan.

The hexadecimal color #50cdd4 has RGB values of R:80, G:205, B:212 and CMYK values of C:0.62, M:0.03, Y:0, K:0.17. Its decimal value is 5295572.

Hex triplet	50cdd4	`#50cdd4`
RGB Decimal	80, 205, 212	`rgb(80,205,212)`
RGB Percent	31.4, 80.4, 83.1	`rgb(31.4%,80.4%,83.1%)`
CMYK	62, 3, 0, 17
HSL	183.2°, 60.6, 57.3	`hsl(183.2,60.6%,57.3%)`
HSV (or HSB)	183.2°, 62.3, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.142, -32.016, -13.754
XYZ	37.02, 50.119, 70.007
xyY	0.236, 0.319, 50.119
CIE-LCH	76.142, 34.845, 203.248
CIE-LUV	76.142, -49.082, -16.566
Hunter-Lab	70.794, -30.549, -9.074
Binary	01010000, 11001101, 11010100

#50cdd4
```
#50cdd4 rgb(80,205,212)
```
#d45750
```
#d45750 rgb(212,87,80)
```

Complementary Color

#50d499
```
#50d499 rgb(80,212,153)
```
#50cdd4
```
#50cdd4 rgb(80,205,212)
```
#508bd4
```
#508bd4 rgb(80,139,212)
```

Analogous Color

#d49950
```
#d49950 rgb(212,153,80)
```
#50cdd4
```
#50cdd4 rgb(80,205,212)
```
#d4508b
```
#d4508b rgb(212,80,139)
```

Split Complementary Color

#cdd450
```
#cdd450 rgb(205,212,80)
```
#50cdd4
```
#50cdd4 rgb(80,205,212)
```
#d450cd
```
#d450cd rgb(212,80,205)
```

Triadic Color

#50d457
```
#50d457 rgb(80,212,87)
```
#50cdd4
```
#50cdd4 rgb(80,205,212)
```
#d450cd
```
#d450cd rgb(212,80,205)
```
#d45750
```
#d45750 rgb(212,87,80)
```

Tetradic Color

#2ba6ad
```
#2ba6ad rgb(43,166,173)
```
#30bac1
```
#30bac1 rgb(48,186,193)
```
#3cc7cf
```
#3cc7cf rgb(60,199,207)
```
#50cdd4
```
#50cdd4 rgb(80,205,212)
```
#64d3d9
```
#64d3d9 rgb(100,211,217)
```
#79d9de
```
#79d9de rgb(121,217,222)
```
#8ddfe3
```
#8ddfe3 rgb(141,223,227)
```

Monochromatic Color

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

#50d4ba
```
#50d4ba rgb(80,212,186)
```
#50d4c5
```
#50d4c5 rgb(80,212,197)
```
#50d4d0
```
#50d4d0 rgb(80,212,208)
```
#50cdd4
```
#50cdd4 rgb(80,205,212)
```
#50c2d4
```
#50c2d4 rgb(80,194,212)
```
#50b7d4
```
#50b7d4 rgb(80,183,212)
```
#50acd4
```
#50acd4 rgb(80,172,212)
```

Similar Colors

Text with hexadecimal color #50cdd4

This text has a font color of #50cdd4.

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

#50cdd4 background color

This paragraph has a background color of #50cdd4.

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

#50cdd4 border color

This element has a border color of #50cdd4.

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

CSS codes

.text {color:#50cdd4;}

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

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

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, #030d0e is the darkest color, while #fdfeff is the lightest one.

#030d0e
```
#030d0e rgb(3,13,14)
```
#071d1e
```
#071d1e rgb(7,29,30)
```
#0b2c2d
```
#0b2c2d rgb(11,44,45)
```
#0f3b3d
```
#0f3b3d rgb(15,59,61)
```
#134a4d
```
#134a4d rgb(19,74,77)
```
#17595d
```
#17595d rgb(23,89,93)
```
#1b686c
```
#1b686c rgb(27,104,108)
```
#1f777c
```
#1f777c rgb(31,119,124)
```
#22868c
```
#22868c rgb(34,134,140)
```
#26959c
```
#26959c rgb(38,149,156)
```
#2aa5ab
```
#2aa5ab rgb(42,165,171)
```
#2eb4bb
```
#2eb4bb rgb(46,180,187)
```
#32c3cb
```
#32c3cb rgb(50,195,203)
```

Shade Color Variation

#40c9d0
```
#40c9d0 rgb(64,201,208)
```
#50cdd4
```
#50cdd4 rgb(80,205,212)
```
#60d1d8
```
#60d1d8 rgb(96,209,216)
```
#6fd6dc
```
#6fd6dc rgb(111,214,220)
```
#7fdae0
```
#7fdae0 rgb(127,218,224)
```
#8fdfe3
```
#8fdfe3 rgb(143,223,227)
```
#9fe3e7
```
#9fe3e7 rgb(159,227,231)
```
#aee8eb
```
#aee8eb rgb(174,232,235)
```
#beecef
```
#beecef rgb(190,236,239)
```
#cef1f3
```
#cef1f3 rgb(206,241,243)
```
#def5f7
```
#def5f7 rgb(222,245,247)
```
#edfafb
```
#edfafb rgb(237,250,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b9999 is the less saturated color, while #26f2fe is the most saturated one.

#8b9999
```
#8b9999 rgb(139,153,153)
```
#82a0a2
```
#82a0a2 rgb(130,160,162)
```
#7aa8aa
```
#7aa8aa rgb(122,168,170)
```
#72afb2
```
#72afb2 rgb(114,175,178)
```
#69b7bb
```
#69b7bb rgb(105,183,187)
```
#61bec3
```
#61bec3 rgb(97,190,195)
```
#58c6cc
```
#58c6cc rgb(88,198,204)
```
#50cdd4
```
#50cdd4 rgb(80,205,212)
```
#48d4dc
```
#48d4dc rgb(72,212,220)
```
#3fdce5
```
#3fdce5 rgb(63,220,229)
```
#37e3ed
```
#37e3ed rgb(55,227,237)
```
#2eebf6
```
#2eebf6 rgb(46,235,246)
```
#26f2fe
```
#26f2fe rgb(38,242,254)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#96afb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bebecc Protanopia 1% of men
#c1bbdd Deuteranopia 1% of men
#5dcedd Tritanopia 0.001% of the population

Trichromacy

#96c3cf Protanomaly 1% of men, 0.01% of women
#98c1da Deuteranomaly 6% of men, 0.4% of women
#58cdda Tritanomaly 0.01% of the population

#50cdd4 hex color

#50cdd4 Color Information

#50cdd4 Color Conversion

Color Schemes with #50cdd4

Alternatives to #50cdd4

#50cdd4 Preview

Shades and Tints of #50cdd4

Tones of #50cdd4

Color Blindness Simulator