colorhexa.com

#1f7d60 hex color

In a RGB color space, hex #1f7d60 is composed of 12.2% red, 49% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 0% magenta, 23.2% yellow and 51% black. It has a hue angle of 161.5 degrees, a saturation of 60.3% and a lightness of 30.6%. #1f7d60 color hex could be obtained by blending #3efac0 with #000000. Closest websafe color is: #336666.

- R 12
- G 49
- B 38
RGB color chart
- C 75
- M 0
- Y 23
- K 51
CMYK color chart

● #1f7d60 color description : Dark cyan - lime green.

The hexadecimal color #1f7d60 has RGB values of R:31, G:125, B:96 and CMYK values of C:0.75, M:0, Y:0.23, K:0.51. Its decimal value is 2063712.

Hex triplet	1f7d60	`#1f7d60`
RGB Decimal	31, 125, 96	`rgb(31,125,96)`
RGB Percent	12.2, 49, 37.6	`rgb(12.2%,49%,37.6%)`
CMYK	75, 0, 23, 51
HSL	161.5°, 60.3, 30.6	`hsl(161.5,60.3%,30.6%)`
HSV (or HSB)	161.5°, 75.2, 49
Web Safe	336666	`#336666`

CIE-LAB	46.714, -34.203, 8.181
XYZ	10.009, 15.802, 13.588
xyY	0.254, 0.401, 15.802
CIE-LCH	46.714, 35.168, 166.548
CIE-LUV	46.714, -35.665, 15.676
Hunter-Lab	39.752, -24.621, 7.559
Binary	00011111, 01111101, 01100000

#1f7d60
```
#1f7d60 rgb(31,125,96)
```
#7d1f3c
```
#7d1f3c rgb(125,31,60)
```

Complementary Color

#1f7d31
```
#1f7d31 rgb(31,125,49)
```
#1f7d60
```
#1f7d60 rgb(31,125,96)
```
#1f6b7d
```
#1f6b7d rgb(31,107,125)
```

Analogous Color

#7d311f
```
#7d311f rgb(125,49,31)
```
#1f7d60
```
#1f7d60 rgb(31,125,96)
```
#7d1f6b
```
#7d1f6b rgb(125,31,107)
```

Split Complementary Color

#7d601f
```
#7d601f rgb(125,96,31)
```
#1f7d60
```
#1f7d60 rgb(31,125,96)
```
#601f7d
```
#601f7d rgb(96,31,125)
```

Triadic Color

#104031
```
#104031 rgb(16,64,49)
```
#155441
```
#155441 rgb(21,84,65)
```
#1a6950
```
#1a6950 rgb(26,105,80)
```
#1f7d60
```
#1f7d60 rgb(31,125,96)
```
#249170
```
#249170 rgb(36,145,112)
```
#29a67f
```
#29a67f rgb(41,166,127)
```
#2eba8f
```
#2eba8f rgb(46,186,143)
```

Monochromatic Color

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

#1f7d49
```
#1f7d49 rgb(31,125,73)
```
#1f7d50
```
#1f7d50 rgb(31,125,80)
```
#1f7d58
```
#1f7d58 rgb(31,125,88)
```
#1f7d60
```
#1f7d60 rgb(31,125,96)
```
#1f7d68
```
#1f7d68 rgb(31,125,104)
```
#1f7d70
```
#1f7d70 rgb(31,125,112)
```
#1f7d78
```
#1f7d78 rgb(31,125,120)
```

Similar Colors

Text with hexadecimal color #1f7d60

This text has a font color of #1f7d60.

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

#1f7d60 background color

This paragraph has a background color of #1f7d60.

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

#1f7d60 border color

This element has a border color of #1f7d60.

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

CSS codes

.text {color:#1f7d60;}

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

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

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

#040f0c
```
#040f0c rgb(4,15,12)
```
#081f18
```
#081f18 rgb(8,31,24)
```
#0c2e24
```
#0c2e24 rgb(12,46,36)
```
#0f3e30
```
#0f3e30 rgb(15,62,48)
```
#134e3c
```
#134e3c rgb(19,78,60)
```
#175e48
```
#175e48 rgb(23,94,72)
```
#1b6d54
```
#1b6d54 rgb(27,109,84)
```
#1f7d60
```
#1f7d60 rgb(31,125,96)
```
#238d6c
```
#238d6c rgb(35,141,108)
```
#279c78
```
#279c78 rgb(39,156,120)
```
#2bac84
```
#2bac84 rgb(43,172,132)
```
#2fbc90
```
#2fbc90 rgb(47,188,144)
```
#32cc9c
```
#32cc9c rgb(50,204,156)
```

Shade Color Variation

#42d0a4
```
#42d0a4 rgb(66,208,164)
```
#51d4ac
```
#51d4ac rgb(81,212,172)
```
#61d8b3
```
#61d8b3 rgb(97,216,179)
```
#71dcbb
```
#71dcbb rgb(113,220,187)
```
#81e0c2
```
#81e0c2 rgb(129,224,194)
```
#90e4ca
```
#90e4ca rgb(144,228,202)
```
#a0e7d1
```
#a0e7d1 rgb(160,231,209)
```
#b0ebd9
```
#b0ebd9 rgb(176,235,217)
```
#bfefe0
```
#bfefe0 rgb(191,239,224)
```
#cff3e8
```
#cff3e8 rgb(207,243,232)
```
#dff7f0
```
#dff7f0 rgb(223,247,240)
```
#effbf7
```
#effbf7 rgb(239,251,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#495350
```
#495350 rgb(73,83,80)
```
#435952
```
#435952 rgb(67,89,82)
```
#3d5f55
```
#3d5f55 rgb(61,95,85)
```
#376557
```
#376557 rgb(55,101,87)
```
#316b59
```
#316b59 rgb(49,107,89)
```
#2b715b
```
#2b715b rgb(43,113,91)
```
#25775e
```
#25775e rgb(37,119,94)
```
#1f7d60
```
#1f7d60 rgb(31,125,96)
```
#198362
```
#198362 rgb(25,131,98)
```
#138965
```
#138965 rgb(19,137,101)
```
#0d8f67
```
#0d8f67 rgb(13,143,103)
```
#079569
```
#079569 rgb(7,149,105)
```
#019b6b
```
#019b6b rgb(1,155,107)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#51645e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7561 Protanopia 1% of men
#84726e Deuteranopia 1% of men
#3d7f88 Tritanopia 0.001% of the population

Trichromacy

#5a7861 Protanomaly 1% of men, 0.01% of women
#5f7669 Deuteranomaly 6% of men, 0.4% of women
#327e79 Tritanomaly 0.01% of the population