#20777d hex color

In a RGB color space, hex #20777d is composed of 12.5% red, 46.7% green and 49% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 4.8% magenta, 0% yellow and 51% black. It has a hue angle of 183.9 degrees, a saturation of 59.2% and a lightness of 30.8%. #20777d color hex could be obtained by blending #40eefa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 47
- B 49
RGB color chart
- C 74
- M 5
- Y 0
- K 51
CMYK color chart

● #20777d color description : Dark cyan.

The hexadecimal color #20777d has RGB values of R:32, G:119, B:125 and CMYK values of C:0.74, M:0.05, Y:0, K:0.51. Its decimal value is 2127741.

Hex triplet	20777d	`#20777d`
RGB Decimal	32, 119, 125	`rgb(32,119,125)`
RGB Percent	12.5, 46.7, 49	`rgb(12.5%,46.7%,49%)`
CMYK	74, 5, 0, 51
HSL	183.9°, 59.2, 30.8	`hsl(183.9,59.2%,30.8%)`
HSV (or HSB)	183.9°, 74.4, 49
Web Safe	336666	`#336666`

CIE-LAB	45.607, -22.679, -10.637
XYZ	10.893, 14.98, 21.718
xyY	0.229, 0.315, 14.98
CIE-LCH	45.607, 25.049, 205.127
CIE-LUV	45.607, -31.402, -11.888
Hunter-Lab	38.705, -17.496, -6.176
Binary	00100000, 01110111, 01111101

#20777d
```
#20777d rgb(32,119,125)
```
#7d2620
```
#7d2620 rgb(125,38,32)
```

Complementary Color

#207d54
```
#207d54 rgb(32,125,84)
```
#20777d
```
#20777d rgb(32,119,125)
```
#20497d
```
#20497d rgb(32,73,125)
```

Analogous Color

#7d5420
```
#7d5420 rgb(125,84,32)
```
#20777d
```
#20777d rgb(32,119,125)
```
#7d2049
```
#7d2049 rgb(125,32,73)
```

Split Complementary Color

#777d20
```
#777d20 rgb(119,125,32)
```
#20777d
```
#20777d rgb(32,119,125)
```
#7d2077
```
#7d2077 rgb(125,32,119)
```

Triadic Color

#207d26
```
#207d26 rgb(32,125,38)
```
#20777d
```
#20777d rgb(32,119,125)
```
#7d2077
```
#7d2077 rgb(125,32,119)
```
#7d2620
```
#7d2620 rgb(125,38,32)
```

Tetradic Color

#103d40
```
#103d40 rgb(16,61,64)
```
#165054
```
#165054 rgb(22,80,84)
```
#1b6469
```
#1b6469 rgb(27,100,105)
```
#20777d
```
#20777d rgb(32,119,125)
```
#258a91
```
#258a91 rgb(37,138,145)
```
#2a9ea6
```
#2a9ea6 rgb(42,158,166)
```
#30b1ba
```
#30b1ba rgb(48,177,186)
```

Monochromatic Color

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

#207d6c
```
#207d6c rgb(32,125,108)
```
#207d74
```
#207d74 rgb(32,125,116)
```
#207d7b
```
#207d7b rgb(32,125,123)
```
#20777d
```
#20777d rgb(32,119,125)
```
#206f7d
```
#206f7d rgb(32,111,125)
```
#20687d
```
#20687d rgb(32,104,125)
```
#20607d
```
#20607d rgb(32,96,125)
```

Similar Colors

Text with hexadecimal color #20777d

This text has a font color of #20777d.

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

#20777d background color

This paragraph has a background color of #20777d.

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

#20777d border color

This element has a border color of #20777d.

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

CSS codes

.text {color:#20777d;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040f10
```
#040f10 rgb(4,15,16)
```
#081e1f
```
#081e1f rgb(8,30,31)
```
#0c2d2f
```
#0c2d2f rgb(12,45,47)
```
#103c3f
```
#103c3f rgb(16,60,63)
```
#144a4e
```
#144a4e rgb(20,74,78)
```
#18595e
```
#18595e rgb(24,89,94)
```
#1c686d
```
#1c686d rgb(28,104,109)
```
#20777d
```
#20777d rgb(32,119,125)
```
#24868d
```
#24868d rgb(36,134,141)
```
#28959c
```
#28959c rgb(40,149,156)
```
#2ca4ac
```
#2ca4ac rgb(44,164,172)
```
#30b2bb
```
#30b2bb rgb(48,178,187)
```

Shade Color Variation

#34c1cb
```
#34c1cb rgb(52,193,203)
```
#44c6cf
```
#44c6cf rgb(68,198,207)
```
#53cbd3
```
#53cbd3 rgb(83,203,211)
```
#63d0d7
```
#63d0d7 rgb(99,208,215)
```
#73d4db
```
#73d4db rgb(115,212,219)
```
#82d9df
```
#82d9df rgb(130,217,223)
```
#92dee3
```
#92dee3 rgb(146,222,227)
```
#a1e3e7
```
#a1e3e7 rgb(161,227,231)
```
#b1e7eb
```
#b1e7eb rgb(177,231,235)
```
#c1ecef
```
#c1ecef rgb(193,236,239)
```
#d0f1f3
```
#d0f1f3 rgb(208,241,243)
```
#e0f6f7
```
#e0f6f7 rgb(224,246,247)
```
#effafb
```
#effafb rgb(239,250,251)
```

Tint Color Variation

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

#4a5253
```
#4a5253 rgb(74,82,83)
```
#445759
```
#445759 rgb(68,87,89)
```
#3e5d5f
```
#3e5d5f rgb(62,93,95)
```
#386265
```
#386265 rgb(56,98,101)
```
#32676b
```
#32676b rgb(50,103,107)
```
#2c6c71
```
#2c6c71 rgb(44,108,113)
```
#267277
```
#267277 rgb(38,114,119)
```
#20777d
```
#20777d rgb(32,119,125)
```
#1a7c83
```
#1a7c83 rgb(26,124,131)
```
#148289
```
#148289 rgb(20,130,137)
```
#0e878f
```
#0e878f rgb(14,135,143)
```
#088c95
```
#088c95 rgb(8,140,149)
```
#02919b
```
#02919b rgb(2,145,155)
```

Tone Color Variation

Below, you can see how #20777d 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
#526364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72727d Protanopia 1% of men
#737188 Deuteranopia 1% of men
#2e7d86 Tritanopia 0.001% of the population

Trichromacy

#54747d Protanomaly 1% of men, 0.01% of women
#557384 Deuteranomaly 6% of men, 0.4% of women
#287b83 Tritanomaly 0.01% of the population

#20777d hex color

#20777d Color Information

#20777d Color Conversion

Color Schemes with #20777d

Alternatives to #20777d

#20777d Preview

Shades and Tints of #20777d

Tones of #20777d

Color Blindness Simulator