#314f47 hex color

In a RGB color space, hex #314f47 is composed of 19.2% red, 31% green and 27.8% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 0% magenta, 10.1% yellow and 69% black. It has a hue angle of 164 degrees, a saturation of 23.4% and a lightness of 25.1%. #314f47 color hex could be obtained by blending #629e8e with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 31
- B 28
RGB color chart
- C 38
- M 0
- Y 10
- K 69
CMYK color chart

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

The hexadecimal color #314f47 has RGB values of R:49, G:79, B:71 and CMYK values of C:0.38, M:0, Y:0.1, K:0.69. Its decimal value is 3231559.

Hex triplet	314f47	`#314f47`
RGB Decimal	49, 79, 71	`rgb(49,79,71)`
RGB Percent	19.2, 31, 27.8	`rgb(19.2%,31%,27.8%)`
CMYK	38, 0, 10, 69
HSL	164°, 23.4, 25.1	`hsl(164,23.4%,25.1%)`
HSV (or HSB)	164°, 38, 31
Web Safe	336633	`#336633`

CIE-LAB	31.113, -13.266, 1.185
XYZ	5.2, 6.7, 6.98
xyY	0.275, 0.355, 6.7
CIE-LCH	31.113, 13.318, 174.894
CIE-LUV	31.113, -13.59, 3.16
Hunter-Lab	25.884, -9.438, 2.13
Binary	00110001, 01001111, 01000111

#314f47
```
#314f47 rgb(49,79,71)
```
#4f3139
```
#4f3139 rgb(79,49,57)
```

Complementary Color

#314f38
```
#314f38 rgb(49,79,56)
```
#314f47
```
#314f47 rgb(49,79,71)
```
#31484f
```
#31484f rgb(49,72,79)
```

Analogous Color

#4f3831
```
#4f3831 rgb(79,56,49)
```
#314f47
```
#314f47 rgb(49,79,71)
```
#4f3148
```
#4f3148 rgb(79,49,72)
```

Split Complementary Color

#4f4731
```
#4f4731 rgb(79,71,49)
```
#314f47
```
#314f47 rgb(49,79,71)
```
#47314f
```
#47314f rgb(71,49,79)
```

Triadic Color

#394f31
```
#394f31 rgb(57,79,49)
```
#314f47
```
#314f47 rgb(49,79,71)
```
#47314f
```
#47314f rgb(71,49,79)
```
#4f3139
```
#4f3139 rgb(79,49,57)
```

Tetradic Color

#14201d
```
#14201d rgb(20,32,29)
```
#1d302b
```
#1d302b rgb(29,48,43)
```
#273f39
```
#273f39 rgb(39,63,57)
```
#314f47
```
#314f47 rgb(49,79,71)
```
#3b5f55
```
#3b5f55 rgb(59,95,85)
```
#456e63
```
#456e63 rgb(69,110,99)
```
#4e7e71
```
#4e7e71 rgb(78,126,113)
```

Monochromatic Color

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

#314f40
```
#314f40 rgb(49,79,64)
```
#314f42
```
#314f42 rgb(49,79,66)
```
#314f45
```
#314f45 rgb(49,79,69)
```
#314f47
```
#314f47 rgb(49,79,71)
```
#314f4a
```
#314f4a rgb(49,79,74)
```
#314f4c
```
#314f4c rgb(49,79,76)
```
#314f4f
```
#314f4f rgb(49,79,79)
```

Similar Colors

Text with hexadecimal color #314f47

This text has a font color of #314f47.

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

#314f47 background color

This paragraph has a background color of #314f47.

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

#314f47 border color

This element has a border color of #314f47.

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

CSS codes

.text {color:#314f47;}

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

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0b1211
```
#0b1211 rgb(11,18,17)
```
#131f1b
```
#131f1b rgb(19,31,27)
```
#1a2b26
```
#1a2b26 rgb(26,43,38)
```
#223731
```
#223731 rgb(34,55,49)
```
#29433c
```
#29433c rgb(41,67,60)
```
#314f47
```
#314f47 rgb(49,79,71)
```
#395b52
```
#395b52 rgb(57,91,82)
```
#40675d
```
#40675d rgb(64,103,93)
```
#487368
```
#487368 rgb(72,115,104)
```
#4f7f73
```
#4f7f73 rgb(79,127,115)
```
#578c7d
```
#578c7d rgb(87,140,125)
```
#5e9888
```
#5e9888 rgb(94,152,136)
```

Shade Color Variation

#68a192
```
#68a192 rgb(104,161,146)
```
#74a99b
```
#74a99b rgb(116,169,155)
```
#80b0a4
```
#80b0a4 rgb(128,176,164)
```
#8cb8ac
```
#8cb8ac rgb(140,184,172)
```
#98bfb5
```
#98bfb5 rgb(152,191,181)
```
#a5c7be
```
#a5c7be rgb(165,199,190)
```
#b1cec6
```
#b1cec6 rgb(177,206,198)
```
#bdd6cf
```
#bdd6cf rgb(189,214,207)
```
#c9ddd8
```
#c9ddd8 rgb(201,221,216)
```
#d5e5e1
```
#d5e5e1 rgb(213,229,225)
```
#e1ece9
```
#e1ece9 rgb(225,236,233)
```
#edf4f2
```
#edf4f2 rgb(237,244,242)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#404040
```
#404040 rgb(64,64,64)
```
#3b4542
```
#3b4542 rgb(59,69,66)
```
#364a45
```
#364a45 rgb(54,74,69)
```
#314f47
```
#314f47 rgb(49,79,71)
```
#2c5449
```
#2c5449 rgb(44,84,73)
```
#27594c
```
#27594c rgb(39,89,76)
```
#225e4e
```
#225e4e rgb(34,94,78)
```
#1d6350
```
#1d6350 rgb(29,99,80)
```
#186852
```
#186852 rgb(24,104,82)
```
#136d55
```
#136d55 rgb(19,109,85)
```
#0f7157
```
#0f7157 rgb(15,113,87)
```
#0a7659
```
#0a7659 rgb(10,118,89)
```
#057b5c
```
#057b5c rgb(5,123,92)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414745 Atypical Achromatopsia 0.001% of the population

Dichromacy

#55524d Protanopia 1% of men
#595053 Deuteranopia 1% of men
#3f565c Tritanopia 0.001% of the population

Trichromacy

#48514b Protanomaly 1% of men, 0.01% of women
#4b4f4e Deuteranomaly 6% of men, 0.4% of women
#3a5354 Tritanomaly 0.01% of the population

#314f47 hex color

#314f47 Color Information

#314f47 Color Conversion

Color Schemes with #314f47

Alternatives to #314f47

#314f47 Preview

Shades and Tints of #314f47

Tones of #314f47

Color Blindness Simulator