#1f503e hex color

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

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

● #1f503e color description : Very dark cyan - lime green.

The hexadecimal color #1f503e has RGB values of R:31, G:80, B:62 and CMYK values of C:0.61, M:0, Y:0.23, K:0.69. Its decimal value is 2052158.

Hex triplet	1f503e	`#1f503e`
RGB Decimal	31, 80, 62	`rgb(31,80,62)`
RGB Percent	12.2, 31.4, 24.3	`rgb(12.2%,31.4%,24.3%)`
CMYK	61, 0, 23, 69
HSL	158°, 44.1, 21.8	`hsl(158,44.1%,21.8%)`
HSV (or HSB)	158°, 61.3, 31.4
Web Safe	336633	`#336633`

CIE-LAB	30.342, -21.549, 5.696
XYZ	4.303, 6.376, 5.561
xyY	0.265, 0.393, 6.376
CIE-LCH	30.342, 22.289, 165.194
CIE-LUV	30.342, -19.826, 9.348
Hunter-Lab	25.251, -13.772, 4.618
Binary	00011111, 01010000, 00111110

#1f503e
```
#1f503e rgb(31,80,62)
```
#501f31
```
#501f31 rgb(80,31,49)
```

Complementary Color

#1f5026
```
#1f5026 rgb(31,80,38)
```
#1f503e
```
#1f503e rgb(31,80,62)
```
#1f4a50
```
#1f4a50 rgb(31,74,80)
```

Analogous Color

#50261f
```
#50261f rgb(80,38,31)
```
#1f503e
```
#1f503e rgb(31,80,62)
```
#501f4a
```
#501f4a rgb(80,31,74)
```

Split Complementary Color

#503e1f
```
#503e1f rgb(80,62,31)
```
#1f503e
```
#1f503e rgb(31,80,62)
```
#3e1f50
```
#3e1f50 rgb(62,31,80)
```

Triadic Color

#31501f
```
#31501f rgb(49,80,31)
```
#1f503e
```
#1f503e rgb(31,80,62)
```
#3e1f50
```
#3e1f50 rgb(62,31,80)
```
#501f31
```
#501f31 rgb(80,31,49)
```

Tetradic Color

#0a1913
```
#0a1913 rgb(10,25,19)
```
#112b22
```
#112b22 rgb(17,43,34)
```
#183e30
```
#183e30 rgb(24,62,48)
```
#1f503e
```
#1f503e rgb(31,80,62)
```
#26624c
```
#26624c rgb(38,98,76)
```
#2d755a
```
#2d755a rgb(45,117,90)
```
#348769
```
#348769 rgb(52,135,105)
```

Monochromatic Color

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

#1f5032
```
#1f5032 rgb(31,80,50)
```
#1f5036
```
#1f5036 rgb(31,80,54)
```
#1f503a
```
#1f503a rgb(31,80,58)
```
#1f503e
```
#1f503e rgb(31,80,62)
```
#1f5042
```
#1f5042 rgb(31,80,66)
```
#1f5046
```
#1f5046 rgb(31,80,70)
```
#1f504a
```
#1f504a rgb(31,80,74)
```

Similar Colors

Text with hexadecimal color #1f503e

This text has a font color of #1f503e.

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

#1f503e background color

This paragraph has a background color of #1f503e.

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

#1f503e border color

This element has a border color of #1f503e.

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

CSS codes

.text {color:#1f503e;}

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

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

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

#040907
```
#040907 rgb(4,9,7)
```
#091712
```
#091712 rgb(9,23,18)
```
#0f261d
```
#0f261d rgb(15,38,29)
```
#143428
```
#143428 rgb(20,52,40)
```
#1a4233
```
#1a4233 rgb(26,66,51)
```
#1f503e
```
#1f503e rgb(31,80,62)
```
#245e49
```
#245e49 rgb(36,94,73)
```
#2a6c54
```
#2a6c54 rgb(42,108,84)
```
#2f7a5f
```
#2f7a5f rgb(47,122,95)
```
#35896a
```
#35896a rgb(53,137,106)
```
#3a9775
```
#3a9775 rgb(58,151,117)
```
#40a580
```
#40a580 rgb(64,165,128)
```
#45b38b
```
#45b38b rgb(69,179,139)
```

Shade Color Variation

#51bb94
```
#51bb94 rgb(81,187,148)
```
#5fc19d
```
#5fc19d rgb(95,193,157)
```
#6dc6a5
```
#6dc6a5 rgb(109,198,165)
```
#7bccae
```
#7bccae rgb(123,204,174)
```
#89d1b7
```
#89d1b7 rgb(137,209,183)
```
#97d7bf
```
#97d7bf rgb(151,215,191)
```
#a5dcc8
```
#a5dcc8 rgb(165,220,200)
```
#b3e2d1
```
#b3e2d1 rgb(179,226,209)
```
#c2e7d9
```
#c2e7d9 rgb(194,231,217)
```
#d0ede2
```
#d0ede2 rgb(208,237,226)
```
#def2eb
```
#def2eb rgb(222,242,235)
```
#ecf8f3
```
#ecf8f3 rgb(236,248,243)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#343b38
```
#343b38 rgb(52,59,56)
```
#303f39
```
#303f39 rgb(48,63,57)
```
#2c433b
```
#2c433b rgb(44,67,59)
```
#28473c
```
#28473c rgb(40,71,60)
```
#234c3d
```
#234c3d rgb(35,76,61)
```
#1f503e
```
#1f503e rgb(31,80,62)
```
#1b543f
```
#1b543f rgb(27,84,63)
```
#165940
```
#165940 rgb(22,89,64)
```
#125d41
```
#125d41 rgb(18,93,65)
```
#0e6143
```
#0e6143 rgb(14,97,67)
```
#0a6544
```
#0a6544 rgb(10,101,68)
```
#056a45
```
#056a45 rgb(5,106,69)
```
#016e46
```
#016e46 rgb(1,110,70)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#39423f Atypical Achromatopsia 0.001% of the population

Dichromacy

#555044 Protanopia 1% of men
#5a4e4b Deuteranopia 1% of men
#32565c Tritanopia 0.001% of the population

Trichromacy

#415041 Protanomaly 1% of men, 0.01% of women
#444e46 Deuteranomaly 6% of men, 0.4% of women
#2b5351 Tritanomaly 0.01% of the population

#1f503e hex color

#1f503e Color Information

#1f503e Color Conversion

Color Schemes with #1f503e

Alternatives to #1f503e

#1f503e Preview

Shades and Tints of #1f503e

Tones of #1f503e

Color Blindness Simulator