#314e50 hex color

In a RGB color space, hex #314e50 is composed of 19.2% red, 30.6% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 2.5% magenta, 0% yellow and 68.6% black. It has a hue angle of 183.9 degrees, a saturation of 24% and a lightness of 25.3%. #314e50 color hex could be obtained by blending #629ca0 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #314e50 has RGB values of R:49, G:78, B:80 and CMYK values of C:0.39, M:0.02, Y:0, K:0.69. Its decimal value is 3231312.

Hex triplet	314e50	`#314e50`
RGB Decimal	49, 78, 80	`rgb(49,78,80)`
RGB Percent	19.2, 30.6, 31.4	`rgb(19.2%,30.6%,31.4%)`
CMYK	39, 2, 0, 69
HSL	183.9°, 24, 25.3	`hsl(183.9,24%,25.3%)`
HSV (or HSB)	183.9°, 38.8, 31.4
Web Safe	336666	`#336666`

CIE-LAB	31.069, -10.209, -4.631
XYZ	5.439, 6.681, 8.592
xyY	0.263, 0.323, 6.681
CIE-LCH	31.069, 11.211, 204.4
CIE-LUV	31.069, -13.05, -4.379
Hunter-Lab	25.847, -7.673, -1.616
Binary	00110001, 01001110, 01010000

#314e50
```
#314e50 rgb(49,78,80)
```
#503331
```
#503331 rgb(80,51,49)
```

Complementary Color

#315043
```
#315043 rgb(49,80,67)
```
#314e50
```
#314e50 rgb(49,78,80)
```
#313f50
```
#313f50 rgb(49,63,80)
```

Analogous Color

#504331
```
#504331 rgb(80,67,49)
```
#314e50
```
#314e50 rgb(49,78,80)
```
#50313f
```
#50313f rgb(80,49,63)
```

Split Complementary Color

#4e5031
```
#4e5031 rgb(78,80,49)
```
#314e50
```
#314e50 rgb(49,78,80)
```
#50314e
```
#50314e rgb(80,49,78)
```

Triadic Color

#315033
```
#315033 rgb(49,80,51)
```
#314e50
```
#314e50 rgb(49,78,80)
```
#50314e
```
#50314e rgb(80,49,78)
```
#503331
```
#503331 rgb(80,51,49)
```

Tetradic Color

#142021
```
#142021 rgb(20,32,33)
```
#1e2f30
```
#1e2f30 rgb(30,47,48)
```
#273f40
```
#273f40 rgb(39,63,64)
```
#314e50
```
#314e50 rgb(49,78,80)
```
#3b5d60
```
#3b5d60 rgb(59,93,96)
```
#446d70
```
#446d70 rgb(68,109,112)
```
#4e7c7f
```
#4e7c7f rgb(78,124,127)
```

Monochromatic Color

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

#31504a
```
#31504a rgb(49,80,74)
```
#31504d
```
#31504d rgb(49,80,77)
```
#31504f
```
#31504f rgb(49,80,79)
```
#314e50
```
#314e50 rgb(49,78,80)
```
#314b50
```
#314b50 rgb(49,75,80)
```
#314950
```
#314950 rgb(49,73,80)
```
#314650
```
#314650 rgb(49,70,80)
```

Similar Colors

Text with hexadecimal color #314e50

This text has a font color of #314e50.

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

#314e50 background color

This paragraph has a background color of #314e50.

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

#314e50 border color

This element has a border color of #314e50.

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

CSS codes

.text {color:#314e50;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0c1313
```
#0c1313 rgb(12,19,19)
```
#131f1f
```
#131f1f rgb(19,31,31)
```
#1b2a2c
```
#1b2a2c rgb(27,42,44)
```
#223638
```
#223638 rgb(34,54,56)
```
#2a4244
```
#2a4244 rgb(42,66,68)
```
#314e50
```
#314e50 rgb(49,78,80)
```
#385a5c
```
#385a5c rgb(56,90,92)
```
#406668
```
#406668 rgb(64,102,104)
```
#477274
```
#477274 rgb(71,114,116)
```
#4f7d81
```
#4f7d81 rgb(79,125,129)
```
#56898d
```
#56898d rgb(86,137,141)
```
#5e9599
```
#5e9599 rgb(94,149,153)
```

Shade Color Variation

#689fa2
```
#689fa2 rgb(104,159,162)
```
#74a6aa
```
#74a6aa rgb(116,166,170)
```
#80aeb1
```
#80aeb1 rgb(128,174,177)
```
#8cb6b9
```
#8cb6b9 rgb(140,182,185)
```
#99bec0
```
#99bec0 rgb(153,190,192)
```
#a5c5c8
```
#a5c5c8 rgb(165,197,200)
```
#b1cdcf
```
#b1cdcf rgb(177,205,207)
```
#bdd5d7
```
#bdd5d7 rgb(189,213,215)
```
#c9ddde
```
#c9ddde rgb(201,221,222)
```
#d5e4e5
```
#d5e4e5 rgb(213,228,229)
```
#e2eced
```
#e2eced rgb(226,236,237)
```
#eef4f4
```
#eef4f4 rgb(238,244,244)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#404141
```
#404141 rgb(64,65,65)
```
#3b4546
```
#3b4546 rgb(59,69,70)
```
#364a4b
```
#364a4b rgb(54,74,75)
```
#314e50
```
#314e50 rgb(49,78,80)
```
#2c5255
```
#2c5255 rgb(44,82,85)
```
#27575a
```
#27575a rgb(39,87,90)
```
#225b5f
```
#225b5f rgb(34,91,95)
```
#1d5f64
```
#1d5f64 rgb(29,95,100)
```
#186469
```
#186469 rgb(24,100,105)
```
#13686e
```
#13686e rgb(19,104,110)
```
#0e6c73
```
#0e6c73 rgb(14,108,115)
```
#097178
```
#097178 rgb(9,113,120)
```
#04757d
```
#04757d rgb(4,117,125)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#424848 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525256 Protanopia 1% of men
#55505b Deuteranopia 1% of men
#3c565c Tritanopia 0.001% of the population

Trichromacy

#465053 Protanomaly 1% of men, 0.01% of women
#484f57 Deuteranomaly 6% of men, 0.4% of women
#385358 Tritanomaly 0.01% of the population

#314e50 hex color

#314e50 Color Information

#314e50 Color Conversion

Color Schemes with #314e50

Alternatives to #314e50

#314e50 Preview

Shades and Tints of #314e50

Tones of #314e50

Color Blindness Simulator