#314b59 hex color

In a RGB color space, hex #314b59 is composed of 19.2% red, 29.4% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 15.7% magenta, 0% yellow and 65.1% black. It has a hue angle of 201 degrees, a saturation of 29% and a lightness of 27.1%. #314b59 color hex could be obtained by blending #6296b2 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #314b59 has RGB values of R:49, G:75, B:89 and CMYK values of C:0.45, M:0.16, Y:0, K:0.65. Its decimal value is 3230553.

Hex triplet	314b59	`#314b59`
RGB Decimal	49, 75, 89	`rgb(49,75,89)`
RGB Percent	19.2, 29.4, 34.9	`rgb(19.2%,29.4%,34.9%)`
CMYK	45, 16, 0, 65
HSL	201°, 29, 27.1	`hsl(201,29%,27.1%)`
HSV (or HSB)	201°, 44.9, 34.9
Web Safe	333366	`#333366`

CIE-LAB	30.415, -5.673, -11.376
XYZ	5.585, 6.406, 10.393
xyY	0.25, 0.286, 6.406
CIE-LCH	30.415, 12.712, 243.497
CIE-LUV	30.415, -11.733, -13.589
Hunter-Lab	25.31, -4.902, -6.628
Binary	00110001, 01001011, 01011001

#314b59
```
#314b59 rgb(49,75,89)
```
#593f31
```
#593f31 rgb(89,63,49)
```

Complementary Color

#315953
```
#315953 rgb(49,89,83)
```
#314b59
```
#314b59 rgb(49,75,89)
```
#313759
```
#313759 rgb(49,55,89)
```

Analogous Color

#595331
```
#595331 rgb(89,83,49)
```
#314b59
```
#314b59 rgb(49,75,89)
```
#593137
```
#593137 rgb(89,49,55)
```

Split Complementary Color

#4b5931
```
#4b5931 rgb(75,89,49)
```
#314b59
```
#314b59 rgb(49,75,89)
```
#59314b
```
#59314b rgb(89,49,75)
```

Triadic Color

#31593f
```
#31593f rgb(49,89,63)
```
#314b59
```
#314b59 rgb(49,75,89)
```
#59314b
```
#59314b rgb(89,49,75)
```
#593f31
```
#593f31 rgb(89,63,49)
```

Tetradic Color

#162128
```
#162128 rgb(22,33,40)
```
#1f2f38
```
#1f2f38 rgb(31,47,56)
```
#283d49
```
#283d49 rgb(40,61,73)
```
#314b59
```
#314b59 rgb(49,75,89)
```
#3a5969
```
#3a5969 rgb(58,89,105)
```
#43677a
```
#43677a rgb(67,103,122)
```
#4c758a
```
#4c758a rgb(76,117,138)
```

Monochromatic Color

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

#315559
```
#315559 rgb(49,85,89)
```
#315259
```
#315259 rgb(49,82,89)
```
#314e59
```
#314e59 rgb(49,78,89)
```
#314b59
```
#314b59 rgb(49,75,89)
```
#314859
```
#314859 rgb(49,72,89)
```
#314459
```
#314459 rgb(49,68,89)
```
#314159
```
#314159 rgb(49,65,89)
```

Similar Colors

Text with hexadecimal color #314b59

This text has a font color of #314b59.

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

#314b59 background color

This paragraph has a background color of #314b59.

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

#314b59 border color

This element has a border color of #314b59.

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

CSS codes

.text {color:#314b59;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070b0d
```
#070b0d rgb(7,11,13)
```
#0e161a
```
#0e161a rgb(14,22,26)
```
#152026
```
#152026 rgb(21,32,38)
```
#1c2b33
```
#1c2b33 rgb(28,43,51)
```
#233640
```
#233640 rgb(35,54,64)
```
#2a404c
```
#2a404c rgb(42,64,76)
```
#314b59
```
#314b59 rgb(49,75,89)
```
#385666
```
#385666 rgb(56,86,102)
```
#3f6072
```
#3f6072 rgb(63,96,114)
```
#466b7f
```
#466b7f rgb(70,107,127)
```
#4d768c
```
#4d768c rgb(77,118,140)
```
#548098
```
#548098 rgb(84,128,152)
```

Shade Color Variation

#5b8ba5
```
#5b8ba5 rgb(91,139,165)
```
#6894ac
```
#6894ac rgb(104,148,172)
```
#749db3
```
#749db3 rgb(116,157,179)
```
#81a6ba
```
#81a6ba rgb(129,166,186)
```
#8eafc1
```
#8eafc1 rgb(142,175,193)
```
#9ab8c8
```
#9ab8c8 rgb(154,184,200)
```
#a7c1ce
```
#a7c1ce rgb(167,193,206)
```
#b4cad5
```
#b4cad5 rgb(180,202,213)
```
#c0d3dc
```
#c0d3dc rgb(192,211,220)
```
#cddbe3
```
#cddbe3 rgb(205,219,227)
```
#d9e4ea
```
#d9e4ea rgb(217,228,234)
```
#e6edf1
```
#e6edf1 rgb(230,237,241)
```
#f3f6f8
```
#f3f6f8 rgb(243,246,248)
```

Tint Color Variation

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

#414649
```
#414649 rgb(65,70,73)
```
#3c484e
```
#3c484e rgb(60,72,78)
```
#364954
```
#364954 rgb(54,73,84)
```
#314b59
```
#314b59 rgb(49,75,89)
```
#2c4d5e
```
#2c4d5e rgb(44,77,94)
```
#264e64
```
#264e64 rgb(38,78,100)
```
#215069
```
#215069 rgb(33,80,105)
```
#1c516e
```
#1c516e rgb(28,81,110)
```
#165374
```
#165374 rgb(22,83,116)
```
#115579
```
#115579 rgb(17,85,121)
```
#0c567e
```
#0c567e rgb(12,86,126)
```
#075883
```
#075883 rgb(7,88,131)
```
#015989
```
#015989 rgb(1,89,137)
```

Tone Color Variation

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

#4d505f Protanopia 1% of men
#4e4f63 Deuteranopia 1% of men
#39555b Tritanopia 0.001% of the population

Trichromacy

#434e5c Protanomaly 1% of men, 0.01% of women
#434d5f Deuteranomaly 6% of men, 0.4% of women
#36515a Tritanomaly 0.01% of the population

#314b59 hex color

#314b59 Color Information

#314b59 Color Conversion

Color Schemes with #314b59

Alternatives to #314b59

#314b59 Preview

Shades and Tints of #314b59

Tones of #314b59

Color Blindness Simulator