#1f737e hex color

In a RGB color space, hex #1f737e is composed of 12.2% red, 45.1% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 8.7% magenta, 0% yellow and 50.6% black. It has a hue angle of 186.9 degrees, a saturation of 60.5% and a lightness of 30.8%. #1f737e color hex could be obtained by blending #3ee6fc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 45
- B 49
RGB color chart
- C 75
- M 9
- Y 0
- K 51
CMYK color chart

● #1f737e color description : Dark cyan.

The hexadecimal color #1f737e has RGB values of R:31, G:115, B:126 and CMYK values of C:0.75, M:0.09, Y:0, K:0.51. Its decimal value is 2061182.

Hex triplet	1f737e	`#1f737e`
RGB Decimal	31, 115, 126	`rgb(31,115,126)`
RGB Percent	12.2, 45.1, 49.4	`rgb(12.2%,45.1%,49.4%)`
CMYK	75, 9, 0, 51
HSL	186.9°, 60.5, 30.8	`hsl(186.9,60.5%,30.8%)`
HSV (or HSB)	186.9°, 75.4, 49.4
Web Safe	336666	`#336666`

CIE-LAB	44.316, -20.371, -13.187
XYZ	10.461, 14.058, 21.9
xyY	0.225, 0.303, 14.058
CIE-LCH	44.316, 24.267, 212.917
CIE-LUV	44.316, -29.994, -15.865
Hunter-Lab	37.494, -15.815, -8.384
Binary	00011111, 01110011, 01111110

#1f737e
```
#1f737e rgb(31,115,126)
```
#7e2a1f
```
#7e2a1f rgb(126,42,31)
```

Complementary Color

#1f7e5a
```
#1f7e5a rgb(31,126,90)
```
#1f737e
```
#1f737e rgb(31,115,126)
```
#1f437e
```
#1f437e rgb(31,67,126)
```

Analogous Color

#7e5a1f
```
#7e5a1f rgb(126,90,31)
```
#1f737e
```
#1f737e rgb(31,115,126)
```
#7e1f44
```
#7e1f44 rgb(126,31,68)
```

Split Complementary Color

#737e1f
```
#737e1f rgb(115,126,31)
```
#1f737e
```
#1f737e rgb(31,115,126)
```
#7e1f73
```
#7e1f73 rgb(126,31,115)
```

Triadic Color

#1f7e2a
```
#1f7e2a rgb(31,126,42)
```
#1f737e
```
#1f737e rgb(31,115,126)
```
#7e1f73
```
#7e1f73 rgb(126,31,115)
```
#7e2a1f
```
#7e2a1f rgb(126,42,31)
```

Tetradic Color

#103b41
```
#103b41 rgb(16,59,65)
```
#154e55
```
#154e55 rgb(21,78,85)
```
#1a606a
```
#1a606a rgb(26,96,106)
```
#1f737e
```
#1f737e rgb(31,115,126)
```
#248692
```
#248692 rgb(36,134,146)
```
#2998a7
```
#2998a7 rgb(41,152,167)
```
#2eabbb
```
#2eabbb rgb(46,171,187)
```

Monochromatic Color

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

#1f7e71
```
#1f7e71 rgb(31,126,113)
```
#1f7e79
```
#1f7e79 rgb(31,126,121)
```
#1f7b7e
```
#1f7b7e rgb(31,123,126)
```
#1f737e
```
#1f737e rgb(31,115,126)
```
#1f6b7e
```
#1f6b7e rgb(31,107,126)
```
#1f637e
```
#1f637e rgb(31,99,126)
```
#1f5b7e
```
#1f5b7e rgb(31,91,126)
```

Similar Colors

Text with hexadecimal color #1f737e

This text has a font color of #1f737e.

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

#1f737e background color

This paragraph has a background color of #1f737e.

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

#1f737e border color

This element has a border color of #1f737e.

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

CSS codes

.text {color:#1f737e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040e10
```
#040e10 rgb(4,14,16)
```
#081d20
```
#081d20 rgb(8,29,32)
```
#0c2b2f
```
#0c2b2f rgb(12,43,47)
```
#103a3f
```
#103a3f rgb(16,58,63)
```
#13484f
```
#13484f rgb(19,72,79)
```
#17565f
```
#17565f rgb(23,86,95)
```
#1b656e
```
#1b656e rgb(27,101,110)
```
#1f737e
```
#1f737e rgb(31,115,126)
```
#23818e
```
#23818e rgb(35,129,142)
```
#27909d
```
#27909d rgb(39,144,157)
```
#2b9ead
```
#2b9ead rgb(43,158,173)
```
#2eacbd
```
#2eacbd rgb(46,172,189)
```

Shade Color Variation

#32bbcd
```
#32bbcd rgb(50,187,205)
```
#42c0d1
```
#42c0d1 rgb(66,192,209)
```
#52c5d4
```
#52c5d4 rgb(82,197,212)
```
#62cbd8
```
#62cbd8 rgb(98,203,216)
```
#71d0dc
```
#71d0dc rgb(113,208,220)
```
#81d5e0
```
#81d5e0 rgb(129,213,224)
```
#91dae4
```
#91dae4 rgb(145,218,228)
```
#a1e0e8
```
#a1e0e8 rgb(161,224,232)
```
#b0e5ec
```
#b0e5ec rgb(176,229,236)
```
#c0eaf0
```
#c0eaf0 rgb(192,234,240)
```
#d0eff3
```
#d0eff3 rgb(208,239,243)
```
#e0f5f7
```
#e0f5f7 rgb(224,245,247)
```
#effafb
```
#effafb rgb(239,250,251)
```

Tint Color Variation

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

#495354
```
#495354 rgb(73,83,84)
```
#43575a
```
#43575a rgb(67,87,90)
```
#3d5c60
```
#3d5c60 rgb(61,92,96)
```
#376066
```
#376066 rgb(55,96,102)
```
#31656c
```
#31656c rgb(49,101,108)
```
#2b6a72
```
#2b6a72 rgb(43,106,114)
```
#256e78
```
#256e78 rgb(37,110,120)
```
#1f737e
```
#1f737e rgb(31,115,126)
```
#197884
```
#197884 rgb(25,120,132)
```
#137c8a
```
#137c8a rgb(19,124,138)
```
#0d8190
```
#0d8190 rgb(13,129,144)
```
#078696
```
#078696 rgb(7,134,150)
```
#018a9c
```
#018a9c rgb(1,138,156)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4f6062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6f7e Protanopia 1% of men
#6d6e89 Deuteranopia 1% of men
#297a83 Tritanopia 0.001% of the population

Trichromacy

#51707e Protanomaly 1% of men, 0.01% of women
#517085 Deuteranomaly 6% of men, 0.4% of women
#257781 Tritanomaly 0.01% of the population

#1f737e hex color

#1f737e Color Information

#1f737e Color Conversion

Color Schemes with #1f737e

Alternatives to #1f737e

#1f737e Preview

Shades and Tints of #1f737e

Tones of #1f737e

Color Blindness Simulator