#20777f hex color

In a RGB color space, hex #20777f is composed of 12.5% red, 46.7% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 6.3% magenta, 0% yellow and 50.2% black. It has a hue angle of 185.1 degrees, a saturation of 59.7% and a lightness of 31.2%. #20777f color hex could be obtained by blending #40eefe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 47
- B 50
RGB color chart
- C 75
- M 6
- Y 0
- K 50
CMYK color chart

● #20777f color description : Dark cyan.

The hexadecimal color #20777f has RGB values of R:32, G:119, B:127 and CMYK values of C:0.75, M:0.06, Y:0, K:0.5. Its decimal value is 2127743.

Hex triplet	20777f	`#20777f`
RGB Decimal	32, 119, 127	`rgb(32,119,127)`
RGB Percent	12.5, 46.7, 49.8	`rgb(12.5%,46.7%,49.8%)`
CMYK	75, 6, 0, 50
HSL	185.1°, 59.7, 31.2	`hsl(185.1,59.7%,31.2%)`
HSV (or HSB)	185.1°, 74.8, 49.8
Web Safe	336666	`#336666`

CIE-LAB	45.678, -22.028, -11.721
XYZ	11.022, 15.032, 22.398
xyY	0.227, 0.31, 15.032
CIE-LCH	45.678, 24.953, 208.018
CIE-LUV	45.678, -31.274, -13.577
Hunter-Lab	38.771, -17.104, -7.112
Binary	00100000, 01110111, 01111111

#20777f
```
#20777f rgb(32,119,127)
```
#7f2820
```
#7f2820 rgb(127,40,32)
```

Complementary Color

#207f58
```
#207f58 rgb(32,127,88)
```
#20777f
```
#20777f rgb(32,119,127)
```
#20487f
```
#20487f rgb(32,72,127)
```

Analogous Color

#7f5820
```
#7f5820 rgb(127,88,32)
```
#20777f
```
#20777f rgb(32,119,127)
```
#7f2048
```
#7f2048 rgb(127,32,72)
```

Split Complementary Color

#777f20
```
#777f20 rgb(119,127,32)
```
#20777f
```
#20777f rgb(32,119,127)
```
#7f2077
```
#7f2077 rgb(127,32,119)
```

Triadic Color

#207f28
```
#207f28 rgb(32,127,40)
```
#20777f
```
#20777f rgb(32,119,127)
```
#7f2077
```
#7f2077 rgb(127,32,119)
```
#7f2820
```
#7f2820 rgb(127,40,32)
```

Tetradic Color

#113e42
```
#113e42 rgb(17,62,66)
```
#165156
```
#165156 rgb(22,81,86)
```
#1b646b
```
#1b646b rgb(27,100,107)
```
#20777f
```
#20777f rgb(32,119,127)
```
#258a93
```
#258a93 rgb(37,138,147)
```
#2a9da8
```
#2a9da8 rgb(42,157,168)
```
#2fb0bc
```
#2fb0bc rgb(47,176,188)
```

Monochromatic Color

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

#207f6f
```
#207f6f rgb(32,127,111)
```
#207f77
```
#207f77 rgb(32,127,119)
```
#207f7f
```
#207f7f rgb(32,127,127)
```
#20777f
```
#20777f rgb(32,119,127)
```
#206f7f
```
#206f7f rgb(32,111,127)
```
#20677f
```
#20677f rgb(32,103,127)
```
#205f7f
```
#205f7f rgb(32,95,127)
```

Similar Colors

Text with hexadecimal color #20777f

This text has a font color of #20777f.

<span style="color:#20777f;">Text here</span>

#20777f background color

This paragraph has a background color of #20777f.

<p style="background-color:#20777f;">Content here</p>

#20777f border color

This element has a border color of #20777f.

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

CSS codes

.text {color:#20777f;}

.background {background-color:#20777f;}

.border {border:1px solid #20777f;}

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

#000202
```
#000202 rgb(0,2,2)
```
#041011
```
#041011 rgb(4,16,17)
```
#081f21
```
#081f21 rgb(8,31,33)
```
#0c2e31
```
#0c2e31 rgb(12,46,49)
```
#103c40
```
#103c40 rgb(16,60,64)
```
#144b50
```
#144b50 rgb(20,75,80)
```
#185a60
```
#185a60 rgb(24,90,96)
```
#1c686f
```
#1c686f rgb(28,104,111)
```
#20777f
```
#20777f rgb(32,119,127)
```
#24868f
```
#24868f rgb(36,134,143)
```
#28949e
```
#28949e rgb(40,148,158)
```
#2ca3ae
```
#2ca3ae rgb(44,163,174)
```
#30b2be
```
#30b2be rgb(48,178,190)
```

Shade Color Variation

#35bfcc
```
#35bfcc rgb(53,191,204)
```
#45c4d0
```
#45c4d0 rgb(69,196,208)
```
#54c9d4
```
#54c9d4 rgb(84,201,212)
```
#64ced8
```
#64ced8 rgb(100,206,216)
```
#74d3dc
```
#74d3dc rgb(116,211,220)
```
#83d8e0
```
#83d8e0 rgb(131,216,224)
```
#93dde4
```
#93dde4 rgb(147,221,228)
```
#a3e2e8
```
#a3e2e8 rgb(163,226,232)
```
#b2e7ec
```
#b2e7ec rgb(178,231,236)
```
#c2ecf0
```
#c2ecf0 rgb(194,236,240)
```
#d2f1f4
```
#d2f1f4 rgb(210,241,244)
```
#e1f6f8
```
#e1f6f8 rgb(225,246,248)
```
#f1fbfb
```
#f1fbfb rgb(241,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b5354 is the less saturated color, while #01909e is the most saturated one.

#4b5354
```
#4b5354 rgb(75,83,84)
```
#45585a
```
#45585a rgb(69,88,90)
```
#3f5e60
```
#3f5e60 rgb(63,94,96)
```
#386367
```
#386367 rgb(56,99,103)
```
#32686d
```
#32686d rgb(50,104,109)
```
#2c6d73
```
#2c6d73 rgb(44,109,115)
```
#267279
```
#267279 rgb(38,114,121)
```
#20777f
```
#20777f rgb(32,119,127)
```
#1a7c85
```
#1a7c85 rgb(26,124,133)
```
#14818b
```
#14818b rgb(20,129,139)
```
#0e8691
```
#0e8691 rgb(14,134,145)
```
#088b97
```
#088b97 rgb(8,139,151)
```
#01909e
```
#01909e rgb(1,144,158)
```

Tone Color Variation

Below, you can see how #20777f 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

#5e5e5e Achromatopsia 0.005% of the population
#526365 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72737f Protanopia 1% of men
#72718a Deuteranopia 1% of men
#2c7d87 Tritanopia 0.001% of the population

Trichromacy

#54747f Protanomaly 1% of men, 0.01% of women
#547386 Deuteranomaly 6% of men, 0.4% of women
#287b84 Tritanomaly 0.01% of the population

#20777f hex color

#20777f Color Information

#20777f Color Conversion

Color Schemes with #20777f

Alternatives to #20777f

#20777f Preview

Shades and Tints of #20777f

Tones of #20777f

Color Blindness Simulator