#50b4af hex color

In a RGB color space, hex #50b4af is composed of 31.4% red, 70.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 0% magenta, 2.8% yellow and 29.4% black. It has a hue angle of 177 degrees, a saturation of 40% and a lightness of 51%. #50b4af color hex could be obtained by blending #a0ffff with #00695f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 31
- G 71
- B 69
RGB color chart
- C 56
- M 0
- Y 3
- K 29
CMYK color chart

● #50b4af color description : Moderate cyan.

The hexadecimal color #50b4af has RGB values of R:80, G:180, B:175 and CMYK values of C:0.56, M:0, Y:0.03, K:0.29. Its decimal value is 5289135.

Hex triplet	50b4af	`#50b4af`
RGB Decimal	80, 180, 175	`rgb(80,180,175)`
RGB Percent	31.4, 70.6, 68.6	`rgb(31.4%,70.6%,68.6%)`
CMYK	56, 0, 3, 29
HSL	177°, 40, 51	`hsl(177,40%,51%)`
HSV (or HSB)	177°, 55.6, 70.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	67.607, -30.215, -6.29
XYZ	27.365, 37.441, 46.34
xyY	0.246, 0.337, 37.441
CIE-LCH	67.607, 30.862, 191.76
CIE-LUV	67.607, -41.732, -4.804
Hunter-Lab	61.189, -27.252, -2.069
Binary	01010000, 10110100, 10101111

#50b4af
```
#50b4af rgb(80,180,175)
```
#b45055
```
#b45055 rgb(180,80,85)
```

Complementary Color

#50b47d
```
#50b47d rgb(80,180,125)
```
#50b4af
```
#50b4af rgb(80,180,175)
```
#5087b4
```
#5087b4 rgb(80,135,180)
```

Analogous Color

#b47d50
```
#b47d50 rgb(180,125,80)
```
#50b4af
```
#50b4af rgb(80,180,175)
```
#b45087
```
#b45087 rgb(180,80,135)
```

Split Complementary Color

#b4af50
```
#b4af50 rgb(180,175,80)
```
#50b4af
```
#50b4af rgb(80,180,175)
```
#af50b4
```
#af50b4 rgb(175,80,180)
```

Triadic Color

#55b450
```
#55b450 rgb(85,180,80)
```
#50b4af
```
#50b4af rgb(80,180,175)
```
#af50b4
```
#af50b4 rgb(175,80,180)
```
#b45055
```
#b45055 rgb(180,80,85)
```

Tetradic Color

#37807d
```
#37807d rgb(55,128,125)
```
#3f928e
```
#3f928e rgb(63,146,142)
```
#46a49f
```
#46a49f rgb(70,164,159)
```
#50b4af
```
#50b4af rgb(80,180,175)
```
#62bcb7
```
#62bcb7 rgb(98,188,183)
```
#74c3bf
```
#74c3bf rgb(116,195,191)
```
#86cbc7
```
#86cbc7 rgb(134,203,199)
```

Monochromatic Color

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

#50b496
```
#50b496 rgb(80,180,150)
```
#50b49e
```
#50b49e rgb(80,180,158)
```
#50b4a7
```
#50b4a7 rgb(80,180,167)
```
#50b4af
```
#50b4af rgb(80,180,175)
```
#50b1b4
```
#50b1b4 rgb(80,177,180)
```
#50a8b4
```
#50a8b4 rgb(80,168,180)
```
#50a0b4
```
#50a0b4 rgb(80,160,180)
```

Similar Colors

Text with hexadecimal color #50b4af

This text has a font color of #50b4af.

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

#50b4af background color

This paragraph has a background color of #50b4af.

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

#50b4af border color

This element has a border color of #50b4af.

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

CSS codes

.text {color:#50b4af;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#071111
```
#071111 rgb(7,17,17)
```
#0d1f1e
```
#0d1f1e rgb(13,31,30)
```
#132d2b
```
#132d2b rgb(19,45,43)
```
#193a39
```
#193a39 rgb(25,58,57)
```
#1f4846
```
#1f4846 rgb(31,72,70)
```
#255653
```
#255653 rgb(37,86,83)
```
#2b6461
```
#2b6461 rgb(43,100,97)
```
#31716e
```
#31716e rgb(49,113,110)
```
#367f7b
```
#367f7b rgb(54,127,123)
```
#3c8d89
```
#3c8d89 rgb(60,141,137)
```
#429b96
```
#429b96 rgb(66,155,150)
```
#48a8a3
```
#48a8a3 rgb(72,168,163)
```

Shade Color Variation

#50b4af
```
#50b4af rgb(80,180,175)
```
#5ebab5
```
#5ebab5 rgb(94,186,181)
```
#6bc0bc
```
#6bc0bc rgb(107,192,188)
```
#79c6c2
```
#79c6c2 rgb(121,198,194)
```
#87ccc8
```
#87ccc8 rgb(135,204,200)
```
#95d1ce
```
#95d1ce rgb(149,209,206)
```
#a2d7d5
```
#a2d7d5 rgb(162,215,213)
```
#b0dddb
```
#b0dddb rgb(176,221,219)
```
#bee3e1
```
#bee3e1 rgb(190,227,225)
```
#cce9e7
```
#cce9e7 rgb(204,233,231)
```
#d9efee
```
#d9efee rgb(217,239,238)
```
#e7f5f4
```
#e7f5f4 rgb(231,245,244)
```
#f5fbfa
```
#f5fbfa rgb(245,251,250)
```

Tint Color Variation

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

#808484
```
#808484 rgb(128,132,132)
```
#768e8c
```
#768e8c rgb(118,142,140)
```
#6d9795
```
#6d9795 rgb(109,151,149)
```
#63a19e
```
#63a19e rgb(99,161,158)
```
#5aaaa6
```
#5aaaa6 rgb(90,170,166)
```
#50b4af
```
#50b4af rgb(80,180,175)
```
#46beb8
```
#46beb8 rgb(70,190,184)
```
#3dc7c0
```
#3dc7c0 rgb(61,199,192)
```
#33d1c9
```
#33d1c9 rgb(51,209,201)
```
#2adad2
```
#2adad2 rgb(42,218,210)
```
#20e4da
```
#20e4da rgb(32,228,218)
```
#16eee3
```
#16eee3 rgb(22,238,227)
```
#0df7ec
```
#0df7ec rgb(13,247,236)
```

Tone Color Variation

Below, you can see how #50b4af 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
#889c9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba8aa Protanopia 1% of men
#b1a5b9 Deuteranopia 1% of men
#60b5c2 Tritanopia 0.001% of the population

Trichromacy

#8aacac Protanomaly 1% of men, 0.01% of women
#8daab5 Deuteranomaly 6% of men, 0.4% of women
#5ab4bb Tritanomaly 0.01% of the population

#50b4af hex color

#50b4af Color Information

#50b4af Color Conversion

Color Schemes with #50b4af

Alternatives to #50b4af

#50b4af Preview

Shades and Tints of #50b4af

Tones of #50b4af

Color Blindness Simulator