#1f737c hex color

In a RGB color space, hex #1f737c is composed of 12.2% red, 45.1% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 7.3% magenta, 0% yellow and 51.4% black. It has a hue angle of 185.8 degrees, a saturation of 60% and a lightness of 30.4%. #1f737c color hex could be obtained by blending #3ee6f8 with #000000. Closest websafe color is: #336666.

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

● #1f737c color description : Dark cyan.

The hexadecimal color #1f737c has RGB values of R:31, G:115, B:124 and CMYK values of C:0.75, M:0.07, Y:0, K:0.51. Its decimal value is 2061180.

Hex triplet	1f737c	`#1f737c`
RGB Decimal	31, 115, 124	`rgb(31,115,124)`
RGB Percent	12.2, 45.1, 48.6	`rgb(12.2%,45.1%,48.6%)`
CMYK	75, 7, 0, 51
HSL	185.8°, 60, 30.4	`hsl(185.8,60%,30.4%)`
HSV (or HSB)	185.8°, 75, 48.6
Web Safe	336666	`#336666`

CIE-LAB	44.243, -21.035, -12.101
XYZ	10.333, 14.007, 21.227
xyY	0.227, 0.307, 14.007
CIE-LCH	44.243, 24.268, 209.909
CIE-LUV	44.243, -30.12, -14.17
Hunter-Lab	37.426, -16.214, -7.429
Binary	00011111, 01110011, 01111100

#1f737c
```
#1f737c rgb(31,115,124)
```
#7c281f
```
#7c281f rgb(124,40,31)
```

Complementary Color

#1f7c56
```
#1f7c56 rgb(31,124,86)
```
#1f737c
```
#1f737c rgb(31,115,124)
```
#1f457c
```
#1f457c rgb(31,69,124)
```

Analogous Color

#7c561f
```
#7c561f rgb(124,86,31)
```
#1f737c
```
#1f737c rgb(31,115,124)
```
#7c1f45
```
#7c1f45 rgb(124,31,69)
```

Split Complementary Color

#737c1f
```
#737c1f rgb(115,124,31)
```
#1f737c
```
#1f737c rgb(31,115,124)
```
#7c1f73
```
#7c1f73 rgb(124,31,115)
```

Triadic Color

#1f7c28
```
#1f7c28 rgb(31,124,40)
```
#1f737c
```
#1f737c rgb(31,115,124)
```
#7c1f73
```
#7c1f73 rgb(124,31,115)
```
#7c281f
```
#7c281f rgb(124,40,31)
```

Tetradic Color

#103a3f
```
#103a3f rgb(16,58,63)
```
#154d53
```
#154d53 rgb(21,77,83)
```
#1a6068
```
#1a6068 rgb(26,96,104)
```
#1f737c
```
#1f737c rgb(31,115,124)
```
#248690
```
#248690 rgb(36,134,144)
```
#2999a5
```
#2999a5 rgb(41,153,165)
```
#2eacb9
```
#2eacb9 rgb(46,172,185)
```

Monochromatic Color

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

#1f7c6e
```
#1f7c6e rgb(31,124,110)
```
#1f7c76
```
#1f7c76 rgb(31,124,118)
```
#1f7b7c
```
#1f7b7c rgb(31,123,124)
```
#1f737c
```
#1f737c rgb(31,115,124)
```
#1f6b7c
```
#1f6b7c rgb(31,107,124)
```
#1f647c
```
#1f647c rgb(31,100,124)
```
#1f5c7c
```
#1f5c7c rgb(31,92,124)
```

Similar Colors

Text with hexadecimal color #1f737c

This text has a font color of #1f737c.

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

#1f737c background color

This paragraph has a background color of #1f737c.

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

#1f737c border color

This element has a border color of #1f737c.

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

CSS codes

.text {color:#1f737c;}

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

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

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, #040d0e is the darkest color, while #fdffff is the lightest one.

#040d0e
```
#040d0e rgb(4,13,14)
```
#071c1e
```
#071c1e rgb(7,28,30)
```
#0b2a2e
```
#0b2a2e rgb(11,42,46)
```
#0f393d
```
#0f393d rgb(15,57,61)
```
#13474d
```
#13474d rgb(19,71,77)
```
#17565d
```
#17565d rgb(23,86,93)
```
#1b646c
```
#1b646c rgb(27,100,108)
```
#1f737c
```
#1f737c rgb(31,115,124)
```
#23828c
```
#23828c rgb(35,130,140)
```
#27909b
```
#27909b rgb(39,144,155)
```
#2b9fab
```
#2b9fab rgb(43,159,171)
```
#2fadbb
```
#2fadbb rgb(47,173,187)
```
#33bcca
```
#33bcca rgb(51,188,202)
```

Shade Color Variation

#41c2d0
```
#41c2d0 rgb(65,194,208)
```
#51c7d3
```
#51c7d3 rgb(81,199,211)
```
#61ccd7
```
#61ccd7 rgb(97,204,215)
```
#70d1db
```
#70d1db rgb(112,209,219)
```
#80d6df
```
#80d6df rgb(128,214,223)
```
#90dbe3
```
#90dbe3 rgb(144,219,227)
```
#9fe0e7
```
#9fe0e7 rgb(159,224,231)
```
#afe5eb
```
#afe5eb rgb(175,229,235)
```
#bfeaef
```
#bfeaef rgb(191,234,239)
```
#ceeff3
```
#ceeff3 rgb(206,239,243)
```
#def4f7
```
#def4f7 rgb(222,244,247)
```
#eef9fb
```
#eef9fb rgb(238,249,251)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#495152
```
#495152 rgb(73,81,82)
```
#435658
```
#435658 rgb(67,86,88)
```
#3d5b5e
```
#3d5b5e rgb(61,91,94)
```
#376064
```
#376064 rgb(55,96,100)
```
#31656a
```
#31656a rgb(49,101,106)
```
#2b6970
```
#2b6970 rgb(43,105,112)
```
#256e76
```
#256e76 rgb(37,110,118)
```
#1f737c
```
#1f737c rgb(31,115,124)
```
#197882
```
#197882 rgb(25,120,130)
```
#137d88
```
#137d88 rgb(19,125,136)
```
#0d818e
```
#0d818e rgb(13,129,142)
```
#078694
```
#078694 rgb(7,134,148)
```
#018b9a
```
#018b9a rgb(1,139,154)
```

Tone Color Variation

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

#6e6f7c Protanopia 1% of men
#6e6e87 Deuteranopia 1% of men
#2a7a83 Tritanopia 0.001% of the population

Trichromacy

#51707c Protanomaly 1% of men, 0.01% of women
#516f83 Deuteranomaly 6% of men, 0.4% of women
#267780 Tritanomaly 0.01% of the population

#1f737c hex color

#1f737c Color Information

#1f737c Color Conversion

Color Schemes with #1f737c

Alternatives to #1f737c

#1f737c Preview

Shades and Tints of #1f737c

Tones of #1f737c

Color Blindness Simulator