#314d4f hex color

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

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

● #314d4f color description : Very dark desaturated cyan.

The hexadecimal color #314d4f has RGB values of R:49, G:77, B:79 and CMYK values of C:0.38, M:0.03, Y:0, K:0.69. Its decimal value is 3231055.

Hex triplet	314d4f	`#314d4f`
RGB Decimal	49, 77, 79	`rgb(49,77,79)`
RGB Percent	19.2, 30.2, 31	`rgb(19.2%,30.2%,31%)`
CMYK	38, 3, 0, 69
HSL	184°, 23.4, 25.1	`hsl(184,23.4%,25.1%)`
HSV (or HSB)	184°, 38, 31
Web Safe	336666	`#336666`

CIE-LAB	30.7, -9.895, -4.539
XYZ	5.331, 6.525, 8.375
xyY	0.264, 0.323, 6.525
CIE-LCH	30.7, 10.887, 204.643
CIE-LUV	30.7, -12.637, -4.284
Hunter-Lab	25.544, -7.447, -1.559
Binary	00110001, 01001101, 01001111

#314d4f
```
#314d4f rgb(49,77,79)
```
#4f3331
```
#4f3331 rgb(79,51,49)
```

Complementary Color

#314f42
```
#314f42 rgb(49,79,66)
```
#314d4f
```
#314d4f rgb(49,77,79)
```
#313e4f
```
#313e4f rgb(49,62,79)
```

Analogous Color

#4f4231
```
#4f4231 rgb(79,66,49)
```
#314d4f
```
#314d4f rgb(49,77,79)
```
#4f313e
```
#4f313e rgb(79,49,62)
```

Split Complementary Color

#4d4f31
```
#4d4f31 rgb(77,79,49)
```
#314d4f
```
#314d4f rgb(49,77,79)
```
#4f314d
```
#4f314d rgb(79,49,77)
```

Triadic Color

#314f33
```
#314f33 rgb(49,79,51)
```
#314d4f
```
#314d4f rgb(49,77,79)
```
#4f314d
```
#4f314d rgb(79,49,77)
```
#4f3331
```
#4f3331 rgb(79,51,49)
```

Tetradic Color

#141f20
```
#141f20 rgb(20,31,32)
```
#1d2e30
```
#1d2e30 rgb(29,46,48)
```
#273e3f
```
#273e3f rgb(39,62,63)
```
#314d4f
```
#314d4f rgb(49,77,79)
```
#3b5c5f
```
#3b5c5f rgb(59,92,95)
```
#456c6e
```
#456c6e rgb(69,108,110)
```
#4e7b7e
```
#4e7b7e rgb(78,123,126)
```

Monochromatic Color

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

#314f4a
```
#314f4a rgb(49,79,74)
```
#314f4c
```
#314f4c rgb(49,79,76)
```
#314f4f
```
#314f4f rgb(49,79,79)
```
#314d4f
```
#314d4f rgb(49,77,79)
```
#314b4f
```
#314b4f rgb(49,75,79)
```
#31484f
```
#31484f rgb(49,72,79)
```
#31464f
```
#31464f rgb(49,70,79)
```

Similar Colors

Text with hexadecimal color #314d4f

This text has a font color of #314d4f.

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

#314d4f background color

This paragraph has a background color of #314d4f.

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

#314d4f border color

This element has a border color of #314d4f.

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

CSS codes

.text {color:#314d4f;}

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

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

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)
```
#0b1212
```
#0b1212 rgb(11,18,18)
```
#131e1f
```
#131e1f rgb(19,30,31)
```
#1a2a2b
```
#1a2a2b rgb(26,42,43)
```
#223537
```
#223537 rgb(34,53,55)
```
#294143
```
#294143 rgb(41,65,67)
```
#314d4f
```
#314d4f rgb(49,77,79)
```
#39595b
```
#39595b rgb(57,89,91)
```
#406567
```
#406567 rgb(64,101,103)
```
#487073
```
#487073 rgb(72,112,115)
```
#4f7c7f
```
#4f7c7f rgb(79,124,127)
```
#57888c
```
#57888c rgb(87,136,140)
```
#5e9498
```
#5e9498 rgb(94,148,152)
```

Shade Color Variation

#689ea1
```
#689ea1 rgb(104,158,161)
```
#74a5a9
```
#74a5a9 rgb(116,165,169)
```
#80adb0
```
#80adb0 rgb(128,173,176)
```
#8cb5b8
```
#8cb5b8 rgb(140,181,184)
```
#98bdbf
```
#98bdbf rgb(152,189,191)
```
#a5c5c7
```
#a5c5c7 rgb(165,197,199)
```
#b1ccce
```
#b1ccce rgb(177,204,206)
```
#bdd4d6
```
#bdd4d6 rgb(189,212,214)
```
#c9dcdd
```
#c9dcdd rgb(201,220,221)
```
#d5e4e5
```
#d5e4e5 rgb(213,228,229)
```
#e1ecec
```
#e1ecec rgb(225,236,236)
```
#edf3f4
```
#edf3f4 rgb(237,243,244)
```
#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 #05737b is the most saturated one.

#404040
```
#404040 rgb(64,64,64)
```
#3b4445
```
#3b4445 rgb(59,68,69)
```
#36494a
```
#36494a rgb(54,73,74)
```
#314d4f
```
#314d4f rgb(49,77,79)
```
#2c5154
```
#2c5154 rgb(44,81,84)
```
#275659
```
#275659 rgb(39,86,89)
```
#225a5e
```
#225a5e rgb(34,90,94)
```
#1d5e63
```
#1d5e63 rgb(29,94,99)
```
#186268
```
#186268 rgb(24,98,104)
```
#13676d
```
#13676d rgb(19,103,109)
```
#0f6b71
```
#0f6b71 rgb(15,107,113)
```
#0a6f76
```
#0a6f76 rgb(10,111,118)
```
#05737b
```
#05737b rgb(5,115,123)
```

Tone Color Variation

Below, you can see how #314d4f 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
#414747 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525155 Protanopia 1% of men
#554f5a Deuteranopia 1% of men
#3c555b Tritanopia 0.001% of the population

Trichromacy

#464f53 Protanomaly 1% of men, 0.01% of women
#474e56 Deuteranomaly 6% of men, 0.4% of women
#385257 Tritanomaly 0.01% of the population

#314d4f hex color

#314d4f Color Information

#314d4f Color Conversion

Color Schemes with #314d4f

Alternatives to #314d4f

#314d4f Preview

Shades and Tints of #314d4f

Tones of #314d4f

Color Blindness Simulator