#314f45 hex color

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

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

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

The hexadecimal color #314f45 has RGB values of R:49, G:79, B:69 and CMYK values of C:0.38, M:0, Y:0.13, K:0.69. Its decimal value is 3231557.

Hex triplet	314f45	`#314f45`
RGB Decimal	49, 79, 69	`rgb(49,79,69)`
RGB Percent	19.2, 31, 27.1	`rgb(19.2%,31%,27.1%)`
CMYK	38, 0, 13, 69
HSL	160°, 23.4, 25.1	`hsl(160,23.4%,25.1%)`
HSV (or HSB)	160°, 38, 31
Web Safe	336633	`#336633`

CIE-LAB	31.054, -13.782, 2.375
XYZ	5.136, 6.674, 6.648
xyY	0.278, 0.362, 6.674
CIE-LCH	31.054, 13.985, 170.223
CIE-LUV	31.054, -13.616, 4.631
Hunter-Lab	25.835, -9.721, 2.828
Binary	00110001, 01001111, 01000101

#314f45
```
#314f45 rgb(49,79,69)
```
#4f313b
```
#4f313b rgb(79,49,59)
```

Complementary Color

#314f36
```
#314f36 rgb(49,79,54)
```
#314f45
```
#314f45 rgb(49,79,69)
```
#314a4f
```
#314a4f rgb(49,74,79)
```

Analogous Color

#4f3631
```
#4f3631 rgb(79,54,49)
```
#314f45
```
#314f45 rgb(49,79,69)
```
#4f314a
```
#4f314a rgb(79,49,74)
```

Split Complementary Color

#4f4531
```
#4f4531 rgb(79,69,49)
```
#314f45
```
#314f45 rgb(49,79,69)
```
#45314f
```
#45314f rgb(69,49,79)
```

Triadic Color

#3b4f31
```
#3b4f31 rgb(59,79,49)
```
#314f45
```
#314f45 rgb(49,79,69)
```
#45314f
```
#45314f rgb(69,49,79)
```
#4f313b
```
#4f313b rgb(79,49,59)
```

Tetradic Color

#14201c
```
#14201c rgb(20,32,28)
```
#1d302a
```
#1d302a rgb(29,48,42)
```
#273f37
```
#273f37 rgb(39,63,55)
```
#314f45
```
#314f45 rgb(49,79,69)
```
#3b5f53
```
#3b5f53 rgb(59,95,83)
```
#456e60
```
#456e60 rgb(69,110,96)
```
#4e7e6e
```
#4e7e6e rgb(78,126,110)
```

Monochromatic Color

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

#314f3e
```
#314f3e rgb(49,79,62)
```
#314f40
```
#314f40 rgb(49,79,64)
```
#314f43
```
#314f43 rgb(49,79,67)
```
#314f45
```
#314f45 rgb(49,79,69)
```
#314f48
```
#314f48 rgb(49,79,72)
```
#314f4a
```
#314f4a rgb(49,79,74)
```
#314f4d
```
#314f4d rgb(49,79,77)
```

Similar Colors

Text with hexadecimal color #314f45

This text has a font color of #314f45.

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

#314f45 background color

This paragraph has a background color of #314f45.

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

#314f45 border color

This element has a border color of #314f45.

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

CSS codes

.text {color:#314f45;}

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

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

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)
```
#0b1210
```
#0b1210 rgb(11,18,16)
```
#131f1b
```
#131f1b rgb(19,31,27)
```
#1a2b25
```
#1a2b25 rgb(26,43,37)
```
#223730
```
#223730 rgb(34,55,48)
```
#29433a
```
#29433a rgb(41,67,58)
```
#314f45
```
#314f45 rgb(49,79,69)
```
#395b50
```
#395b50 rgb(57,91,80)
```
#40675a
```
#40675a rgb(64,103,90)
```
#487365
```
#487365 rgb(72,115,101)
```
#4f7f6f
```
#4f7f6f rgb(79,127,111)
```
#578c7a
```
#578c7a rgb(87,140,122)
```
#5e9884
```
#5e9884 rgb(94,152,132)
```

Shade Color Variation

#68a18e
```
#68a18e rgb(104,161,142)
```
#74a997
```
#74a997 rgb(116,169,151)
```
#80b0a0
```
#80b0a0 rgb(128,176,160)
```
#8cb8a9
```
#8cb8a9 rgb(140,184,169)
```
#98bfb2
```
#98bfb2 rgb(152,191,178)
```
#a5c7bb
```
#a5c7bb rgb(165,199,187)
```
#b1cec4
```
#b1cec4 rgb(177,206,196)
```
#bdd6ce
```
#bdd6ce rgb(189,214,206)
```
#c9ddd7
```
#c9ddd7 rgb(201,221,215)
```
#d5e5e0
```
#d5e5e0 rgb(213,229,224)
```
#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 #057b54 is the most saturated one.

#404040
```
#404040 rgb(64,64,64)
```
#3b4542
```
#3b4542 rgb(59,69,66)
```
#364a43
```
#364a43 rgb(54,74,67)
```
#314f45
```
#314f45 rgb(49,79,69)
```
#2c5447
```
#2c5447 rgb(44,84,71)
```
#275948
```
#275948 rgb(39,89,72)
```
#225e4a
```
#225e4a rgb(34,94,74)
```
#1d634c
```
#1d634c rgb(29,99,76)
```
#18684d
```
#18684d rgb(24,104,77)
```
#136d4f
```
#136d4f rgb(19,109,79)
```
#0f7150
```
#0f7150 rgb(15,113,80)
```
#0a7652
```
#0a7652 rgb(10,118,82)
```
#057b54
```
#057b54 rgb(5,123,84)
```

Tone Color Variation

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

#55524b Protanopia 1% of men
#5a5051 Deuteranopia 1% of men
#3f565c Tritanopia 0.001% of the population

Trichromacy

#485149 Protanomaly 1% of men, 0.01% of women
#4b4f4c Deuteranomaly 6% of men, 0.4% of women
#3a5353 Tritanomaly 0.01% of the population

#314f45 hex color

#314f45 Color Information

#314f45 Color Conversion

Color Schemes with #314f45

Alternatives to #314f45

#314f45 Preview

Shades and Tints of #314f45

Tones of #314f45

Color Blindness Simulator