#1f787f hex color

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

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

● #1f787f color description : Dark cyan.

The hexadecimal color #1f787f has RGB values of R:31, G:120, B:127 and CMYK values of C:0.76, M:0.06, Y:0, K:0.5. Its decimal value is 2062463.

Hex triplet	1f787f	`#1f787f`
RGB Decimal	31, 120, 127	`rgb(31,120,127)`
RGB Percent	12.2, 47.1, 49.8	`rgb(12.2%,47.1%,49.8%)`
CMYK	76, 6, 0, 50
HSL	184.4°, 60.8, 31	`hsl(184.4,60.8%,31%)`
HSV (or HSB)	184.4°, 75.6, 49.8
Web Safe	336666	`#336666`

CIE-LAB	45.982, -22.684, -11.265
XYZ	11.111, 15.256, 22.437
xyY	0.228, 0.313, 15.256
CIE-LCH	45.982, 25.327, 206.408
CIE-LUV	45.982, -31.794, -12.837
Hunter-Lab	39.058, -17.573, -6.717
Binary	00011111, 01111000, 01111111

#1f787f
```
#1f787f rgb(31,120,127)
```
#7f261f
```
#7f261f rgb(127,38,31)
```

Complementary Color

#1f7f56
```
#1f7f56 rgb(31,127,86)
```
#1f787f
```
#1f787f rgb(31,120,127)
```
#1f487f
```
#1f487f rgb(31,72,127)
```

Analogous Color

#7f561f
```
#7f561f rgb(127,86,31)
```
#1f787f
```
#1f787f rgb(31,120,127)
```
#7f1f48
```
#7f1f48 rgb(127,31,72)
```

Split Complementary Color

#787f1f
```
#787f1f rgb(120,127,31)
```
#1f787f
```
#1f787f rgb(31,120,127)
```
#7f1f78
```
#7f1f78 rgb(127,31,120)
```

Triadic Color

#1f7f26
```
#1f7f26 rgb(31,127,38)
```
#1f787f
```
#1f787f rgb(31,120,127)
```
#7f1f78
```
#7f1f78 rgb(127,31,120)
```
#7f261f
```
#7f261f rgb(127,38,31)
```

Tetradic Color

#103e42
```
#103e42 rgb(16,62,66)
```
#155156
```
#155156 rgb(21,81,86)
```
#1a656b
```
#1a656b rgb(26,101,107)
```
#1f787f
```
#1f787f rgb(31,120,127)
```
#248b93
```
#248b93 rgb(36,139,147)
```
#299fa8
```
#299fa8 rgb(41,159,168)
```
#2eb2bc
```
#2eb2bc rgb(46,178,188)
```

Monochromatic Color

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

#1f7f6e
```
#1f7f6e rgb(31,127,110)
```
#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)
```

Similar Colors

Text with hexadecimal color #1f787f

This text has a font color of #1f787f.

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

#1f787f background color

This paragraph has a background color of #1f787f.

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

#1f787f border color

This element has a border color of #1f787f.

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

CSS codes

.text {color:#1f787f;}

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

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

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 #f0fbfb is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#041011
```
#041011 rgb(4,16,17)
```
#081f20
```
#081f20 rgb(8,31,32)
```
#0c2e30
```
#0c2e30 rgb(12,46,48)
```
#103c40
```
#103c40 rgb(16,60,64)
```
#134b50
```
#134b50 rgb(19,75,80)
```
#175a5f
```
#175a5f rgb(23,90,95)
```
#1b696f
```
#1b696f rgb(27,105,111)
```
#1f787f
```
#1f787f rgb(31,120,127)
```
#23878f
```
#23878f rgb(35,135,143)
```
#27969f
```
#27969f rgb(39,150,159)
```
#2ba5ae
```
#2ba5ae rgb(43,165,174)
```
#2eb4be
```
#2eb4be rgb(46,180,190)
```

Shade Color Variation

#33c2cd
```
#33c2cd rgb(51,194,205)
```
#43c7d1
```
#43c7d1 rgb(67,199,209)
```
#52cbd5
```
#52cbd5 rgb(82,203,213)
```
#62d0d9
```
#62d0d9 rgb(98,208,217)
```
#72d5dd
```
#72d5dd rgb(114,213,221)
```
#82dae0
```
#82dae0 rgb(130,218,224)
```
#91dee4
```
#91dee4 rgb(145,222,228)
```
#a1e3e8
```
#a1e3e8 rgb(161,227,232)
```
#b1e8ec
```
#b1e8ec rgb(177,232,236)
```
#c1ecf0
```
#c1ecf0 rgb(193,236,240)
```
#d1f1f4
```
#d1f1f4 rgb(209,241,244)
```
#e0f6f8
```
#e0f6f8 rgb(224,246,248)
```
#f0fbfb
```
#f0fbfb rgb(240,251,251)
```

Tint Color Variation

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

#4a5454
```
#4a5454 rgb(74,84,84)
```
#43595b
```
#43595b rgb(67,89,91)
```
#3d5e61
```
#3d5e61 rgb(61,94,97)
```
#376367
```
#376367 rgb(55,99,103)
```
#31686d
```
#31686d rgb(49,104,109)
```
#2b6e73
```
#2b6e73 rgb(43,110,115)
```
#257379
```
#257379 rgb(37,115,121)
```
#1f787f
```
#1f787f rgb(31,120,127)
```
#197d85
```
#197d85 rgb(25,125,133)
```
#13828b
```
#13828b rgb(19,130,139)
```
#0d8891
```
#0d8891 rgb(13,136,145)
```
#078d97
```
#078d97 rgb(7,141,151)
```
#01929d
```
#01929d rgb(1,146,157)
```

Tone Color Variation

Below, you can see how #1f787f 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
#516365 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73737f Protanopia 1% of men
#73728a Deuteranopia 1% of men
#2c7e87 Tritanopia 0.001% of the population

Trichromacy

#54757f Protanomaly 1% of men, 0.01% of women
#547486 Deuteranomaly 6% of men, 0.4% of women
#277c84 Tritanomaly 0.01% of the population

#1f787f hex color

#1f787f Color Information

#1f787f Color Conversion

Color Schemes with #1f787f

Alternatives to #1f787f

#1f787f Preview

Shades and Tints of #1f787f

Tones of #1f787f

Color Blindness Simulator