#314b5a hex color

In a RGB color space, hex #314b5a is composed of 19.2% red, 29.4% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 16.7% magenta, 0% yellow and 64.7% black. It has a hue angle of 202 degrees, a saturation of 29.5% and a lightness of 27.3%. #314b5a color hex could be obtained by blending #6296b4 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #314b5a has RGB values of R:49, G:75, B:90 and CMYK values of C:0.46, M:0.17, Y:0, K:0.65. Its decimal value is 3230554.

Hex triplet	314b5a	`#314b5a`
RGB Decimal	49, 75, 90	`rgb(49,75,90)`
RGB Percent	19.2, 29.4, 35.3	`rgb(19.2%,29.4%,35.3%)`
CMYK	46, 17, 0, 65
HSL	202°, 29.5, 27.3	`hsl(202,29.5%,27.3%)`
HSV (or HSB)	202°, 45.6, 35.3
Web Safe	333366	`#333366`

CIE-LAB	30.456, -5.359, -11.954
XYZ	5.628, 6.423, 10.616
xyY	0.248, 0.283, 6.423
CIE-LCH	30.456, 13.101, 245.852
CIE-LUV	30.456, -11.728, -14.395
Hunter-Lab	25.344, -4.715, -7.094
Binary	00110001, 01001011, 01011010

#314b5a
```
#314b5a rgb(49,75,90)
```
#5a4031
```
#5a4031 rgb(90,64,49)
```

Complementary Color

#315a55
```
#315a55 rgb(49,90,85)
```
#314b5a
```
#314b5a rgb(49,75,90)
```
#31375a
```
#31375a rgb(49,55,90)
```

Analogous Color

#5a5531
```
#5a5531 rgb(90,85,49)
```
#314b5a
```
#314b5a rgb(49,75,90)
```
#5a3137
```
#5a3137 rgb(90,49,55)
```

Split Complementary Color

#4b5a31
```
#4b5a31 rgb(75,90,49)
```
#314b5a
```
#314b5a rgb(49,75,90)
```
#5a314b
```
#5a314b rgb(90,49,75)
```

Triadic Color

#315a40
```
#315a40 rgb(49,90,64)
```
#314b5a
```
#314b5a rgb(49,75,90)
```
#5a314b
```
#5a314b rgb(90,49,75)
```
#5a4031
```
#5a4031 rgb(90,64,49)
```

Tetradic Color

#162228
```
#162228 rgb(22,34,40)
```
#1f2f39
```
#1f2f39 rgb(31,47,57)
```
#283d49
```
#283d49 rgb(40,61,73)
```
#314b5a
```
#314b5a rgb(49,75,90)
```
#3a596b
```
#3a596b rgb(58,89,107)
```
#43677b
```
#43677b rgb(67,103,123)
```
#4c748c
```
#4c748c rgb(76,116,140)
```

Monochromatic Color

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

#31555a
```
#31555a rgb(49,85,90)
```
#31525a
```
#31525a rgb(49,82,90)
```
#314e5a
```
#314e5a rgb(49,78,90)
```
#314b5a
```
#314b5a rgb(49,75,90)
```
#31485a
```
#31485a rgb(49,72,90)
```
#31445a
```
#31445a rgb(49,68,90)
```
#31415a
```
#31415a rgb(49,65,90)
```

Similar Colors

Text with hexadecimal color #314b5a

This text has a font color of #314b5a.

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

#314b5a background color

This paragraph has a background color of #314b5a.

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

#314b5a border color

This element has a border color of #314b5a.

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

CSS codes

.text {color:#314b5a;}

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

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

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)
```
#080b0e
```
#080b0e rgb(8,11,14)
```
#0e161a
```
#0e161a rgb(14,22,26)
```
#152127
```
#152127 rgb(21,33,39)
```
#1c2b34
```
#1c2b34 rgb(28,43,52)
```
#233641
```
#233641 rgb(35,54,65)
```
#2a404d
```
#2a404d rgb(42,64,77)
```
#314b5a
```
#314b5a rgb(49,75,90)
```
#385667
```
#385667 rgb(56,86,103)
```
#3f6073
```
#3f6073 rgb(63,96,115)
```
#466b80
```
#466b80 rgb(70,107,128)
```
#4d758d
```
#4d758d rgb(77,117,141)
```
#54809a
```
#54809a rgb(84,128,154)
```

Shade Color Variation

#5b8aa6
```
#5b8aa6 rgb(91,138,166)
```
#6893ad
```
#6893ad rgb(104,147,173)
```
#749cb4
```
#749cb4 rgb(116,156,180)
```
#81a5ba
```
#81a5ba rgb(129,165,186)
```
#8eaec1
```
#8eaec1 rgb(142,174,193)
```
#9ab8c8
```
#9ab8c8 rgb(154,184,200)
```
#a7c1cf
```
#a7c1cf rgb(167,193,207)
```
#b4cad6
```
#b4cad6 rgb(180,202,214)
```
#c1d3dd
```
#c1d3dd rgb(193,211,221)
```
#cddce4
```
#cddce4 rgb(205,220,228)
```
#dae5eb
```
#dae5eb rgb(218,229,235)
```
#e7eef2
```
#e7eef2 rgb(231,238,242)
```
#f3f7f9
```
#f3f7f9 rgb(243,247,249)
```

Tint Color Variation

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

#41474a
```
#41474a rgb(65,71,74)
```
#3c484f
```
#3c484f rgb(60,72,79)
```
#364a55
```
#364a55 rgb(54,74,85)
```
#314b5a
```
#314b5a rgb(49,75,90)
```
#2c4c5f
```
#2c4c5f rgb(44,76,95)
```
#264e65
```
#264e65 rgb(38,78,101)
```
#214f6a
```
#214f6a rgb(33,79,106)
```
#1c516f
```
#1c516f rgb(28,81,111)
```
#165275
```
#165275 rgb(22,82,117)
```
#11547a
```
#11547a rgb(17,84,122)
```
#0c557f
```
#0c557f rgb(12,85,127)
```
#065685
```
#065685 rgb(6,86,133)
```
#01588a
```
#01588a rgb(1,88,138)
```

Tone Color Variation

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

Dichromacy

#4d5060 Protanopia 1% of men
#4e4f64 Deuteranopia 1% of men
#39555b Tritanopia 0.001% of the population

Trichromacy

#434e5d Protanomaly 1% of men, 0.01% of women
#434e60 Deuteranomaly 6% of men, 0.4% of women
#36515b Tritanomaly 0.01% of the population

#314b5a hex color

#314b5a Color Information

#314b5a Color Conversion

Color Schemes with #314b5a

Alternatives to #314b5a

#314b5a Preview

Shades and Tints of #314b5a

Tones of #314b5a

Color Blindness Simulator