#314f5a hex color

In a RGB color space, hex #314f5a is composed of 19.2% red, 31% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 12.2% magenta, 0% yellow and 64.7% black. It has a hue angle of 196.1 degrees, a saturation of 29.5% and a lightness of 27.3%. #314f5a color hex could be obtained by blending #629eb4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 31
- B 35
RGB color chart
- C 46
- M 12
- Y 0
- K 65
CMYK color chart

● #314f5a color description : Very dark desaturated blue.

The hexadecimal color #314f5a has RGB values of R:49, G:79, B:90 and CMYK values of C:0.46, M:0.12, Y:0, K:0.65. Its decimal value is 3231578.

Hex triplet	314f5a	`#314f5a`
RGB Decimal	49, 79, 90	`rgb(49,79,90)`
RGB Percent	19.2, 31, 35.3	`rgb(19.2%,31%,35.3%)`
CMYK	46, 12, 0, 65
HSL	196.1°, 29.5, 27.3	`hsl(196.1,29.5%,27.3%)`
HSV (or HSB)	196.1°, 45.6, 35.3
Web Safe	336666	`#336666`

CIE-LAB	31.768, -7.837, -9.961
XYZ	5.908, 6.983, 10.709
xyY	0.25, 0.296, 6.983
CIE-LCH	31.768, 12.674, 231.806
CIE-LUV	31.768, -13.353, -11.634
Hunter-Lab	26.425, -6.338, -5.53
Binary	00110001, 01001111, 01011010

#314f5a
```
#314f5a rgb(49,79,90)
```
#5a3c31
```
#5a3c31 rgb(90,60,49)
```

Complementary Color

#315a51
```
#315a51 rgb(49,90,81)
```
#314f5a
```
#314f5a rgb(49,79,90)
```
#313b5a
```
#313b5a rgb(49,59,90)
```

Analogous Color

#5a5131
```
#5a5131 rgb(90,81,49)
```
#314f5a
```
#314f5a rgb(49,79,90)
```
#5a313b
```
#5a313b rgb(90,49,59)
```

Split Complementary Color

#4f5a31
```
#4f5a31 rgb(79,90,49)
```
#314f5a
```
#314f5a rgb(49,79,90)
```
#5a314f
```
#5a314f rgb(90,49,79)
```

Triadic Color

#315a3c
```
#315a3c rgb(49,90,60)
```
#314f5a
```
#314f5a rgb(49,79,90)
```
#5a314f
```
#5a314f rgb(90,49,79)
```
#5a3c31
```
#5a3c31 rgb(90,60,49)
```

Tetradic Color

#162428
```
#162428 rgb(22,36,40)
```
#1f3239
```
#1f3239 rgb(31,50,57)
```
#284149
```
#284149 rgb(40,65,73)
```
#314f5a
```
#314f5a rgb(49,79,90)
```
#3a5d6b
```
#3a5d6b rgb(58,93,107)
```
#436c7b
```
#436c7b rgb(67,108,123)
```
#4c7a8c
```
#4c7a8c rgb(76,122,140)
```

Monochromatic Color

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

#31595a
```
#31595a rgb(49,89,90)
```
#31565a
```
#31565a rgb(49,86,90)
```
#31525a
```
#31525a rgb(49,82,90)
```
#314f5a
```
#314f5a rgb(49,79,90)
```
#314c5a
```
#314c5a rgb(49,76,90)
```
#31485a
```
#31485a rgb(49,72,90)
```
#31455a
```
#31455a rgb(49,69,90)
```

Similar Colors

Text with hexadecimal color #314f5a

This text has a font color of #314f5a.

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

#314f5a background color

This paragraph has a background color of #314f5a.

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

#314f5a border color

This element has a border color of #314f5a.

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

CSS codes

.text {color:#314f5a;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080c0e
```
#080c0e rgb(8,12,14)
```
#0e171a
```
#0e171a rgb(14,23,26)
```
#152227
```
#152227 rgb(21,34,39)
```
#1c2e34
```
#1c2e34 rgb(28,46,52)
```
#233941
```
#233941 rgb(35,57,65)
```
#2a444d
```
#2a444d rgb(42,68,77)
```
#314f5a
```
#314f5a rgb(49,79,90)
```
#385a67
```
#385a67 rgb(56,90,103)
```
#3f6573
```
#3f6573 rgb(63,101,115)
```
#467080
```
#467080 rgb(70,112,128)
```
#4d7c8d
```
#4d7c8d rgb(77,124,141)
```
#54879a
```
#54879a rgb(84,135,154)
```

Shade Color Variation

#5b92a6
```
#5b92a6 rgb(91,146,166)
```
#689aad
```
#689aad rgb(104,154,173)
```
#74a3b4
```
#74a3b4 rgb(116,163,180)
```
#81abba
```
#81abba rgb(129,171,186)
```
#8eb4c1
```
#8eb4c1 rgb(142,180,193)
```
#9abcc8
```
#9abcc8 rgb(154,188,200)
```
#a7c4cf
```
#a7c4cf rgb(167,196,207)
```
#b4cdd6
```
#b4cdd6 rgb(180,205,214)
```
#c1d5dd
```
#c1d5dd rgb(193,213,221)
```
#cddee4
```
#cddee4 rgb(205,222,228)
```
#dae6eb
```
#dae6eb rgb(218,230,235)
```
#e7eff2
```
#e7eff2 rgb(231,239,242)
```
#f3f7f9
```
#f3f7f9 rgb(243,247,249)
```

Tint Color Variation

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

#41484a
```
#41484a rgb(65,72,74)
```
#3c4a4f
```
#3c4a4f rgb(60,74,79)
```
#364d55
```
#364d55 rgb(54,77,85)
```
#314f5a
```
#314f5a rgb(49,79,90)
```
#2c515f
```
#2c515f rgb(44,81,95)
```
#265465
```
#265465 rgb(38,84,101)
```
#21566a
```
#21566a rgb(33,86,106)
```
#1c596f
```
#1c596f rgb(28,89,111)
```
#165b75
```
#165b75 rgb(22,91,117)
```
#115e7a
```
#115e7a rgb(17,94,122)
```
#0c607f
```
#0c607f rgb(12,96,127)
```
#066385
```
#066385 rgb(6,99,133)
```
#01658a
```
#01658a rgb(1,101,138)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#43494b Atypical Achromatopsia 0.001% of the population

Dichromacy

#51535f Protanopia 1% of men
#535264 Deuteranopia 1% of men
#3a585f Tritanopia 0.001% of the population

Trichromacy

#45515d Protanomaly 1% of men, 0.01% of women
#465160 Deuteranomaly 6% of men, 0.4% of women
#37555d Tritanomaly 0.01% of the population

#314f5a hex color

#314f5a Color Information

#314f5a Color Conversion

Color Schemes with #314f5a

Alternatives to #314f5a

#314f5a Preview

Shades and Tints of #314f5a

Tones of #314f5a

Color Blindness Simulator