#1f9486 hex color

In a RGB color space, hex #1f9486 is composed of 12.2% red, 58% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 0% magenta, 9.5% yellow and 42% black. It has a hue angle of 172.8 degrees, a saturation of 65.4% and a lightness of 35.1%. #1f9486 color hex could be obtained by blending #3effff with #00290d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 12
- G 58
- B 53
RGB color chart
- C 79
- M 0
- Y 9
- K 42
CMYK color chart

● #1f9486 color description : Dark cyan.

The hexadecimal color #1f9486 has RGB values of R:31, G:148, B:134 and CMYK values of C:0.79, M:0, Y:0.09, K:0.42. Its decimal value is 2069638.

Hex triplet	1f9486	`#1f9486`
RGB Decimal	31, 148, 134	`rgb(31,148,134)`
RGB Percent	12.2, 58, 52.5	`rgb(12.2%,58%,52.5%)`
CMYK	79, 0, 9, 42
HSL	172.8°, 65.4, 35.1	`hsl(172.8,65.4%,35.1%)`
HSV (or HSB)	172.8°, 79.1, 58
Web Safe	339999	`#339999`

CIE-LAB	55.268, -34.275, -1.544
XYZ	15.457, 23.191, 26.215
xyY	0.238, 0.358, 23.191
CIE-LCH	55.268, 34.31, 182.579
CIE-LUV	55.268, -41.636, 2.813
Hunter-Lab	48.157, -26.982, 1.435
Binary	00011111, 10010100, 10000110

#1f9486
```
#1f9486 rgb(31,148,134)
```
#941f2d
```
#941f2d rgb(148,31,45)
```

Complementary Color

#1f944c
```
#1f944c rgb(31,148,76)
```
#1f9486
```
#1f9486 rgb(31,148,134)
```
#1f6894
```
#1f6894 rgb(31,104,148)
```

Analogous Color

#944c1f
```
#944c1f rgb(148,76,31)
```
#1f9486
```
#1f9486 rgb(31,148,134)
```
#941f68
```
#941f68 rgb(148,31,104)
```

Split Complementary Color

#94861f
```
#94861f rgb(148,134,31)
```
#1f9486
```
#1f9486 rgb(31,148,134)
```
#861f94
```
#861f94 rgb(134,31,148)
```

Triadic Color

#2d941f
```
#2d941f rgb(45,148,31)
```
#1f9486
```
#1f9486 rgb(31,148,134)
```
#861f94
```
#861f94 rgb(134,31,148)
```
#941f2d
```
#941f2d rgb(148,31,45)
```

Tetradic Color

#12554d
```
#12554d rgb(18,85,77)
```
#166a60
```
#166a60 rgb(22,106,96)
```
#1b7f73
```
#1b7f73 rgb(27,127,115)
```
#1f9486
```
#1f9486 rgb(31,148,134)
```
#23a999
```
#23a999 rgb(35,169,153)
```
#28beac
```
#28beac rgb(40,190,172)
```
#2dd3bf
```
#2dd3bf rgb(45,211,191)
```

Monochromatic Color

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

#1f9469
```
#1f9469 rgb(31,148,105)
```
#1f9473
```
#1f9473 rgb(31,148,115)
```
#1f947c
```
#1f947c rgb(31,148,124)
```
#1f9486
```
#1f9486 rgb(31,148,134)
```
#1f9490
```
#1f9490 rgb(31,148,144)
```
#1f8f94
```
#1f8f94 rgb(31,143,148)
```
#1f8594
```
#1f8594 rgb(31,133,148)
```

Similar Colors

Text with hexadecimal color #1f9486

This text has a font color of #1f9486.

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

#1f9486 background color

This paragraph has a background color of #1f9486.

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

#1f9486 border color

This element has a border color of #1f9486.

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

CSS codes

.text {color:#1f9486;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041211
```
#041211 rgb(4,18,17)
```
#07221f
```
#07221f rgb(7,34,31)
```
#0b332e
```
#0b332e rgb(11,51,46)
```
#0e433d
```
#0e433d rgb(14,67,61)
```
#11534b
```
#11534b rgb(17,83,75)
```
#15635a
```
#15635a rgb(21,99,90)
```
#187469
```
#187469 rgb(24,116,105)
```
#1c8477
```
#1c8477 rgb(28,132,119)
```
#1f9486
```
#1f9486 rgb(31,148,134)
```
#22a495
```
#22a495 rgb(34,164,149)
```
#26b4a3
```
#26b4a3 rgb(38,180,163)
```
#29c5b2
```
#29c5b2 rgb(41,197,178)
```

Shade Color Variation

#2ed3c0
```
#2ed3c0 rgb(46,211,192)
```
#3ed7c4
```
#3ed7c4 rgb(62,215,196)
```
#4fdac9
```
#4fdac9 rgb(79,218,201)
```
#5fddce
```
#5fddce rgb(95,221,206)
```
#6fe1d3
```
#6fe1d3 rgb(111,225,211)
```
#7fe4d8
```
#7fe4d8 rgb(127,228,216)
```
#90e8dd
```
#90e8dd rgb(144,232,221)
```
#a0ebe2
```
#a0ebe2 rgb(160,235,226)
```
#b0eee7
```
#b0eee7 rgb(176,238,231)
```
#c0f2ec
```
#c0f2ec rgb(192,242,236)
```
#d0f5f1
```
#d0f5f1 rgb(208,245,241)
```
#e1f9f6
```
#e1f9f6 rgb(225,249,246)
```
#f1fcfb
```
#f1fcfb rgb(241,252,251)
```

Tint Color Variation

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

#565d5c
```
#565d5c rgb(86,93,92)
```
#4f6461
```
#4f6461 rgb(79,100,97)
```
#486b67
```
#486b67 rgb(72,107,103)
```
#41726c
```
#41726c rgb(65,114,108)
```
#3b7871
```
#3b7871 rgb(59,120,113)
```
#347f76
```
#347f76 rgb(52,127,118)
```
#2d867c
```
#2d867c rgb(45,134,124)
```
#268d81
```
#268d81 rgb(38,141,129)
```
#1f9486
```
#1f9486 rgb(31,148,134)
```
#189b8b
```
#189b8b rgb(24,155,139)
```
#11a290
```
#11a290 rgb(17,162,144)
```
#0aa996
```
#0aa996 rgb(10,169,150)
```
#03b09b
```
#03b09b rgb(3,176,155)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5f7674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8a84 Protanopia 1% of men
#938692 Deuteranopia 1% of men
#3b96a1 Tritanopia 0.001% of the population

Trichromacy

#668d84 Protanomaly 1% of men, 0.01% of women
#698b8e Deuteranomaly 6% of men, 0.4% of women
#319597 Tritanomaly 0.01% of the population

#1f9486 hex color

#1f9486 Color Information

#1f9486 Color Conversion

Color Schemes with #1f9486

Alternatives to #1f9486

#1f9486 Preview

Shades and Tints of #1f9486

Tones of #1f9486

Color Blindness Simulator