#1f7774 hex color

In a RGB color space, hex #1f7774 is composed of 12.2% red, 46.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 0% magenta, 2.5% yellow and 53.3% black. It has a hue angle of 178 degrees, a saturation of 58.7% and a lightness of 29.4%. #1f7774 color hex could be obtained by blending #3eeee8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 47
- B 45
RGB color chart
- C 74
- M 0
- Y 3
- K 53
CMYK color chart

● #1f7774 color description : Dark cyan.

The hexadecimal color #1f7774 has RGB values of R:31, G:119, B:116 and CMYK values of C:0.74, M:0, Y:0.03, K:0.53. Its decimal value is 2062196.

Hex triplet	1f7774	`#1f7774`
RGB Decimal	31, 119, 116	`rgb(31,119,116)`
RGB Percent	12.2, 46.7, 45.5	`rgb(12.2%,46.7%,45.5%)`
CMYK	74, 0, 3, 53
HSL	178°, 58.7, 29.4	`hsl(178,58.7%,29.4%)`
HSV (or HSB)	178°, 73.9, 46.7
Web Safe	336666	`#336666`

CIE-LAB	45.283, -25.668, -5.757
XYZ	10.313, 14.745, 18.825
xyY	0.235, 0.336, 14.745
CIE-LCH	45.283, 26.306, 192.641
CIE-LUV	45.283, -32.13, -4.412
Hunter-Lab	38.399, -19.257, -2.187
Binary	00011111, 01110111, 01110100

#1f7774
```
#1f7774 rgb(31,119,116)
```
#771f22
```
#771f22 rgb(119,31,34)
```

Complementary Color

#1f7748
```
#1f7748 rgb(31,119,72)
```
#1f7774
```
#1f7774 rgb(31,119,116)
```
#1f4e77
```
#1f4e77 rgb(31,78,119)
```

Analogous Color

#77481f
```
#77481f rgb(119,72,31)
```
#1f7774
```
#1f7774 rgb(31,119,116)
```
#771f4e
```
#771f4e rgb(119,31,78)
```

Split Complementary Color

#77741f
```
#77741f rgb(119,116,31)
```
#1f7774
```
#1f7774 rgb(31,119,116)
```
#741f77
```
#741f77 rgb(116,31,119)
```

Triadic Color

#22771f
```
#22771f rgb(34,119,31)
```
#1f7774
```
#1f7774 rgb(31,119,116)
```
#741f77
```
#741f77 rgb(116,31,119)
```
#771f22
```
#771f22 rgb(119,31,34)
```

Tetradic Color

#0f3a39
```
#0f3a39 rgb(15,58,57)
```
#144f4d
```
#144f4d rgb(20,79,77)
```
#1a6360
```
#1a6360 rgb(26,99,96)
```
#1f7774
```
#1f7774 rgb(31,119,116)
```
#248b88
```
#248b88 rgb(36,139,136)
```
#2a9f9b
```
#2a9f9b rgb(42,159,155)
```
#2fb4af
```
#2fb4af rgb(47,180,175)
```

Monochromatic Color

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

#1f775e
```
#1f775e rgb(31,119,94)
```
#1f7765
```
#1f7765 rgb(31,119,101)
```
#1f776d
```
#1f776d rgb(31,119,109)
```
#1f7774
```
#1f7774 rgb(31,119,116)
```
#1f7377
```
#1f7377 rgb(31,115,119)
```
#1f6b77
```
#1f6b77 rgb(31,107,119)
```
#1f6477
```
#1f6477 rgb(31,100,119)
```

Similar Colors

Text with hexadecimal color #1f7774

This text has a font color of #1f7774.

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

#1f7774 background color

This paragraph has a background color of #1f7774.

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

#1f7774 border color

This element has a border color of #1f7774.

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

CSS codes

.text {color:#1f7774;}

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

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

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, #030a0a is the darkest color, while #fafefd is the lightest one.

#030a0a
```
#030a0a rgb(3,10,10)
```
#071a19
```
#071a19 rgb(7,26,25)
```
#0b2928
```
#0b2928 rgb(11,41,40)
```
#0f3937
```
#0f3937 rgb(15,57,55)
```
#134846
```
#134846 rgb(19,72,70)
```
#175856
```
#175856 rgb(23,88,86)
```
#1b6765
```
#1b6765 rgb(27,103,101)
```
#1f7774
```
#1f7774 rgb(31,119,116)
```
#238783
```
#238783 rgb(35,135,131)
```
#279692
```
#279692 rgb(39,150,146)
```
#2ba6a2
```
#2ba6a2 rgb(43,166,162)
```
#2fb5b1
```
#2fb5b1 rgb(47,181,177)
```
#33c5c0
```
#33c5c0 rgb(51,197,192)
```

Shade Color Variation

#3fcdc8
```
#3fcdc8 rgb(63,205,200)
```
#4ed1cd
```
#4ed1cd rgb(78,209,205)
```
#5ed5d1
```
#5ed5d1 rgb(94,213,209)
```
#6dd9d5
```
#6dd9d5 rgb(109,217,213)
```
#7dddda
```
#7dddda rgb(125,221,218)
```
#8de1de
```
#8de1de rgb(141,225,222)
```
#9ce5e3
```
#9ce5e3 rgb(156,229,227)
```
#ace9e7
```
#ace9e7 rgb(172,233,231)
```
#bbedec
```
#bbedec rgb(187,237,236)
```
#cbf1f0
```
#cbf1f0 rgb(203,241,240)
```
#daf5f5
```
#daf5f5 rgb(218,245,245)
```
#eafaf9
```
#eafaf9 rgb(234,250,249)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#474f4e
```
#474f4e rgb(71,79,78)
```
#425454
```
#425454 rgb(66,84,84)
```
#3c5a59
```
#3c5a59 rgb(60,90,89)
```
#36605e
```
#36605e rgb(54,96,94)
```
#306664
```
#306664 rgb(48,102,100)
```
#2b6b69
```
#2b6b69 rgb(43,107,105)
```
#25716f
```
#25716f rgb(37,113,111)
```
#1f7774
```
#1f7774 rgb(31,119,116)
```
#197d79
```
#197d79 rgb(25,125,121)
```
#13837f
```
#13837f rgb(19,131,127)
```
#0e8884
```
#0e8884 rgb(14,136,132)
```
#088e8a
```
#088e8a rgb(8,142,138)
```
#02948f
```
#02948f rgb(2,148,143)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#506161 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747274 Protanopia 1% of men
#767080 Deuteranopia 1% of men
#327c85 Tritanopia 0.001% of the population

Trichromacy

#557374 Protanomaly 1% of men, 0.01% of women
#56727b Deuteranomaly 6% of men, 0.4% of women
#2b7a7f Tritanomaly 0.01% of the population

#1f7774 hex color

#1f7774 Color Information

#1f7774 Color Conversion

Color Schemes with #1f7774

Alternatives to #1f7774

#1f7774 Preview

Shades and Tints of #1f7774

Tones of #1f7774

Color Blindness Simulator