#1f7466 hex color

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

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

● #1f7466 color description : Dark cyan.

The hexadecimal color #1f7466 has RGB values of R:31, G:116, B:102 and CMYK values of C:0.73, M:0, Y:0.12, K:0.55. Its decimal value is 2061414.

Hex triplet	1f7466	`#1f7466`
RGB Decimal	31, 116, 102	`rgb(31,116,102)`
RGB Percent	12.2, 45.5, 40	`rgb(12.2%,45.5%,40%)`
CMYK	73, 0, 12, 55
HSL	170.1°, 57.8, 28.8	`hsl(170.1,57.8%,28.8%)`
HSV (or HSB)	170.1°, 73.3, 45.5
Web Safe	336666	`#336666`

CIE-LAB	43.859, -28.373, 0.519
XYZ	9.208, 13.741, 14.737
xyY	0.244, 0.365, 13.741
CIE-LCH	43.859, 28.377, 178.952
CIE-LUV	43.859, -31.884, 4.657
Hunter-Lab	37.068, -20.529, 2.377
Binary	00011111, 01110100, 01100110

#1f7466
```
#1f7466 rgb(31,116,102)
```
#741f2d
```
#741f2d rgb(116,31,45)
```

Complementary Color

#1f743c
```
#1f743c rgb(31,116,60)
```
#1f7466
```
#1f7466 rgb(31,116,102)
```
#1f5874
```
#1f5874 rgb(31,88,116)
```

Analogous Color

#743c1f
```
#743c1f rgb(116,60,31)
```
#1f7466
```
#1f7466 rgb(31,116,102)
```
#741f57
```
#741f57 rgb(116,31,87)
```

Split Complementary Color

#74661f
```
#74661f rgb(116,102,31)
```
#1f7466
```
#1f7466 rgb(31,116,102)
```
#661f74
```
#661f74 rgb(102,31,116)
```

Triadic Color

#2d741f
```
#2d741f rgb(45,116,31)
```
#1f7466
```
#1f7466 rgb(31,116,102)
```
#661f74
```
#661f74 rgb(102,31,116)
```
#741f2d
```
#741f2d rgb(116,31,45)
```

Tetradic Color

#0f3831
```
#0f3831 rgb(15,56,49)
```
#144c43
```
#144c43 rgb(20,76,67)
```
#1a6054
```
#1a6054 rgb(26,96,84)
```
#1f7466
```
#1f7466 rgb(31,116,102)
```
#248878
```
#248878 rgb(36,136,120)
```
#2a9c89
```
#2a9c89 rgb(42,156,137)
```
#2fb09b
```
#2fb09b rgb(47,176,155)
```

Monochromatic Color

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

#1f7451
```
#1f7451 rgb(31,116,81)
```
#1f7458
```
#1f7458 rgb(31,116,88)
```
#1f745f
```
#1f745f rgb(31,116,95)
```
#1f7466
```
#1f7466 rgb(31,116,102)
```
#1f746d
```
#1f746d rgb(31,116,109)
```
#1f7474
```
#1f7474 rgb(31,116,116)
```
#1f6d74
```
#1f6d74 rgb(31,109,116)
```

Similar Colors

Text with hexadecimal color #1f7466

This text has a font color of #1f7466.

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

#1f7466 background color

This paragraph has a background color of #1f7466.

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

#1f7466 border color

This element has a border color of #1f7466.

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

CSS codes

.text {color:#1f7466;}

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

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

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

#020807
```
#020807 rgb(2,8,7)
```
#061714
```
#061714 rgb(6,23,20)
```
#0a2722
```
#0a2722 rgb(10,39,34)
```
#0e3630
```
#0e3630 rgb(14,54,48)
```
#13463d
```
#13463d rgb(19,70,61)
```
#17554b
```
#17554b rgb(23,85,75)
```
#1b6558
```
#1b6558 rgb(27,101,88)
```
#1f7466
```
#1f7466 rgb(31,116,102)
```
#238374
```
#238374 rgb(35,131,116)
```
#279381
```
#279381 rgb(39,147,129)
```
#2ba28f
```
#2ba28f rgb(43,162,143)
```
#30b29c
```
#30b29c rgb(48,178,156)
```
#34c1aa
```
#34c1aa rgb(52,193,170)
```

Shade Color Variation

#3dcbb4
```
#3dcbb4 rgb(61,203,180)
```
#4dcfba
```
#4dcfba rgb(77,207,186)
```
#5cd4c0
```
#5cd4c0 rgb(92,212,192)
```
#6cd8c6
```
#6cd8c6 rgb(108,216,198)
```
#7bdccc
```
#7bdccc rgb(123,220,204)
```
#8be0d2
```
#8be0d2 rgb(139,224,210)
```
#9ae4d8
```
#9ae4d8 rgb(154,228,216)
```
#aae8de
```
#aae8de rgb(170,232,222)
```
#b9ece4
```
#b9ece4 rgb(185,236,228)
```
#c9f0ea
```
#c9f0ea rgb(201,240,234)
```
#d8f5f0
```
#d8f5f0 rgb(216,245,240)
```
#e8f9f6
```
#e8f9f6 rgb(232,249,246)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#474c4b
```
#474c4b rgb(71,76,75)
```
#41524f
```
#41524f rgb(65,82,79)
```
#3b5853
```
#3b5853 rgb(59,88,83)
```
#365d57
```
#365d57 rgb(54,93,87)
```
#30635b
```
#30635b rgb(48,99,91)
```
#2a695e
```
#2a695e rgb(42,105,94)
```
#256e62
```
#256e62 rgb(37,110,98)
```
#1f7466
```
#1f7466 rgb(31,116,102)
```
#197a6a
```
#197a6a rgb(25,122,106)
```
#147f6e
```
#147f6e rgb(20,127,110)
```
#0e8571
```
#0e8571 rgb(14,133,113)
```
#088b75
```
#088b75 rgb(8,139,117)
```
#039079
```
#039079 rgb(3,144,121)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4d5e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#736f67 Protanopia 1% of men
#786c73 Deuteranopia 1% of men
#367881 Tritanopia 0.001% of the population

Trichromacy

#547067 Protanomaly 1% of men, 0.01% of women
#576f6e Deuteranomaly 6% of men, 0.4% of women
#2d7677 Tritanomaly 0.01% of the population

#1f7466 hex color

#1f7466 Color Information

#1f7466 Color Conversion

Color Schemes with #1f7466

Alternatives to #1f7466

#1f7466 Preview

Shades and Tints of #1f7466

Tones of #1f7466

Color Blindness Simulator