#314d3c hex color

In a RGB color space, hex #314d3c is composed of 19.2% red, 30.2% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 0% magenta, 22.1% yellow and 69.8% black. It has a hue angle of 143.6 degrees, a saturation of 22.2% and a lightness of 24.7%. #314d3c color hex could be obtained by blending #629a78 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 30
- B 24
RGB color chart
- C 36
- M 0
- Y 22
- K 70
CMYK color chart

● #314d3c color description : Very dark desaturated cyan - lime green.

The hexadecimal color #314d3c has RGB values of R:49, G:77, B:60 and CMYK values of C:0.36, M:0, Y:0.22, K:0.7. Its decimal value is 3231036.

Hex triplet	314d3c	`#314d3c`
RGB Decimal	49, 77, 60	`rgb(49,77,60)`
RGB Percent	19.2, 30.2, 23.5	`rgb(19.2%,30.2%,23.5%)`
CMYK	36, 0, 22, 70
HSL	143.6°, 22.2, 24.7	`hsl(143.6,22.2%,24.7%)`
HSV (or HSB)	143.6°, 36.4, 30.2
Web Safe	336633	`#336633`

CIE-LAB	30.125, -14.825, 6.784
XYZ	4.736, 6.287, 5.239
xyY	0.291, 0.387, 6.287
CIE-LCH	30.125, 16.303, 155.412
CIE-LUV	30.125, -12.829, 9.684
Hunter-Lab	25.073, -10.163, 5.164
Binary	00110001, 01001101, 00111100

#314d3c
```
#314d3c rgb(49,77,60)
```
#4d3142
```
#4d3142 rgb(77,49,66)
```

Complementary Color

#344d31
```
#344d31 rgb(52,77,49)
```
#314d3c
```
#314d3c rgb(49,77,60)
```
#314d4a
```
#314d4a rgb(49,77,74)
```

Analogous Color

#4d3134
```
#4d3134 rgb(77,49,52)
```
#314d3c
```
#314d3c rgb(49,77,60)
```
#4a314d
```
#4a314d rgb(74,49,77)
```

Split Complementary Color

#4d3c31
```
#4d3c31 rgb(77,60,49)
```
#314d3c
```
#314d3c rgb(49,77,60)
```
#3c314d
```
#3c314d rgb(60,49,77)
```

Triadic Color

#424d31
```
#424d31 rgb(66,77,49)
```
#314d3c
```
#314d3c rgb(49,77,60)
```
#3c314d
```
#3c314d rgb(60,49,77)
```
#4d3142
```
#4d3142 rgb(77,49,66)
```

Tetradic Color

#131e18
```
#131e18 rgb(19,30,24)
```
#1d2e24
```
#1d2e24 rgb(29,46,36)
```
#273d30
```
#273d30 rgb(39,61,48)
```
#314d3c
```
#314d3c rgb(49,77,60)
```
#3b5d48
```
#3b5d48 rgb(59,93,72)
```
#456c54
```
#456c54 rgb(69,108,84)
```
#4f7c60
```
#4f7c60 rgb(79,124,96)
```

Monochromatic Color

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

#314d35
```
#314d35 rgb(49,77,53)
```
#314d37
```
#314d37 rgb(49,77,55)
```
#314d3a
```
#314d3a rgb(49,77,58)
```
#314d3c
```
#314d3c rgb(49,77,60)
```
#314d3e
```
#314d3e rgb(49,77,62)
```
#314d41
```
#314d41 rgb(49,77,65)
```
#314d43
```
#314d43 rgb(49,77,67)
```

Similar Colors

Text with hexadecimal color #314d3c

This text has a font color of #314d3c.

<span style="color:#314d3c;">Text here</span>

#314d3c background color

This paragraph has a background color of #314d3c.

<p style="background-color:#314d3c;">Content here</p>

#314d3c border color

This element has a border color of #314d3c.

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

CSS codes

.text {color:#314d3c;}

.background {background-color:#314d3c;}

.border {border:1px solid #314d3c;}

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

#030504
```
#030504 rgb(3,5,4)
```
#0b110d
```
#0b110d rgb(11,17,13)
```
#121d17
```
#121d17 rgb(18,29,23)
```
#1a2920
```
#1a2920 rgb(26,41,32)
```
#223529
```
#223529 rgb(34,53,41)
```
#294133
```
#294133 rgb(41,65,51)
```
#314d3c
```
#314d3c rgb(49,77,60)
```
#395945
```
#395945 rgb(57,89,69)
```
#40654f
```
#40654f rgb(64,101,79)
```
#487158
```
#487158 rgb(72,113,88)
```
#507d61
```
#507d61 rgb(80,125,97)
```
#57896b
```
#57896b rgb(87,137,107)
```
#5f9574
```
#5f9574 rgb(95,149,116)
```

Shade Color Variation

#689f7e
```
#689f7e rgb(104,159,126)
```
#74a788
```
#74a788 rgb(116,167,136)
```
#80ae92
```
#80ae92 rgb(128,174,146)
```
#8cb69d
```
#8cb69d rgb(140,182,157)
```
#98bea7
```
#98bea7 rgb(152,190,167)
```
#a4c5b1
```
#a4c5b1 rgb(164,197,177)
```
#b0cdbb
```
#b0cdbb rgb(176,205,187)
```
#bcd4c6
```
#bcd4c6 rgb(188,212,198)
```
#c8dcd0
```
#c8dcd0 rgb(200,220,208)
```
#d4e4da
```
#d4e4da rgb(212,228,218)
```
#e0ebe5
```
#e0ebe5 rgb(224,235,229)
```
#ecf3ef
```
#ecf3ef rgb(236,243,239)
```
#f8fbf9
```
#f8fbf9 rgb(248,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3b433e is the less saturated color, while #017d32 is the most saturated one.

#3b433e
```
#3b433e rgb(59,67,62)
```
#36483d
```
#36483d rgb(54,72,61)
```
#314d3c
```
#314d3c rgb(49,77,60)
```
#2c523b
```
#2c523b rgb(44,82,59)
```
#27573a
```
#27573a rgb(39,87,58)
```
#225c39
```
#225c39 rgb(34,92,57)
```
#1e6038
```
#1e6038 rgb(30,96,56)
```
#196537
```
#196537 rgb(25,101,55)
```
#146a36
```
#146a36 rgb(20,106,54)
```
#0f6f35
```
#0f6f35 rgb(15,111,53)
```
#0a7434
```
#0a7434 rgb(10,116,52)
```
#057933
```
#057933 rgb(5,121,51)
```
#017d32
```
#017d32 rgb(1,125,50)
```

Tone Color Variation

Below, you can see how #314d3c 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

#434343 Achromatopsia 0.005% of the population
#3f4542 Atypical Achromatopsia 0.001% of the population

Dichromacy

#545043 Protanopia 1% of men
#5a4d48 Deuteranopia 1% of men
#405359 Tritanopia 0.001% of the population

Trichromacy

#474f40 Protanomaly 1% of men, 0.01% of women
#4b4d44 Deuteranomaly 6% of men, 0.4% of women
#3a514e Tritanomaly 0.01% of the population

#314d3c hex color

#314d3c Color Information

#314d3c Color Conversion

Color Schemes with #314d3c

Alternatives to #314d3c

#314d3c Preview

Shades and Tints of #314d3c

Tones of #314d3c

Color Blindness Simulator