#313f56 Color Information
In a RGB color space, hex #313f56 is composed of 19.2% red, 24.7% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 26.7% magenta, 0% yellow and 66.3% black. It has a hue angle of 217.3 degrees, a saturation of 27.4% and a lightness of 26.5%. #313f56 color hex could be obtained by blending #627eac with #000000. Closest websafe color is: #333366.
-
- R 19
- G 25
- B 34
-
- C 43
- M 27
- Y 0
- K 66
● #313f56 color description : Very dark desaturated blue.
#313f56 Color Conversion
The hexadecimal color #313f56 has RGB values of R:49, G:63, B:86 and CMYK values of C:0.43, M:0.27, Y:0, K:0.66. Its decimal value is 3227478.
Hex triplet | 313f56 | #313f56 |
---|---|---|
RGB Decimal | 49, 63, 86 | rgb(49,63,86) |
RGB Percent | 19.2, 24.7, 33.7 | rgb(19.2%,24.7%,33.7%) |
CMYK | 43, 27, 0, 66 | |
HSL | 217.3°, 27.4, 26.5 | hsl(217.3,27.4%,26.5%) |
HSV (or HSB) | 217.3°, 43, 33.7 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 26.389, 1.116, -15.61 |
---|---|
XYZ | 4.723, 4.88, 9.497 |
xyY | 0.247, 0.255, 4.88 |
CIE-LCH | 26.389, 15.65, 274.088 |
CIE-LUV | 26.389, -6.957, -19.079 |
Hunter-Lab | 22.09, -0.489, -10.026 |
Binary | 00110001, 00111111, 01010110 |
Color Schemes with #313f56
Alternatives to #313f56
Below, you can see some colors close to #313f56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#313f56 Preview
This text has a font color of #313f56.
<span style="color:#313f56;">Text here</span>
This paragraph has a background color of #313f56.
<p style="background-color:#313f56;">Content here</p>
This element has a border color of #313f56.
<div style="border:1px solid #313f56;">Content here</div>
.text {color:#313f56;}
.background {background-color:#313f56;}
.border {border:1px solid #313f56;}
Shades and Tints of #313f56
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, #06080b is the darkest color, while #fefefe is the lightest one.
-
#06080b
#06080b
rgb(6,8,11)
-
#0d1118
#0d1118
rgb(13,17,24)
-
#151a24
#151a24
rgb(21,26,36)
-
#1c2431
#1c2431
rgb(28,36,49)
-
#232d3d
#232d3d
rgb(35,45,61)
-
#2a364a
#2a364a
rgb(42,54,74)
-
#313f56
#313f56
rgb(49,63,86)
-
#384862
#384862
rgb(56,72,98)
-
#3f516f
#3f516f
rgb(63,81,111)
-
#465a7b
#465a7b
rgb(70,90,123)
-
#4d6488
#4d6488
rgb(77,100,136)
-
#556d94
#556d94
rgb(85,109,148)
-
#5c76a1
#5c76a1
rgb(92,118,161)
-
#6880a9
#6880a9
rgb(104,128,169)
-
#748bb0
#748bb0
rgb(116,139,176)
-
#8195b7
#8195b7
rgb(129,149,183)
-
#8da0be
#8da0be
rgb(141,160,190)
-
#9aaac5
#9aaac5
rgb(154,170,197)
-
#a6b5cc
#a6b5cc
rgb(166,181,204)
-
#b3bfd3
#b3bfd3
rgb(179,191,211)
-
#bfc9db
#bfc9db
rgb(191,201,219)
-
#ccd4e2
#ccd4e2
rgb(204,212,226)
-
#d8dee9
#d8dee9
rgb(216,222,233)
-
#e5e9f0
#e5e9f0
rgb(229,233,240)
-
#f1f3f7
#f1f3f7
rgb(241,243,247)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #313f56
A tone is produced by adding gray to any pure hue. In this case, #414346 is the less saturated color, while #023485 is the most saturated one.
-
#414346
#414346
rgb(65,67,70)
-
#3b424c
#3b424c
rgb(59,66,76)
-
#364051
#364051
rgb(54,64,81)
-
#313f56
#313f56
rgb(49,63,86)
-
#2c3e5b
#2c3e5b
rgb(44,62,91)
-
#273c60
#273c60
rgb(39,60,96)
-
#213b66
#213b66
rgb(33,59,102)
-
#1c3a6b
#1c3a6b
rgb(28,58,107)
-
#173970
#173970
rgb(23,57,112)
-
#123775
#123775
rgb(18,55,117)
-
#0d367a
#0d367a
rgb(13,54,122)
-
#073580
#073580
rgb(7,53,128)
-
#023485
#023485
rgb(2,52,133)
Color Blindness Simulator
Below, you can see how #313f56 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.