#1f7470 hex color

In a RGB color space, hex #1f7470 is composed of 12.2% red, 45.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 0% magenta, 3.4% yellow and 54.5% black. It has a hue angle of 177.2 degrees, a saturation of 57.8% and a lightness of 28.8%. #1f7470 color hex could be obtained by blending #3ee8e0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 45
- B 44
RGB color chart
- C 73
- M 0
- Y 3
- K 55
CMYK color chart

● #1f7470 color description : Dark cyan.

The hexadecimal color #1f7470 has RGB values of R:31, G:116, B:112 and CMYK values of C:0.73, M:0, Y:0.03, K:0.55. Its decimal value is 2061424.

Hex triplet	1f7470	`#1f7470`
RGB Decimal	31, 116, 112	`rgb(31,116,112)`
RGB Percent	12.2, 45.5, 43.9	`rgb(12.2%,45.5%,43.9%)`
CMYK	73, 0, 3, 55
HSL	177.2°, 57.8, 28.8	`hsl(177.2,57.8%,28.8%)`
HSV (or HSB)	177.2°, 73.3, 45.5
Web Safe	336666	`#336666`

CIE-LAB	44.163, -25.389, -5.028
XYZ	9.734, 13.951, 17.508
xyY	0.236, 0.339, 13.951
CIE-LCH	44.163, 25.883, 191.202
CIE-LUV	44.163, -31.254, -3.394
Hunter-Lab	37.351, -18.845, -1.646
Binary	00011111, 01110100, 01110000

#1f7470
```
#1f7470 rgb(31,116,112)
```
#741f23
```
#741f23 rgb(116,31,35)
```

Complementary Color

#1f7446
```
#1f7446 rgb(31,116,70)
```
#1f7470
```
#1f7470 rgb(31,116,112)
```
#1f4e74
```
#1f4e74 rgb(31,78,116)
```

Analogous Color

#74461f
```
#74461f rgb(116,70,31)
```
#1f7470
```
#1f7470 rgb(31,116,112)
```
#741f4e
```
#741f4e rgb(116,31,78)
```

Split Complementary Color

#74701f
```
#74701f rgb(116,112,31)
```
#1f7470
```
#1f7470 rgb(31,116,112)
```
#701f74
```
#701f74 rgb(112,31,116)
```

Triadic Color

#23741f
```
#23741f rgb(35,116,31)
```
#1f7470
```
#1f7470 rgb(31,116,112)
```
#701f74
```
#701f74 rgb(112,31,116)
```
#741f23
```
#741f23 rgb(116,31,35)
```

Tetradic Color

#0f3836
```
#0f3836 rgb(15,56,54)
```
#144c49
```
#144c49 rgb(20,76,73)
```
#1a605d
```
#1a605d rgb(26,96,93)
```
#1f7470
```
#1f7470 rgb(31,116,112)
```
#248883
```
#248883 rgb(36,136,131)
```
#2a9c97
```
#2a9c97 rgb(42,156,151)
```
#2fb0aa
```
#2fb0aa rgb(47,176,170)
```

Monochromatic Color

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

#1f745b
```
#1f745b rgb(31,116,91)
```
#1f7462
```
#1f7462 rgb(31,116,98)
```
#1f7469
```
#1f7469 rgb(31,116,105)
```
#1f7470
```
#1f7470 rgb(31,116,112)
```
#1f7174
```
#1f7174 rgb(31,113,116)
```
#1f6a74
```
#1f6a74 rgb(31,106,116)
```
#1f6374
```
#1f6374 rgb(31,99,116)
```

Similar Colors

Text with hexadecimal color #1f7470

This text has a font color of #1f7470.

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

#1f7470 background color

This paragraph has a background color of #1f7470.

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

#1f7470 border color

This element has a border color of #1f7470.

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

CSS codes

.text {color:#1f7470;}

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

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

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

#020807
```
#020807 rgb(2,8,7)
```
#061716
```
#061716 rgb(6,23,22)
```
#0a2725
```
#0a2725 rgb(10,39,37)
```
#0e3634
```
#0e3634 rgb(14,54,52)
```
#134643
```
#134643 rgb(19,70,67)
```
#175552
```
#175552 rgb(23,85,82)
```
#1b6561
```
#1b6561 rgb(27,101,97)
```
#1f7470
```
#1f7470 rgb(31,116,112)
```
#23837f
```
#23837f rgb(35,131,127)
```
#27938e
```
#27938e rgb(39,147,142)
```
#2ba29d
```
#2ba29d rgb(43,162,157)
```
#30b2ac
```
#30b2ac rgb(48,178,172)
```
#34c1bb
```
#34c1bb rgb(52,193,187)
```

Shade Color Variation

#3dcbc5
```
#3dcbc5 rgb(61,203,197)
```
#4dcfc9
```
#4dcfc9 rgb(77,207,201)
```
#5cd4ce
```
#5cd4ce rgb(92,212,206)
```
#6cd8d3
```
#6cd8d3 rgb(108,216,211)
```
#7bdcd7
```
#7bdcd7 rgb(123,220,215)
```
#8be0dc
```
#8be0dc rgb(139,224,220)
```
#9ae4e1
```
#9ae4e1 rgb(154,228,225)
```
#aae8e5
```
#aae8e5 rgb(170,232,229)
```
#b9ecea
```
#b9ecea rgb(185,236,234)
```
#c9f0ef
```
#c9f0ef rgb(201,240,239)
```
#d8f5f3
```
#d8f5f3 rgb(216,245,243)
```
#e8f9f8
```
#e8f9f8 rgb(232,249,248)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #474c4c is the less saturated color, while #03908a is the most saturated one.

#474c4c
```
#474c4c rgb(71,76,76)
```
#415251
```
#415251 rgb(65,82,81)
```
#3b5856
```
#3b5856 rgb(59,88,86)
```
#365d5c
```
#365d5c rgb(54,93,92)
```
#306361
```
#306361 rgb(48,99,97)
```
#2a6966
```
#2a6966 rgb(42,105,102)
```
#256e6b
```
#256e6b rgb(37,110,107)
```
#1f7470
```
#1f7470 rgb(31,116,112)
```
#197a75
```
#197a75 rgb(25,122,117)
```
#147f7a
```
#147f7a rgb(20,127,122)
```
#0e857f
```
#0e857f rgb(14,133,127)
```
#088b84
```
#088b84 rgb(8,139,132)
```
#03908a
```
#03908a rgb(3,144,138)
```

Tone Color Variation

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

Dichromacy

#716f71 Protanopia 1% of men
#746d7c Deuteranopia 1% of men
#327982 Tritanopia 0.001% of the population

Trichromacy

#537170 Protanomaly 1% of men, 0.01% of women
#556f77 Deuteranomaly 6% of men, 0.4% of women
#2b777b Tritanomaly 0.01% of the population

#1f7470 hex color

#1f7470 Color Information

#1f7470 Color Conversion

Color Schemes with #1f7470

Alternatives to #1f7470

#1f7470 Preview

Shades and Tints of #1f7470

Tones of #1f7470

Color Blindness Simulator