#313f59 hex color

In a RGB color space, hex #313f59 is composed of 19.2% red, 24.7% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 29.2% magenta, 0% yellow and 65.1% black. It has a hue angle of 219 degrees, a saturation of 29% and a lightness of 27.1%. #313f59 color hex could be obtained by blending #627eb2 with #000000. Closest websafe color is: #333366.

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

● #313f59 color description : Very dark desaturated blue.

The hexadecimal color #313f59 has RGB values of R:49, G:63, B:89 and CMYK values of C:0.45, M:0.29, Y:0, K:0.65. Its decimal value is 3227481.

Hex triplet	313f59	`#313f59`
RGB Decimal	49, 63, 89	`rgb(49,63,89)`
RGB Percent	19.2, 24.7, 34.9	`rgb(19.2%,24.7%,34.9%)`
CMYK	45, 29, 0, 65
HSL	219°, 29, 27.1	`hsl(219,29%,27.1%)`
HSV (or HSB)	219°, 44.9, 34.9
Web Safe	333366	`#333366`

CIE-LAB	26.532, 2.089, -17.344
XYZ	4.847, 4.929, 10.147
xyY	0.243, 0.247, 4.929
CIE-LCH	26.532, 17.469, 276.868
CIE-LUV	26.532, -7.014, -21.447
Hunter-Lab	22.202, 0.116, -11.556
Binary	00110001, 00111111, 01011001

#313f59
```
#313f59 rgb(49,63,89)
```
#594b31
```
#594b31 rgb(89,75,49)
```

Complementary Color

#315359
```
#315359 rgb(49,83,89)
```
#313f59
```
#313f59 rgb(49,63,89)
```
#373159
```
#373159 rgb(55,49,89)
```

Analogous Color

#535931
```
#535931 rgb(83,89,49)
```
#313f59
```
#313f59 rgb(49,63,89)
```
#593731
```
#593731 rgb(89,55,49)
```

Split Complementary Color

#3f5931
```
#3f5931 rgb(63,89,49)
```
#313f59
```
#313f59 rgb(49,63,89)
```
#59313f
```
#59313f rgb(89,49,63)
```

Triadic Color

#31594b
```
#31594b rgb(49,89,75)
```
#313f59
```
#313f59 rgb(49,63,89)
```
#59313f
```
#59313f rgb(89,49,63)
```
#594b31
```
#594b31 rgb(89,75,49)
```

Tetradic Color

#161c28
```
#161c28 rgb(22,28,40)
```
#1f2838
```
#1f2838 rgb(31,40,56)
```
#283349
```
#283349 rgb(40,51,73)
```
#313f59
```
#313f59 rgb(49,63,89)
```
#3a4b69
```
#3a4b69 rgb(58,75,105)
```
#43567a
```
#43567a rgb(67,86,122)
```
#4c628a
```
#4c628a rgb(76,98,138)
```

Monochromatic Color

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

#314959
```
#314959 rgb(49,73,89)
```
#314659
```
#314659 rgb(49,70,89)
```
#314259
```
#314259 rgb(49,66,89)
```
#313f59
```
#313f59 rgb(49,63,89)
```
#313c59
```
#313c59 rgb(49,60,89)
```
#313859
```
#313859 rgb(49,56,89)
```
#313559
```
#313559 rgb(49,53,89)
```

Similar Colors

Text with hexadecimal color #313f59

This text has a font color of #313f59.

<span style="color:#313f59;">Text here</span>

#313f59 background color

This paragraph has a background color of #313f59.

<p style="background-color:#313f59;">Content here</p>

#313f59 border color

This element has a border color of #313f59.

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

CSS codes

.text {color:#313f59;}

.background {background-color:#313f59;}

.border {border:1px solid #313f59;}

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 #f3f5f8 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#07090d
```
#07090d rgb(7,9,13)
```
#0e121a
```
#0e121a rgb(14,18,26)
```
#151b26
```
#151b26 rgb(21,27,38)
```
#1c2433
```
#1c2433 rgb(28,36,51)
```
#232d40
```
#232d40 rgb(35,45,64)
```
#2a364c
```
#2a364c rgb(42,54,76)
```
#313f59
```
#313f59 rgb(49,63,89)
```
#384866
```
#384866 rgb(56,72,102)
```
#3f5172
```
#3f5172 rgb(63,81,114)
```
#465a7f
```
#465a7f rgb(70,90,127)
```
#4d638c
```
#4d638c rgb(77,99,140)
```
#546c98
```
#546c98 rgb(84,108,152)
```

Shade Color Variation

#5b75a5
```
#5b75a5 rgb(91,117,165)
```
#687fac
```
#687fac rgb(104,127,172)
```
#748ab3
```
#748ab3 rgb(116,138,179)
```
#8195ba
```
#8195ba rgb(129,149,186)
```
#8e9fc1
```
#8e9fc1 rgb(142,159,193)
```
#9aaac8
```
#9aaac8 rgb(154,170,200)
```
#a7b5ce
```
#a7b5ce rgb(167,181,206)
```
#b4bfd5
```
#b4bfd5 rgb(180,191,213)
```
#c0cadc
```
#c0cadc rgb(192,202,220)
```
#cdd5e3
```
#cdd5e3 rgb(205,213,227)
```
#d9dfea
```
#d9dfea rgb(217,223,234)
```
#e6eaf1
```
#e6eaf1 rgb(230,234,241)
```
#f3f5f8
```
#f3f5f8 rgb(243,245,248)
```

Tint Color Variation

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

#414449
```
#414449 rgb(65,68,73)
```
#3c424e
```
#3c424e rgb(60,66,78)
```
#364154
```
#364154 rgb(54,65,84)
```
#313f59
```
#313f59 rgb(49,63,89)
```
#2c3d5e
```
#2c3d5e rgb(44,61,94)
```
#263c64
```
#263c64 rgb(38,60,100)
```
#213a69
```
#213a69 rgb(33,58,105)
```
#1c396e
```
#1c396e rgb(28,57,110)
```
#163774
```
#163774 rgb(22,55,116)
```
#113579
```
#113579 rgb(17,53,121)
```
#0c347e
```
#0c347e rgb(12,52,126)
```
#073283
```
#073283 rgb(7,50,131)
```
#013189
```
#013189 rgb(1,49,137)
```

Tone Color Variation

Below, you can see how #313f59 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

#3e3e3e Achromatopsia 0.005% of the population
#3b3e43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#404760 Protanopia 1% of men
#3f4762 Deuteranopia 1% of men
#364c51 Tritanopia 0.001% of the population

Trichromacy

#3b445e Protanomaly 1% of men, 0.01% of women
#3a445e Deuteranomaly 6% of men, 0.4% of women
#344754 Tritanomaly 0.01% of the population

#313f59 hex color

#313f59 Color Information

#313f59 Color Conversion

Color Schemes with #313f59

Alternatives to #313f59

#313f59 Preview

Shades and Tints of #313f59

Tones of #313f59

Color Blindness Simulator