#1f707f hex color

In a RGB color space, hex #1f707f is composed of 12.2% red, 43.9% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 11.8% magenta, 0% yellow and 50.2% black. It has a hue angle of 189.4 degrees, a saturation of 60.8% and a lightness of 31%. #1f707f color hex could be obtained by blending #3ee0fe with #000000. Closest websafe color is: #336666.

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

● #1f707f color description : Dark cyan.

The hexadecimal color #1f707f has RGB values of R:31, G:112, B:127 and CMYK values of C:0.76, M:0.12, Y:0, K:0.5. Its decimal value is 2060415.

Hex triplet	1f707f	`#1f707f`
RGB Decimal	31, 112, 127	`rgb(31,112,127)`
RGB Percent	12.2, 43.9, 49.8	`rgb(12.2%,43.9%,49.8%)`
CMYK	76, 12, 0, 50
HSL	189.4°, 60.8, 31	`hsl(189.4,60.8%,31%)`
HSV (or HSB)	189.4°, 75.6, 49.8
Web Safe	336666	`#336666`

CIE-LAB	43.376, -18.412, -15.216
XYZ	10.189, 13.411, 22.129
xyY	0.223, 0.293, 13.411
CIE-LCH	43.376, 23.885, 219.571
CIE-LUV	43.376, -28.815, -19.038
Hunter-Lab	36.621, -14.424, -10.193
Binary	00011111, 01110000, 01111111

#1f707f
```
#1f707f rgb(31,112,127)
```
#7f2e1f
```
#7f2e1f rgb(127,46,31)
```

Complementary Color

#1f7f5e
```
#1f7f5e rgb(31,127,94)
```
#1f707f
```
#1f707f rgb(31,112,127)
```
#1f407f
```
#1f407f rgb(31,64,127)
```

Analogous Color

#7f5e1f
```
#7f5e1f rgb(127,94,31)
```
#1f707f
```
#1f707f rgb(31,112,127)
```
#7f1f40
```
#7f1f40 rgb(127,31,64)
```

Split Complementary Color

#707f1f
```
#707f1f rgb(112,127,31)
```
#1f707f
```
#1f707f rgb(31,112,127)
```
#7f1f70
```
#7f1f70 rgb(127,31,112)
```

Triadic Color

#1f7f2e
```
#1f7f2e rgb(31,127,46)
```
#1f707f
```
#1f707f rgb(31,112,127)
```
#7f1f70
```
#7f1f70 rgb(127,31,112)
```
#7f2e1f
```
#7f2e1f rgb(127,46,31)
```

Tetradic Color

#103a42
```
#103a42 rgb(16,58,66)
```
#154c56
```
#154c56 rgb(21,76,86)
```
#1a5e6b
```
#1a5e6b rgb(26,94,107)
```
#1f707f
```
#1f707f rgb(31,112,127)
```
#248293
```
#248293 rgb(36,130,147)
```
#2994a8
```
#2994a8 rgb(41,148,168)
```
#2ea6bc
```
#2ea6bc rgb(46,166,188)
```

Monochromatic Color

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

#1f7f76
```
#1f7f76 rgb(31,127,118)
```
#1f7f7e
```
#1f7f7e rgb(31,127,126)
```
#1f787f
```
#1f787f rgb(31,120,127)
```
#1f707f
```
#1f707f rgb(31,112,127)
```
#1f687f
```
#1f687f rgb(31,104,127)
```
#1f607f
```
#1f607f rgb(31,96,127)
```
#1f587f
```
#1f587f rgb(31,88,127)
```

Similar Colors

Text with hexadecimal color #1f707f

This text has a font color of #1f707f.

<span style="color:#1f707f;">Text here</span>

#1f707f background color

This paragraph has a background color of #1f707f.

<p style="background-color:#1f707f;">Content here</p>

#1f707f border color

This element has a border color of #1f707f.

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

CSS codes

.text {color:#1f707f;}

.background {background-color:#1f707f;}

.border {border:1px solid #1f707f;}

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

#000101
```
#000101 rgb(0,1,1)
```
#040f11
```
#040f11 rgb(4,15,17)
```
#081d20
```
#081d20 rgb(8,29,32)
```
#0c2a30
```
#0c2a30 rgb(12,42,48)
```
#103840
```
#103840 rgb(16,56,64)
```
#134650
```
#134650 rgb(19,70,80)
```
#17545f
```
#17545f rgb(23,84,95)
```
#1b626f
```
#1b626f rgb(27,98,111)
```
#1f707f
```
#1f707f rgb(31,112,127)
```
#237e8f
```
#237e8f rgb(35,126,143)
```
#278c9f
```
#278c9f rgb(39,140,159)
```
#2b9aae
```
#2b9aae rgb(43,154,174)
```
#2ea8be
```
#2ea8be rgb(46,168,190)
```

Shade Color Variation

#33b5cd
```
#33b5cd rgb(51,181,205)
```
#43bbd1
```
#43bbd1 rgb(67,187,209)
```
#52c0d5
```
#52c0d5 rgb(82,192,213)
```
#62c6d9
```
#62c6d9 rgb(98,198,217)
```
#72ccdd
```
#72ccdd rgb(114,204,221)
```
#82d2e0
```
#82d2e0 rgb(130,210,224)
```
#91d7e4
```
#91d7e4 rgb(145,215,228)
```
#a1dde8
```
#a1dde8 rgb(161,221,232)
```
#b1e3ec
```
#b1e3ec rgb(177,227,236)
```
#c1e8f0
```
#c1e8f0 rgb(193,232,240)
```
#d1eef4
```
#d1eef4 rgb(209,238,244)
```
#e0f4f8
```
#e0f4f8 rgb(224,244,248)
```
#f0fafb
```
#f0fafb rgb(240,250,251)
```

Tint Color Variation

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

#4a5354
```
#4a5354 rgb(74,83,84)
```
#43575b
```
#43575b rgb(67,87,91)
```
#3d5b61
```
#3d5b61 rgb(61,91,97)
```
#375f67
```
#375f67 rgb(55,95,103)
```
#31636d
```
#31636d rgb(49,99,109)
```
#2b6873
```
#2b6873 rgb(43,104,115)
```
#256c79
```
#256c79 rgb(37,108,121)
```
#1f707f
```
#1f707f rgb(31,112,127)
```
#197485
```
#197485 rgb(25,116,133)
```
#13788b
```
#13788b rgb(19,120,139)
```
#0d7d91
```
#0d7d91 rgb(13,125,145)
```
#078197
```
#078197 rgb(7,129,151)
```
#01859d
```
#01859d rgb(1,133,157)
```

Tone Color Variation

Below, you can see how #1f707f 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

#595959 Achromatopsia 0.005% of the population
#4d5e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6d7f Protanopia 1% of men
#696c89 Deuteranopia 1% of men
#267881 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
#237580 Tritanomaly 0.01% of the population

#1f707f hex color

#1f707f Color Information

#1f707f Color Conversion

Color Schemes with #1f707f

Alternatives to #1f707f

#1f707f Preview

Shades and Tints of #1f707f

Tones of #1f707f

Color Blindness Simulator