#314f6a hex color

In a RGB color space, hex #314f6a is composed of 19.2% red, 31% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 25.5% magenta, 0% yellow and 58.4% black. It has a hue angle of 208.4 degrees, a saturation of 36.8% and a lightness of 30.4%. #314f6a color hex could be obtained by blending #629ed4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 31
- B 42
RGB color chart
- C 54
- M 25
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #314f6a has RGB values of R:49, G:79, B:106 and CMYK values of C:0.54, M:0.25, Y:0, K:0.58. Its decimal value is 3231594.

Hex triplet	314f6a	`#314f6a`
RGB Decimal	49, 79, 106	`rgb(49,79,106)`
RGB Percent	19.2, 31, 41.6	`rgb(19.2%,31%,41.6%)`
CMYK	54, 25, 0, 58
HSL	208.4°, 36.8, 30.4	`hsl(208.4,36.8%,30.4%)`
HSV (or HSB)	208.4°, 53.8, 41.6
Web Safe	336666	`#336666`

CIE-LAB	32.447, -2.656, -19.047
XYZ	6.664, 7.285, 14.69
xyY	0.233, 0.254, 7.285
CIE-LCH	32.447, 19.231, 262.063
CIE-LUV	32.447, -13.187, -24.707
Hunter-Lab	26.991, -3.167, -13.375
Binary	00110001, 01001111, 01101010

#314f6a
```
#314f6a rgb(49,79,106)
```
#6a4c31
```
#6a4c31 rgb(106,76,49)
```

Complementary Color

#316a69
```
#316a69 rgb(49,106,105)
```
#314f6a
```
#314f6a rgb(49,79,106)
```
#31336a
```
#31336a rgb(49,51,106)
```

Analogous Color

#6a6931
```
#6a6931 rgb(106,105,49)
```
#314f6a
```
#314f6a rgb(49,79,106)
```
#6a3133
```
#6a3133 rgb(106,49,51)
```

Split Complementary Color

#4f6a31
```
#4f6a31 rgb(79,106,49)
```
#314f6a
```
#314f6a rgb(49,79,106)
```
#6a314f
```
#6a314f rgb(106,49,79)
```

Triadic Color

#316a4c
```
#316a4c rgb(49,106,76)
```
#314f6a
```
#314f6a rgb(49,79,106)
```
#6a314f
```
#6a314f rgb(106,49,79)
```
#6a4c31
```
#6a4c31 rgb(106,76,49)
```

Tetradic Color

#192836
```
#192836 rgb(25,40,54)
```
#213547
```
#213547 rgb(33,53,71)
```
#294259
```
#294259 rgb(41,66,89)
```
#314f6a
```
#314f6a rgb(49,79,106)
```
#395c7b
```
#395c7b rgb(57,92,123)
```
#41698d
```
#41698d rgb(65,105,141)
```
#49769e
```
#49769e rgb(73,118,158)
```

Monochromatic Color

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

#315d6a
```
#315d6a rgb(49,93,106)
```
#31596a
```
#31596a rgb(49,89,106)
```
#31546a
```
#31546a rgb(49,84,106)
```
#314f6a
```
#314f6a rgb(49,79,106)
```
#314a6a
```
#314a6a rgb(49,74,106)
```
#31466a
```
#31466a rgb(49,70,106)
```
#31416a
```
#31416a rgb(49,65,106)
```

Similar Colors

Text with hexadecimal color #314f6a

This text has a font color of #314f6a.

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

#314f6a background color

This paragraph has a background color of #314f6a.

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

#314f6a border color

This element has a border color of #314f6a.

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

CSS codes

.text {color:#314f6a;}

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

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

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, #06090c is the darkest color, while #fefefe is the lightest one.

#06090c
```
#06090c rgb(6,9,12)
```
#0c131a
```
#0c131a rgb(12,19,26)
```
#121d27
```
#121d27 rgb(18,29,39)
```
#182734
```
#182734 rgb(24,39,52)
```
#1e3142
```
#1e3142 rgb(30,49,66)
```
#253b4f
```
#253b4f rgb(37,59,79)
```
#2b455d
```
#2b455d rgb(43,69,93)
```
#314f6a
```
#314f6a rgb(49,79,106)
```
#375977
```
#375977 rgb(55,89,119)
```
#3d6385
```
#3d6385 rgb(61,99,133)
```
#446d92
```
#446d92 rgb(68,109,146)
```
#4a77a0
```
#4a77a0 rgb(74,119,160)
```
#5081ad
```
#5081ad rgb(80,129,173)
```

Shade Color Variation

#5d8bb4
```
#5d8bb4 rgb(93,139,180)
```
#6a94ba
```
#6a94ba rgb(106,148,186)
```
#789ec0
```
#789ec0 rgb(120,158,192)
```
#85a7c7
```
#85a7c7 rgb(133,167,199)
```
#92b1cd
```
#92b1cd rgb(146,177,205)
```
#a0bbd3
```
#a0bbd3 rgb(160,187,211)
```
#adc4d9
```
#adc4d9 rgb(173,196,217)
```
#bbcedf
```
#bbcedf rgb(187,206,223)
```
#c8d8e6
```
#c8d8e6 rgb(200,216,230)
```
#d5e1ec
```
#d5e1ec rgb(213,225,236)
```
#e3ebf2
```
#e3ebf2 rgb(227,235,242)
```
#f0f4f8
```
#f0f4f8 rgb(240,244,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#494e52
```
#494e52 rgb(73,78,82)
```
#434e58
```
#434e58 rgb(67,78,88)
```
#3d4e5e
```
#3d4e5e rgb(61,78,94)
```
#374f64
```
#374f64 rgb(55,79,100)
```
#314f6a
```
#314f6a rgb(49,79,106)
```
#2b4f70
```
#2b4f70 rgb(43,79,112)
```
#255076
```
#255076 rgb(37,80,118)
```
#1f507c
```
#1f507c rgb(31,80,124)
```
#195082
```
#195082 rgb(25,80,130)
```
#135188
```
#135188 rgb(19,81,136)
```
#0d518e
```
#0d518e rgb(13,81,142)
```
#075194
```
#075194 rgb(7,81,148)
```
#01529a
```
#01529a rgb(1,82,154)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444a50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d546f Protanopia 1% of men
#4b5473 Deuteranopia 1% of men
#345b61 Tritanopia 0.001% of the population

Trichromacy

#43526d Protanomaly 1% of men, 0.01% of women
#41526f Deuteranomaly 6% of men, 0.4% of women
#335664 Tritanomaly 0.01% of the population

#314f6a hex color

#314f6a Color Information

#314f6a Color Conversion

Color Schemes with #314f6a

Alternatives to #314f6a

#314f6a Preview

Shades and Tints of #314f6a

Tones of #314f6a

Color Blindness Simulator