#313f76 Color Information
In a RGB color space, hex #313f76 is composed of 19.2% red, 24.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 46.6% magenta, 0% yellow and 53.7% black. It has a hue angle of 227.8 degrees, a saturation of 41.3% and a lightness of 32.7%. #313f76 color hex could be obtained by blending #627eec with #000000. Closest websafe color is: #333366.
-
- R 19
- G 25
- B 46
-
- C 58
- M 47
- Y 0
- K 54
● #313f76 color description : Dark moderate blue.
#313f76 Color Conversion
The hexadecimal color #313f76 has RGB values of R:49, G:63, B:118 and CMYK values of C:0.58, M:0.47, Y:0, K:0.54. Its decimal value is 3227510.
Hex triplet | 313f76 | #313f76 |
---|---|---|
RGB Decimal | 49, 63, 118 | rgb(49,63,118) |
RGB Percent | 19.2, 24.7, 46.3 | rgb(19.2%,24.7%,46.3%) |
CMYK | 58, 47, 0, 54 | |
HSL | 227.8°, 41.3, 32.7 | hsl(227.8,41.3%,32.7%) |
HSV (or HSB) | 227.8°, 58.5, 46.3 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 28.156, 12.166, -33.371 |
---|---|
XYZ | 6.313, 5.516, 17.87 |
xyY | 0.213, 0.186, 5.516 |
CIE-LCH | 28.156, 35.519, 290.031 |
CIE-LUV | 28.156, -7.62, -44.058 |
Hunter-Lab | 23.486, 6.885, -28.675 |
Binary | 00110001, 00111111, 01110110 |
Color Schemes with #313f76
Alternatives to #313f76
Below, you can see some colors close to #313f76. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#313f76 Preview
This text has a font color of #313f76.
<span style="color:#313f76;">Text here</span>
This paragraph has a background color of #313f76.
<p style="background-color:#313f76;">Content here</p>
This element has a border color of #313f76.
<div style="border:1px solid #313f76;">Content here</div>
.text {color:#313f76;}
.background {background-color:#313f76;}
.border {border:1px solid #313f76;}
Shades and Tints of #313f76
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, #030407 is the darkest color, while #f8f9fc is the lightest one.
-
#030407
#030407
rgb(3,4,7)
-
#090b15
#090b15
rgb(9,11,21)
-
#0e1323
#0e1323
rgb(14,19,35)
-
#141a31
#141a31
rgb(20,26,49)
-
#1a213f
#1a213f
rgb(26,33,63)
-
#20294c
#20294c
rgb(32,41,76)
-
#25305a
#25305a
rgb(37,48,90)
-
#2b3868
#2b3868
rgb(43,56,104)
-
#313f76
#313f76
rgb(49,63,118)
-
#374684
#374684
rgb(55,70,132)
-
#3d4e92
#3d4e92
rgb(61,78,146)
-
#4255a0
#4255a0
rgb(66,85,160)
-
#485dad
#485dad
rgb(72,93,173)
-
#5266b7
#5266b7
rgb(82,102,183)
-
#6073bd
#6073bd
rgb(96,115,189)
-
#6e7fc3
#6e7fc3
rgb(110,127,195)
-
#7c8bc8
#7c8bc8
rgb(124,139,200)
-
#8997ce
#8997ce
rgb(137,151,206)
-
#97a4d4
#97a4d4
rgb(151,164,212)
-
#a5b0da
#a5b0da
rgb(165,176,218)
-
#b3bcdf
#b3bcdf
rgb(179,188,223)
-
#c1c8e5
#c1c8e5
rgb(193,200,229)
-
#cfd4eb
#cfd4eb
rgb(207,212,235)
-
#dde1f1
#dde1f1
rgb(221,225,241)
-
#eaedf6
#eaedf6
rgb(234,237,246)
-
#f8f9fc
#f8f9fc
rgb(248,249,252)
Tones of #313f76
A tone is produced by adding gray to any pure hue. In this case, #515256 is the less saturated color, while #0424a3 is the most saturated one.
-
#515256
#515256
rgb(81,82,86)
-
#4b4e5c
#4b4e5c
rgb(75,78,92)
-
#444a63
#444a63
rgb(68,74,99)
-
#3e4769
#3e4769
rgb(62,71,105)
-
#374370
#374370
rgb(55,67,112)
-
#313f76
#313f76
rgb(49,63,118)
-
#2b3b7c
#2b3b7c
rgb(43,59,124)
-
#243783
#243783
rgb(36,55,131)
-
#1e3489
#1e3489
rgb(30,52,137)
-
#173090
#173090
rgb(23,48,144)
-
#112c96
#112c96
rgb(17,44,150)
-
#0a289d
#0a289d
rgb(10,40,157)
-
#0424a3
#0424a3
rgb(4,36,163)
Color Blindness Simulator
Below, you can see how #313f76 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.