#50acc6 hex color

In a RGB color space, hex #50acc6 is composed of 31.4% red, 67.5% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 13.1% magenta, 0% yellow and 22.4% black. It has a hue angle of 193.2 degrees, a saturation of 50.9% and a lightness of 54.5%. #50acc6 color hex could be obtained by blending #a0ffff with #00598d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 67
- B 78
RGB color chart
- C 60
- M 13
- Y 0
- K 22
CMYK color chart

● #50acc6 color description : Moderate cyan.

The hexadecimal color #50acc6 has RGB values of R:80, G:172, B:198 and CMYK values of C:0.6, M:0.13, Y:0, K:0.22. Its decimal value is 5287110.

Hex triplet	50acc6	`#50acc6`
RGB Decimal	80, 172, 198	`rgb(80,172,198)`
RGB Percent	31.4, 67.5, 77.6	`rgb(31.4%,67.5%,77.6%)`
CMYK	60, 13, 0, 22
HSL	193.2°, 50.9, 54.5	`hsl(193.2,50.9%,54.5%)`
HSV (or HSB)	193.2°, 59.6, 77.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.97, -19.637, -21.489
XYZ	28.251, 35.286, 58.745
xyY	0.231, 0.289, 35.286
CIE-LCH	65.97, 29.11, 227.579
CIE-LUV	65.97, -37.593, -30.483
Hunter-Lab	59.402, -19.059, -17.053
Binary	01010000, 10101100, 11000110

#50acc6
```
#50acc6 rgb(80,172,198)
```
#c66a50
```
#c66a50 rgb(198,106,80)
```

Complementary Color

#50c6a5
```
#50c6a5 rgb(80,198,165)
```
#50acc6
```
#50acc6 rgb(80,172,198)
```
#5071c6
```
#5071c6 rgb(80,113,198)
```

Analogous Color

#c6a550
```
#c6a550 rgb(198,165,80)
```
#50acc6
```
#50acc6 rgb(80,172,198)
```
#c65071
```
#c65071 rgb(198,80,113)
```

Split Complementary Color

#acc650
```
#acc650 rgb(172,198,80)
```
#50acc6
```
#50acc6 rgb(80,172,198)
```
#c650ac
```
#c650ac rgb(198,80,172)
```

Triadic Color

#50c66a
```
#50c66a rgb(80,198,106)
```
#50acc6
```
#50acc6 rgb(80,172,198)
```
#c650ac
```
#c650ac rgb(198,80,172)
```
#c66a50
```
#c66a50 rgb(198,106,80)
```

Tetradic Color

#328198
```
#328198 rgb(50,129,152)
```
#3892ab
```
#3892ab rgb(56,146,171)
```
#3ea2be
```
#3ea2be rgb(62,162,190)
```
#50acc6
```
#50acc6 rgb(80,172,198)
```
#63b5cc
```
#63b5cc rgb(99,181,204)
```
#76bed3
```
#76bed3 rgb(118,190,211)
```
#8ac7d9
```
#8ac7d9 rgb(138,199,217)
```

Monochromatic Color

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

#50c6c3
```
#50c6c3 rgb(80,198,195)
```
#50c0c6
```
#50c0c6 rgb(80,192,198)
```
#50b6c6
```
#50b6c6 rgb(80,182,198)
```
#50acc6
```
#50acc6 rgb(80,172,198)
```
#50a2c6
```
#50a2c6 rgb(80,162,198)
```
#5098c6
```
#5098c6 rgb(80,152,198)
```
#508fc6
```
#508fc6 rgb(80,143,198)
```

Similar Colors

Text with hexadecimal color #50acc6

This text has a font color of #50acc6.

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

#50acc6 background color

This paragraph has a background color of #50acc6.

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

#50acc6 border color

This element has a border color of #50acc6.

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

CSS codes

.text {color:#50acc6;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060f11
```
#060f11 rgb(6,15,17)
```
#0a1b20
```
#0a1b20 rgb(10,27,32)
```
#0f282f
```
#0f282f rgb(15,40,47)
```
#14353e
```
#14353e rgb(20,53,62)
```
#19414d
```
#19414d rgb(25,65,77)
```
#1e4e5b
```
#1e4e5b rgb(30,78,91)
```
#235a6a
```
#235a6a rgb(35,90,106)
```
#276779
```
#276779 rgb(39,103,121)
```
#2c7488
```
#2c7488 rgb(44,116,136)
```
#318097
```
#318097 rgb(49,128,151)
```
#368da5
```
#368da5 rgb(54,141,165)
```
#3b99b4
```
#3b99b4 rgb(59,153,180)
```

Shade Color Variation

#41a5c1
```
#41a5c1 rgb(65,165,193)
```
#50acc6
```
#50acc6 rgb(80,172,198)
```
#5fb3cb
```
#5fb3cb rgb(95,179,203)
```
#6ebad0
```
#6ebad0 rgb(110,186,208)
```
#7cc1d4
```
#7cc1d4 rgb(124,193,212)
```
#8bc8d9
```
#8bc8d9 rgb(139,200,217)
```
#9acfde
```
#9acfde rgb(154,207,222)
```
#a9d6e3
```
#a9d6e3 rgb(169,214,227)
```
#b8dde8
```
#b8dde8 rgb(184,221,232)
```
#c6e4ed
```
#c6e4ed rgb(198,228,237)
```
#d5ebf1
```
#d5ebf1 rgb(213,235,241)
```
#e4f2f6
```
#e4f2f6 rgb(228,242,246)
```
#f3f9fb
```
#f3f9fb rgb(243,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868e90 is the less saturated color, while #1acafc is the most saturated one.

#868e90
```
#868e90 rgb(134,142,144)
```
#7d9399
```
#7d9399 rgb(125,147,153)
```
#7498a2
```
#7498a2 rgb(116,152,162)
```
#6b9dab
```
#6b9dab rgb(107,157,171)
```
#62a2b4
```
#62a2b4 rgb(98,162,180)
```
#59a7bd
```
#59a7bd rgb(89,167,189)
```
#50acc6
```
#50acc6 rgb(80,172,198)
```
#47b1cf
```
#47b1cf rgb(71,177,207)
```
#3eb6d8
```
#3eb6d8 rgb(62,182,216)
```
#35bbe1
```
#35bbe1 rgb(53,187,225)
```
#2cc0ea
```
#2cc0ea rgb(44,192,234)
```
#23c5f3
```
#23c5f3 rgb(35,197,243)
```
#1acafc
```
#1acafc rgb(26,202,252)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#86989d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea3c1 Protanopia 1% of men
#9da2ce Deuteranopia 1% of men
#53b2bf Tritanopia 0.001% of the population

Trichromacy

#82a6c2 Protanomaly 1% of men, 0.01% of women
#81a5cb Deuteranomaly 6% of men, 0.4% of women
#52afc1 Tritanomaly 0.01% of the population

#50acc6 hex color

#50acc6 Color Information

#50acc6 Color Conversion

Color Schemes with #50acc6

Alternatives to #50acc6

#50acc6 Preview

Shades and Tints of #50acc6

Tones of #50acc6

Color Blindness Simulator