#1f504d hex color

In a RGB color space, hex #1f504d is composed of 12.2% red, 31.4% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 0% magenta, 3.7% yellow and 68.6% black. It has a hue angle of 176.3 degrees, a saturation of 44.1% and a lightness of 21.8%. #1f504d color hex could be obtained by blending #3ea09a with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 31
- B 30
RGB color chart
- C 61
- M 0
- Y 4
- K 69
CMYK color chart

● #1f504d color description : Very dark cyan.

The hexadecimal color #1f504d has RGB values of R:31, G:80, B:77 and CMYK values of C:0.61, M:0, Y:0.04, K:0.69. Its decimal value is 2052173.

Hex triplet	1f504d	`#1f504d`
RGB Decimal	31, 80, 77	`rgb(31,80,77)`
RGB Percent	12.2, 31.4, 30.2	`rgb(12.2%,31.4%,30.2%)`
CMYK	61, 0, 4, 69
HSL	176.3°, 44.1, 21.8	`hsl(176.3,44.1%,21.8%)`
HSV (or HSB)	176.3°, 61.3, 31.4
Web Safe	336666	`#336666`

CIE-LAB	30.793, -17.228, -3.215
XYZ	4.773, 6.564, 8.036
xyY	0.246, 0.339, 6.564
CIE-LCH	30.793, 17.526, 190.572
CIE-LUV	30.793, -19.182, -1.768
Hunter-Lab	25.62, -11.583, -0.663
Binary	00011111, 01010000, 01001101

#1f504d
```
#1f504d rgb(31,80,77)
```
#501f22
```
#501f22 rgb(80,31,34)
```

Complementary Color

#1f5035
```
#1f5035 rgb(31,80,53)
```
#1f504d
```
#1f504d rgb(31,80,77)
```
#1f3b50
```
#1f3b50 rgb(31,59,80)
```

Analogous Color

#50351f
```
#50351f rgb(80,53,31)
```
#1f504d
```
#1f504d rgb(31,80,77)
```
#501f3b
```
#501f3b rgb(80,31,59)
```

Split Complementary Color

#504d1f
```
#504d1f rgb(80,77,31)
```
#1f504d
```
#1f504d rgb(31,80,77)
```
#4d1f50
```
#4d1f50 rgb(77,31,80)
```

Triadic Color

#22501f
```
#22501f rgb(34,80,31)
```
#1f504d
```
#1f504d rgb(31,80,77)
```
#4d1f50
```
#4d1f50 rgb(77,31,80)
```
#501f22
```
#501f22 rgb(80,31,34)
```

Tetradic Color

#0a1918
```
#0a1918 rgb(10,25,24)
```
#112b2a
```
#112b2a rgb(17,43,42)
```
#183e3b
```
#183e3b rgb(24,62,59)
```
#1f504d
```
#1f504d rgb(31,80,77)
```
#26625f
```
#26625f rgb(38,98,95)
```
#2d7570
```
#2d7570 rgb(45,117,112)
```
#348782
```
#348782 rgb(52,135,130)
```

Monochromatic Color

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

#1f5041
```
#1f5041 rgb(31,80,65)
```
#1f5045
```
#1f5045 rgb(31,80,69)
```
#1f5049
```
#1f5049 rgb(31,80,73)
```
#1f504d
```
#1f504d rgb(31,80,77)
```
#1f4f50
```
#1f4f50 rgb(31,79,80)
```
#1f4b50
```
#1f4b50 rgb(31,75,80)
```
#1f4750
```
#1f4750 rgb(31,71,80)
```

Similar Colors

Text with hexadecimal color #1f504d

This text has a font color of #1f504d.

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

#1f504d background color

This paragraph has a background color of #1f504d.

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

#1f504d border color

This element has a border color of #1f504d.

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

CSS codes

.text {color:#1f504d;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#091717
```
#091717 rgb(9,23,23)
```
#0f2624
```
#0f2624 rgb(15,38,36)
```
#143432
```
#143432 rgb(20,52,50)
```
#1a423f
```
#1a423f rgb(26,66,63)
```
#1f504d
```
#1f504d rgb(31,80,77)
```
#245e5b
```
#245e5b rgb(36,94,91)
```
#2a6c68
```
#2a6c68 rgb(42,108,104)
```
#2f7a76
```
#2f7a76 rgb(47,122,118)
```
#358983
```
#358983 rgb(53,137,131)
```
#3a9791
```
#3a9791 rgb(58,151,145)
```
#40a59f
```
#40a59f rgb(64,165,159)
```
#45b3ac
```
#45b3ac rgb(69,179,172)
```

Shade Color Variation

#51bbb5
```
#51bbb5 rgb(81,187,181)
```
#5fc1bb
```
#5fc1bb rgb(95,193,187)
```
#6dc6c1
```
#6dc6c1 rgb(109,198,193)
```
#7bccc7
```
#7bccc7 rgb(123,204,199)
```
#89d1cd
```
#89d1cd rgb(137,209,205)
```
#97d7d3
```
#97d7d3 rgb(151,215,211)
```
#a5dcd9
```
#a5dcd9 rgb(165,220,217)
```
#b3e2df
```
#b3e2df rgb(179,226,223)
```
#c2e7e5
```
#c2e7e5 rgb(194,231,229)
```
#d0edeb
```
#d0edeb rgb(208,237,235)
```
#def2f1
```
#def2f1 rgb(222,242,241)
```
#ecf8f7
```
#ecf8f7 rgb(236,248,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #343b3a is the less saturated color, while #016e67 is the most saturated one.

#343b3a
```
#343b3a rgb(52,59,58)
```
#303f3e
```
#303f3e rgb(48,63,62)
```
#2c4342
```
#2c4342 rgb(44,67,66)
```
#284746
```
#284746 rgb(40,71,70)
```
#234c49
```
#234c49 rgb(35,76,73)
```
#1f504d
```
#1f504d rgb(31,80,77)
```
#1b5451
```
#1b5451 rgb(27,84,81)
```
#165954
```
#165954 rgb(22,89,84)
```
#125d58
```
#125d58 rgb(18,93,88)
```
#0e615c
```
#0e615c rgb(14,97,92)
```
#0a6560
```
#0a6560 rgb(10,101,96)
```
#056a63
```
#056a63 rgb(5,106,99)
```
#016e67
```
#016e67 rgb(1,110,103)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3a4443 Atypical Achromatopsia 0.001% of the population

Dichromacy

#535152 Protanopia 1% of men
#554f59 Deuteranopia 1% of men
#2e575e Tritanopia 0.001% of the population

Trichromacy

#405150 Protanomaly 1% of men, 0.01% of women
#414f55 Deuteranomaly 6% of men, 0.4% of women
#285557 Tritanomaly 0.01% of the population

#1f504d hex color

#1f504d Color Information

#1f504d Color Conversion

Color Schemes with #1f504d

Alternatives to #1f504d

#1f504d Preview

Shades and Tints of #1f504d

Tones of #1f504d

Color Blindness Simulator