#20707f hex color

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

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

● #20707f color description : Dark cyan.

The hexadecimal color #20707f has RGB values of R:32, G:112, B:127 and CMYK values of C:0.75, M:0.12, Y:0, K:0.5. Its decimal value is 2125951.

Hex triplet	20707f	`#20707f`
RGB Decimal	32, 112, 127	`rgb(32,112,127)`
RGB Percent	12.5, 43.9, 49.8	`rgb(12.5%,43.9%,49.8%)`
CMYK	75, 12, 0, 50
HSL	189.5°, 59.7, 31.2	`hsl(189.5,59.7%,31.2%)`
HSV (or HSB)	189.5°, 74.8, 49.8
Web Safe	336666	`#336666`

CIE-LAB	43.399, -18.275, -15.178
XYZ	10.22, 13.427, 22.131
xyY	0.223, 0.293, 13.427
CIE-LCH	43.399, 23.756, 219.712
CIE-LUV	43.399, -28.663, -19
Hunter-Lab	36.643, -14.341, -10.159
Binary	00100000, 01110000, 01111111

#20707f
```
#20707f rgb(32,112,127)
```
#7f2f20
```
#7f2f20 rgb(127,47,32)
```

Complementary Color

#207f5f
```
#207f5f rgb(32,127,95)
```
#20707f
```
#20707f rgb(32,112,127)
```
#20417f
```
#20417f rgb(32,65,127)
```

Analogous Color

#7f5f20
```
#7f5f20 rgb(127,95,32)
```
#20707f
```
#20707f rgb(32,112,127)
```
#7f2041
```
#7f2041 rgb(127,32,65)
```

Split Complementary Color

#707f20
```
#707f20 rgb(112,127,32)
```
#20707f
```
#20707f rgb(32,112,127)
```
#7f2070
```
#7f2070 rgb(127,32,112)
```

Triadic Color

#207f2f
```
#207f2f rgb(32,127,47)
```
#20707f
```
#20707f rgb(32,112,127)
```
#7f2070
```
#7f2070 rgb(127,32,112)
```
#7f2f20
```
#7f2f20 rgb(127,47,32)
```

Tetradic Color

#113a42
```
#113a42 rgb(17,58,66)
```
#164c56
```
#164c56 rgb(22,76,86)
```
#1b5e6b
```
#1b5e6b rgb(27,94,107)
```
#20707f
```
#20707f rgb(32,112,127)
```
#258293
```
#258293 rgb(37,130,147)
```
#2a94a8
```
#2a94a8 rgb(42,148,168)
```
#2fa6bc
```
#2fa6bc rgb(47,166,188)
```

Monochromatic Color

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

#207f76
```
#207f76 rgb(32,127,118)
```
#207f7e
```
#207f7e rgb(32,127,126)
```
#20787f
```
#20787f rgb(32,120,127)
```
#20707f
```
#20707f rgb(32,112,127)
```
#20687f
```
#20687f rgb(32,104,127)
```
#20607f
```
#20607f rgb(32,96,127)
```
#20587f
```
#20587f rgb(32,88,127)
```

Similar Colors

Text with hexadecimal color #20707f

This text has a font color of #20707f.

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

#20707f background color

This paragraph has a background color of #20707f.

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

#20707f border color

This element has a border color of #20707f.

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

CSS codes

.text {color:#20707f;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040f11
```
#040f11 rgb(4,15,17)
```
#081d21
```
#081d21 rgb(8,29,33)
```
#0c2b31
```
#0c2b31 rgb(12,43,49)
```
#103940
```
#103940 rgb(16,57,64)
```
#144750
```
#144750 rgb(20,71,80)
```
#185460
```
#185460 rgb(24,84,96)
```
#1c626f
```
#1c626f rgb(28,98,111)
```
#20707f
```
#20707f rgb(32,112,127)
```
#247e8f
```
#247e8f rgb(36,126,143)
```
#288c9e
```
#288c9e rgb(40,140,158)
```
#2c99ae
```
#2c99ae rgb(44,153,174)
```
#30a7be
```
#30a7be rgb(48,167,190)
```

Shade Color Variation

#35b4cc
```
#35b4cc rgb(53,180,204)
```
#45bad0
```
#45bad0 rgb(69,186,208)
```
#54c0d4
```
#54c0d4 rgb(84,192,212)
```
#64c6d8
```
#64c6d8 rgb(100,198,216)
```
#74cbdc
```
#74cbdc rgb(116,203,220)
```
#83d1e0
```
#83d1e0 rgb(131,209,224)
```
#93d7e4
```
#93d7e4 rgb(147,215,228)
```
#a3dde8
```
#a3dde8 rgb(163,221,232)
```
#b2e3ec
```
#b2e3ec rgb(178,227,236)
```
#c2e8f0
```
#c2e8f0 rgb(194,232,240)
```
#d2eef4
```
#d2eef4 rgb(210,238,244)
```
#e1f4f8
```
#e1f4f8 rgb(225,244,248)
```
#f1fafb
```
#f1fafb rgb(241,250,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 #01859e is the most saturated one.

#4b5354
```
#4b5354 rgb(75,83,84)
```
#45575a
```
#45575a rgb(69,87,90)
```
#3f5b60
```
#3f5b60 rgb(63,91,96)
```
#385f67
```
#385f67 rgb(56,95,103)
```
#32636d
```
#32636d rgb(50,99,109)
```
#2c6873
```
#2c6873 rgb(44,104,115)
```
#266c79
```
#266c79 rgb(38,108,121)
```
#20707f
```
#20707f rgb(32,112,127)
```
#1a7485
```
#1a7485 rgb(26,116,133)
```
#14788b
```
#14788b rgb(20,120,139)
```
#0e7d91
```
#0e7d91 rgb(14,125,145)
```
#088197
```
#088197 rgb(8,129,151)
```
#01859e
```
#01859e rgb(1,133,158)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4e5e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6d7f Protanopia 1% of men
#696c89 Deuteranopia 1% of men
#277881 Tritanopia 0.001% of the population

Trichromacy

#4f6e7f Protanomaly 1% of men, 0.01% of women
#4e6d85 Deuteranomaly 6% of men, 0.4% of women
#247580 Tritanomaly 0.01% of the population

#20707f hex color

#20707f Color Information

#20707f Color Conversion

Color Schemes with #20707f

Alternatives to #20707f

#20707f Preview

Shades and Tints of #20707f

Tones of #20707f

Color Blindness Simulator