#313f74 Color Information
In a RGB color space, hex #313f74 is composed of 19.2% red, 24.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 45.7% magenta, 0% yellow and 54.5% black. It has a hue angle of 227.5 degrees, a saturation of 40.6% and a lightness of 32.4%. #313f74 color hex could be obtained by blending #627ee8 with #000000. Closest websafe color is: #333366.
-
- R 19
- G 25
- B 45
-
- C 58
- M 46
- Y 0
- K 55
● #313f74 color description : Dark moderate blue.
#313f74 Color Conversion
The hexadecimal color #313f74 has RGB values of R:49, G:63, B:116 and CMYK values of C:0.58, M:0.46, Y:0, K:0.55. Its decimal value is 3227508.
Hex triplet | 313f74 | #313f74 |
---|---|---|
RGB Decimal | 49, 63, 116 | rgb(49,63,116) |
RGB Percent | 19.2, 24.7, 45.5 | rgb(19.2%,24.7%,45.5%) |
CMYK | 58, 46, 0, 55 | |
HSL | 227.5°, 40.6, 32.4 | hsl(227.5,40.6%,32.4%) |
HSV (or HSB) | 227.5°, 57.8, 45.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 28.03, 11.444, -32.308 |
---|---|
XYZ | 6.196, 5.469, 17.251 |
xyY | 0.214, 0.189, 5.469 |
CIE-LCH | 28.03, 34.275, 289.504 |
CIE-LUV | 28.03, -7.575, -42.535 |
Hunter-Lab | 23.385, 6.369, -27.368 |
Binary | 00110001, 00111111, 01110100 |
Color Schemes with #313f74
Alternatives to #313f74
Below, you can see some colors close to #313f74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#313f74 Preview
This text has a font color of #313f74.
<span style="color:#313f74;">Text here</span>
This paragraph has a background color of #313f74.
<p style="background-color:#313f74;">Content here</p>
This element has a border color of #313f74.
<div style="border:1px solid #313f74;">Content here</div>
.text {color:#313f74;}
.background {background-color:#313f74;}
.border {border:1px solid #313f74;}
Shades and Tints of #313f74
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, #020306 is the darkest color, while #f7f8fc is the lightest one.
-
#020306
#020306
rgb(2,3,6)
-
#080b13
#080b13
rgb(8,11,19)
-
#0e1221
#0e1221
rgb(14,18,33)
-
#141a2f
#141a2f
rgb(20,26,47)
-
#1a213d
#1a213d
rgb(26,33,61)
-
#20294b
#20294b
rgb(32,41,75)
-
#253058
#253058
rgb(37,48,88)
-
#2b3866
#2b3866
rgb(43,56,102)
-
#313f74
#313f74
rgb(49,63,116)
-
#374682
#374682
rgb(55,70,130)
-
#3d4e90
#3d4e90
rgb(61,78,144)
-
#42559d
#42559d
rgb(66,85,157)
-
#485dab
#485dab
rgb(72,93,171)
-
#5166b6
#5166b6
rgb(81,102,182)
-
#5f72bb
#5f72bb
rgb(95,114,187)
-
#6d7fc1
#6d7fc1
rgb(109,127,193)
-
#7b8bc7
#7b8bc7
rgb(123,139,199)
-
#8997cd
#8997cd
rgb(137,151,205)
-
#96a3d3
#96a3d3
rgb(150,163,211)
-
#a4afd9
#a4afd9
rgb(164,175,217)
-
#b2bbde
#b2bbde
rgb(178,187,222)
-
#c0c7e4
#c0c7e4
rgb(192,199,228)
-
#ced3ea
#ced3ea
rgb(206,211,234)
-
#dbe0f0
#dbe0f0
rgb(219,224,240)
-
#e9ecf6
#e9ecf6
rgb(233,236,246)
-
#f7f8fc
#f7f8fc
rgb(247,248,252)
Tones of #313f74
A tone is produced by adding gray to any pure hue. In this case, #515154 is the less saturated color, while #0525a0 is the most saturated one.
-
#515154
#515154
rgb(81,81,84)
-
#4a4e5b
#4a4e5b
rgb(74,78,91)
-
#444a61
#444a61
rgb(68,74,97)
-
#3e4667
#3e4667
rgb(62,70,103)
-
#37436e
#37436e
rgb(55,67,110)
-
#313f74
#313f74
rgb(49,63,116)
-
#2b3b7a
#2b3b7a
rgb(43,59,122)
-
#243881
#243881
rgb(36,56,129)
-
#1e3487
#1e3487
rgb(30,52,135)
-
#18308d
#18308d
rgb(24,48,141)
-
#112d94
#112d94
rgb(17,45,148)
-
#0b299a
#0b299a
rgb(11,41,154)
-
#0525a0
#0525a0
rgb(5,37,160)
Color Blindness Simulator
Below, you can see how #313f74 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.