#50b1bf hex color

In a RGB color space, hex #50b1bf is composed of 31.4% red, 69.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 7.3% magenta, 0% yellow and 25.1% black. It has a hue angle of 187.6 degrees, a saturation of 46.4% and a lightness of 53.1%. #50b1bf color hex could be obtained by blending #a0ffff with #00637f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 69
- B 75
RGB color chart
- C 58
- M 7
- Y 0
- K 25
CMYK color chart

● #50b1bf color description : Moderate cyan.

The hexadecimal color #50b1bf has RGB values of R:80, G:177, B:191 and CMYK values of C:0.58, M:0.07, Y:0, K:0.25. Its decimal value is 5288383.

Hex triplet	50b1bf	`#50b1bf`
RGB Decimal	80, 177, 191	`rgb(80,177,191)`
RGB Percent	31.4, 69.4, 74.9	`rgb(31.4%,69.4%,74.9%)`
CMYK	58, 7, 0, 25
HSL	187.6°, 46.4, 53.1	`hsl(187.6,46.4%,53.1%)`
HSV (or HSB)	187.6°, 58.1, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.209, -24.265, -15.734
XYZ	28.432, 36.909, 54.913
xyY	0.236, 0.307, 36.909
CIE-LCH	67.209, 28.919, 212.96
CIE-LUV	67.209, -39.803, -20.562
Hunter-Lab	60.753, -22.781, -11.064
Binary	01010000, 10110001, 10111111

#50b1bf
```
#50b1bf rgb(80,177,191)
```
#bf5e50
```
#bf5e50 rgb(191,94,80)
```

Complementary Color

#50bf96
```
#50bf96 rgb(80,191,150)
```
#50b1bf
```
#50b1bf rgb(80,177,191)
```
#507abf
```
#507abf rgb(80,122,191)
```

Analogous Color

#bf9650
```
#bf9650 rgb(191,150,80)
```
#50b1bf
```
#50b1bf rgb(80,177,191)
```
#bf507a
```
#bf507a rgb(191,80,122)
```

Split Complementary Color

#b1bf50
```
#b1bf50 rgb(177,191,80)
```
#50b1bf
```
#50b1bf rgb(80,177,191)
```
#bf50b1
```
#bf50b1 rgb(191,80,177)
```

Triadic Color

#50bf5e
```
#50bf5e rgb(80,191,94)
```
#50b1bf
```
#50b1bf rgb(80,177,191)
```
#bf50b1
```
#bf50b1 rgb(191,80,177)
```
#bf5e50
```
#bf5e50 rgb(191,94,80)
```

Tetradic Color

#34838e
```
#34838e rgb(52,131,142)
```
#3b94a1
```
#3b94a1 rgb(59,148,161)
```
#42a5b4
```
#42a5b4 rgb(66,165,180)
```
#50b1bf
```
#50b1bf rgb(80,177,191)
```
#63b9c6
```
#63b9c6 rgb(99,185,198)
```
#75c2cd
```
#75c2cd rgb(117,194,205)
```
#88cad3
```
#88cad3 rgb(136,202,211)
```

Monochromatic Color

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

#50bfb1
```
#50bfb1 rgb(80,191,177)
```
#50bfbb
```
#50bfbb rgb(80,191,187)
```
#50babf
```
#50babf rgb(80,186,191)
```
#50b1bf
```
#50b1bf rgb(80,177,191)
```
#50a8bf
```
#50a8bf rgb(80,168,191)
```
#509fbf
```
#509fbf rgb(80,159,191)
```
#5095bf
```
#5095bf rgb(80,149,191)
```

Similar Colors

Text with hexadecimal color #50b1bf

This text has a font color of #50b1bf.

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

#50b1bf background color

This paragraph has a background color of #50b1bf.

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

#50b1bf border color

This element has a border color of #50b1bf.

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

CSS codes

.text {color:#50b1bf;}

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

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

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, #040b0c is the darkest color, while #fcfefe is the lightest one.

#040b0c
```
#040b0c rgb(4,11,12)
```
#0a181a
```
#0a181a rgb(10,24,26)
```
#0f2528
```
#0f2528 rgb(15,37,40)
```
#143237
```
#143237 rgb(20,50,55)
```
#194045
```
#194045 rgb(25,64,69)
```
#1f4d54
```
#1f4d54 rgb(31,77,84)
```
#245a62
```
#245a62 rgb(36,90,98)
```
#296770
```
#296770 rgb(41,103,112)
```
#2e747f
```
#2e747f rgb(46,116,127)
```
#34828d
```
#34828d rgb(52,130,141)
```
#398f9b
```
#398f9b rgb(57,143,155)
```
#3e9caa
```
#3e9caa rgb(62,156,170)
```
#43a9b8
```
#43a9b8 rgb(67,169,184)
```

Shade Color Variation

#50b1bf
```
#50b1bf rgb(80,177,191)
```
#5eb7c4
```
#5eb7c4 rgb(94,183,196)
```
#6dbeca
```
#6dbeca rgb(109,190,202)
```
#7bc4cf
```
#7bc4cf rgb(123,196,207)
```
#89cbd4
```
#89cbd4 rgb(137,203,212)
```
#98d1d9
```
#98d1d9 rgb(152,209,217)
```
#a6d7df
```
#a6d7df rgb(166,215,223)
```
#b5dee4
```
#b5dee4 rgb(181,222,228)
```
#c3e4e9
```
#c3e4e9 rgb(195,228,233)
```
#d1ebee
```
#d1ebee rgb(209,235,238)
```
#e0f1f4
```
#e0f1f4 rgb(224,241,244)
```
#eef7f9
```
#eef7f9 rgb(238,247,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878888 is the less saturated color, while #19daf6 is the most saturated one.

#878888
```
#878888 rgb(135,136,136)
```
#7e8f91
```
#7e8f91 rgb(126,143,145)
```
#75969a
```
#75969a rgb(117,150,154)
```
#6c9ca3
```
#6c9ca3 rgb(108,156,163)
```
#62a3ad
```
#62a3ad rgb(98,163,173)
```
#59aab6
```
#59aab6 rgb(89,170,182)
```
#50b1bf
```
#50b1bf rgb(80,177,191)
```
#47b8c8
```
#47b8c8 rgb(71,184,200)
```
#3ebfd1
```
#3ebfd1 rgb(62,191,209)
```
#34c6db
```
#34c6db rgb(52,198,219)
```
#2bcce4
```
#2bcce4 rgb(43,204,228)
```
#22d3ed
```
#22d3ed rgb(34,211,237)
```
#19daf6
```
#19daf6 rgb(25,218,246)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#889b9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a7ba Protanopia 1% of men
#a7a4c8 Deuteranopia 1% of men
#59b5c2 Tritanopia 0.001% of the population

Trichromacy

#86aabb Protanomaly 1% of men, 0.01% of women
#87a9c4 Deuteranomaly 6% of men, 0.4% of women
#55b3c1 Tritanomaly 0.01% of the population

#50b1bf hex color

#50b1bf Color Information

#50b1bf Color Conversion

Color Schemes with #50b1bf

Alternatives to #50b1bf

#50b1bf Preview

Shades and Tints of #50b1bf

Tones of #50b1bf

Color Blindness Simulator