#50b4bf hex color

In a RGB color space, hex #50b4bf is composed of 31.4% red, 70.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 5.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 185.9 degrees, a saturation of 46.4% and a lightness of 53.1%. #50b4bf color hex could be obtained by blending #a0ffff with #00697f. Closest websafe color is: #66cccc.

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

● #50b4bf color description : Moderate cyan.

The hexadecimal color #50b4bf has RGB values of R:80, G:180, B:191 and CMYK values of C:0.58, M:0.06, Y:0, K:0.25. Its decimal value is 5289151.

Hex triplet	50b4bf	`#50b4bf`
RGB Decimal	80, 180, 191	`rgb(80,180,191)`
RGB Percent	31.4, 70.6, 74.9	`rgb(31.4%,70.6%,74.9%)`
CMYK	58, 6, 0, 25
HSL	185.9°, 46.4, 53.1	`hsl(185.9,46.4%,53.1%)`
HSV (or HSB)	185.9°, 58.1, 74.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.1, -25.772, -14.391
XYZ	29.031, 38.107, 55.113
xyY	0.237, 0.312, 38.107
CIE-LCH	68.1, 29.518, 209.178
CIE-LUV	68.1, -40.935, -18.226
Hunter-Lab	61.731, -24.085, -9.722
Binary	01010000, 10110100, 10111111

#50b4bf
```
#50b4bf rgb(80,180,191)
```
#bf5b50
```
#bf5b50 rgb(191,91,80)
```

Complementary Color

#50bf93
```
#50bf93 rgb(80,191,147)
```
#50b4bf
```
#50b4bf rgb(80,180,191)
```
#507dbf
```
#507dbf rgb(80,125,191)
```

Analogous Color

#bf9350
```
#bf9350 rgb(191,147,80)
```
#50b4bf
```
#50b4bf rgb(80,180,191)
```
#bf507d
```
#bf507d rgb(191,80,125)
```

Split Complementary Color

#b4bf50
```
#b4bf50 rgb(180,191,80)
```
#50b4bf
```
#50b4bf rgb(80,180,191)
```
#bf50b4
```
#bf50b4 rgb(191,80,180)
```

Triadic Color

#50bf5b
```
#50bf5b rgb(80,191,91)
```
#50b4bf
```
#50b4bf rgb(80,180,191)
```
#bf50b4
```
#bf50b4 rgb(191,80,180)
```
#bf5b50
```
#bf5b50 rgb(191,91,80)
```

Tetradic Color

#34858e
```
#34858e rgb(52,133,142)
```
#3b97a1
```
#3b97a1 rgb(59,151,161)
```
#42a8b4
```
#42a8b4 rgb(66,168,180)
```
#50b4bf
```
#50b4bf rgb(80,180,191)
```
#63bcc6
```
#63bcc6 rgb(99,188,198)
```
#75c4cd
```
#75c4cd rgb(117,196,205)
```
#88ccd3
```
#88ccd3 rgb(136,204,211)
```

Monochromatic Color

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

#50bfae
```
#50bfae rgb(80,191,174)
```
#50bfb8
```
#50bfb8 rgb(80,191,184)
```
#50bdbf
```
#50bdbf rgb(80,189,191)
```
#50b4bf
```
#50b4bf rgb(80,180,191)
```
#50abbf
```
#50abbf rgb(80,171,191)
```
#50a2bf
```
#50a2bf rgb(80,162,191)
```
#5098bf
```
#5098bf rgb(80,152,191)
```

Similar Colors

Text with hexadecimal color #50b4bf

This text has a font color of #50b4bf.

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

#50b4bf background color

This paragraph has a background color of #50b4bf.

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

#50b4bf border color

This element has a border color of #50b4bf.

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

CSS codes

.text {color:#50b4bf;}

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

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

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)
```
#0f2628
```
#0f2628 rgb(15,38,40)
```
#143337
```
#143337 rgb(20,51,55)
```
#194145
```
#194145 rgb(25,65,69)
```
#1f4e54
```
#1f4e54 rgb(31,78,84)
```
#245c62
```
#245c62 rgb(36,92,98)
```
#296970
```
#296970 rgb(41,105,112)
```
#2e777f
```
#2e777f rgb(46,119,127)
```
#34848d
```
#34848d rgb(52,132,141)
```
#39929b
```
#39929b rgb(57,146,155)
```
#3e9faa
```
#3e9faa rgb(62,159,170)
```
#43acb8
```
#43acb8 rgb(67,172,184)
```

Shade Color Variation

#50b4bf
```
#50b4bf rgb(80,180,191)
```
#5ebac4
```
#5ebac4 rgb(94,186,196)
```
#6dc0ca
```
#6dc0ca rgb(109,192,202)
```
#7bc6cf
```
#7bc6cf rgb(123,198,207)
```
#89cdd4
```
#89cdd4 rgb(137,205,212)
```
#98d3d9
```
#98d3d9 rgb(152,211,217)
```
#a6d9df
```
#a6d9df rgb(166,217,223)
```
#b5dfe4
```
#b5dfe4 rgb(181,223,228)
```
#c3e5e9
```
#c3e5e9 rgb(195,229,233)
```
#d1ebee
```
#d1ebee rgb(209,235,238)
```
#e0f2f4
```
#e0f2f4 rgb(224,242,244)
```
#eef8f9
```
#eef8f9 rgb(238,248,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 #19e0f6 is the most saturated one.

#878888
```
#878888 rgb(135,136,136)
```
#7e8f91
```
#7e8f91 rgb(126,143,145)
```
#75979a
```
#75979a rgb(117,151,154)
```
#6c9ea3
```
#6c9ea3 rgb(108,158,163)
```
#62a5ad
```
#62a5ad rgb(98,165,173)
```
#59adb6
```
#59adb6 rgb(89,173,182)
```
#50b4bf
```
#50b4bf rgb(80,180,191)
```
#47bbc8
```
#47bbc8 rgb(71,187,200)
```
#3ec3d1
```
#3ec3d1 rgb(62,195,209)
```
#34cadb
```
#34cadb rgb(52,202,219)
```
#2bd1e4
```
#2bd1e4 rgb(43,209,228)
```
#22d9ed
```
#22d9ed rgb(34,217,237)
```
#19e0f6
```
#19e0f6 rgb(25,224,246)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#899d9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a9b9 Protanopia 1% of men
#aaa7c8 Deuteranopia 1% of men
#5ab7c4 Tritanopia 0.001% of the population

Trichromacy

#88adbb Protanomaly 1% of men, 0.01% of women
#89abc5 Deuteranomaly 6% of men, 0.4% of women
#56b6c2 Tritanomaly 0.01% of the population

#50b4bf hex color

#50b4bf Color Information

#50b4bf Color Conversion

Color Schemes with #50b4bf

Alternatives to #50b4bf

#50b4bf Preview

Shades and Tints of #50b4bf

Tones of #50b4bf

Color Blindness Simulator