#1f988e hex color

In a RGB color space, hex #1f988e is composed of 12.2% red, 59.6% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 0% magenta, 6.6% yellow and 40.4% black. It has a hue angle of 175 degrees, a saturation of 66.1% and a lightness of 35.9%. #1f988e color hex could be obtained by blending #3effff with #00311d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 12
- G 60
- B 56
RGB color chart
- C 80
- M 0
- Y 7
- K 40
CMYK color chart

● #1f988e color description : Dark cyan.

The hexadecimal color #1f988e has RGB values of R:31, G:152, B:142 and CMYK values of C:0.8, M:0, Y:0.07, K:0.4. Its decimal value is 2070670.

Hex triplet	1f988e	`#1f988e`
RGB Decimal	31, 152, 142	`rgb(31,152,142)`
RGB Percent	12.2, 59.6, 55.7	`rgb(12.2%,59.6%,55.7%)`
CMYK	80, 0, 7, 40
HSL	175°, 66.1, 35.9	`hsl(175,66.1%,35.9%)`
HSV (or HSB)	175°, 79.6, 59.6
Web Safe	339999	`#339999`

CIE-LAB	56.781, -33.81, -3.898
XYZ	16.674, 24.699, 29.478
xyY	0.235, 0.349, 24.699
CIE-LCH	56.781, 34.034, 186.577
CIE-LUV	56.781, -42.519, -0.693
Hunter-Lab	49.698, -27.084, -0.379
Binary	00011111, 10011000, 10001110

#1f988e
```
#1f988e rgb(31,152,142)
```
#981f29
```
#981f29 rgb(152,31,41)
```

Complementary Color

#1f9852
```
#1f9852 rgb(31,152,82)
```
#1f988e
```
#1f988e rgb(31,152,142)
```
#1f6698
```
#1f6698 rgb(31,102,152)
```

Analogous Color

#98521f
```
#98521f rgb(152,82,31)
```
#1f988e
```
#1f988e rgb(31,152,142)
```
#981f66
```
#981f66 rgb(152,31,102)
```

Split Complementary Color

#988e1f
```
#988e1f rgb(152,142,31)
```
#1f988e
```
#1f988e rgb(31,152,142)
```
#8e1f98
```
#8e1f98 rgb(142,31,152)
```

Triadic Color

#29981f
```
#29981f rgb(41,152,31)
```
#1f988e
```
#1f988e rgb(31,152,142)
```
#8e1f98
```
#8e1f98 rgb(142,31,152)
```
#981f29
```
#981f29 rgb(152,31,41)
```

Tetradic Color

#125853
```
#125853 rgb(18,88,83)
```
#166e66
```
#166e66 rgb(22,110,102)
```
#1b837a
```
#1b837a rgb(27,131,122)
```
#1f988e
```
#1f988e rgb(31,152,142)
```
#23ada2
```
#23ada2 rgb(35,173,162)
```
#28c2b6
```
#28c2b6 rgb(40,194,182)
```
#2fd5c7
```
#2fd5c7 rgb(47,213,199)
```

Monochromatic Color

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

#1f9870
```
#1f9870 rgb(31,152,112)
```
#1f987a
```
#1f987a rgb(31,152,122)
```
#1f9884
```
#1f9884 rgb(31,152,132)
```
#1f988e
```
#1f988e rgb(31,152,142)
```
#1f9898
```
#1f9898 rgb(31,152,152)
```
#1f8e98
```
#1f8e98 rgb(31,142,152)
```
#1f8498
```
#1f8498 rgb(31,132,152)
```

Similar Colors

Text with hexadecimal color #1f988e

This text has a font color of #1f988e.

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

#1f988e background color

This paragraph has a background color of #1f988e.

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

#1f988e border color

This element has a border color of #1f988e.

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

CSS codes

.text {color:#1f988e;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#041614
```
#041614 rgb(4,22,20)
```
#082623
```
#082623 rgb(8,38,35)
```
#0b3633
```
#0b3633 rgb(11,54,51)
```
#0e4742
```
#0e4742 rgb(14,71,66)
```
#125751
```
#125751 rgb(18,87,81)
```
#156760
```
#156760 rgb(21,103,96)
```
#187770
```
#187770 rgb(24,119,112)
```
#1c887f
```
#1c887f rgb(28,136,127)
```
#1f988e
```
#1f988e rgb(31,152,142)
```
#22a89d
```
#22a89d rgb(34,168,157)
```
#26b9ac
```
#26b9ac rgb(38,185,172)
```
#29c9bc
```
#29c9bc rgb(41,201,188)
```

Shade Color Variation

#31d5c7
```
#31d5c7 rgb(49,213,199)
```
#41d8cc
```
#41d8cc rgb(65,216,204)
```
#51dcd0
```
#51dcd0 rgb(81,220,208)
```
#61dfd5
```
#61dfd5 rgb(97,223,213)
```
#72e2d9
```
#72e2d9 rgb(114,226,217)
```
#82e6dd
```
#82e6dd rgb(130,230,221)
```
#92e9e2
```
#92e9e2 rgb(146,233,226)
```
#a3ece6
```
#a3ece6 rgb(163,236,230)
```
#b3efea
```
#b3efea rgb(179,239,234)
```
#c3f3ef
```
#c3f3ef rgb(195,243,239)
```
#d3f6f3
```
#d3f6f3 rgb(211,246,243)
```
#e4f9f8
```
#e4f9f8 rgb(228,249,248)
```
#f4fdfc
```
#f4fdfc rgb(244,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57605f is the less saturated color, while #03b4a6 is the most saturated one.

#57605f
```
#57605f rgb(87,96,95)
```
#506765
```
#506765 rgb(80,103,101)
```
#496e6b
```
#496e6b rgb(73,110,107)
```
#427571
```
#427571 rgb(66,117,113)
```
#3b7c76
```
#3b7c76 rgb(59,124,118)
```
#34837c
```
#34837c rgb(52,131,124)
```
#2d8a82
```
#2d8a82 rgb(45,138,130)
```
#269188
```
#269188 rgb(38,145,136)
```
#1f988e
```
#1f988e rgb(31,152,142)
```
#189f94
```
#189f94 rgb(24,159,148)
```
#11a69a
```
#11a69a rgb(17,166,154)
```
#0aada0
```
#0aada0 rgb(10,173,160)
```
#03b4a6
```
#03b4a6 rgb(3,180,166)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#627a78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918d8b Protanopia 1% of men
#958a9a Deuteranopia 1% of men
#3a9aa5 Tritanopia 0.001% of the population

Trichromacy

#67918c Protanomaly 1% of men, 0.01% of women
#6a8f96 Deuteranomaly 6% of men, 0.4% of women
#30999d Tritanomaly 0.01% of the population

#1f988e hex color

#1f988e Color Information

#1f988e Color Conversion

Color Schemes with #1f988e

Alternatives to #1f988e

#1f988e Preview

Shades and Tints of #1f988e

Tones of #1f988e

Color Blindness Simulator