#313b54 Color Information
In a RGB color space, hex #313b54 is composed of 19.2% red, 23.1% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 29.8% magenta, 0% yellow and 67.1% black. It has a hue angle of 222.9 degrees, a saturation of 26.3% and a lightness of 26.1%. #313b54 color hex could be obtained by blending #6276a8 with #000000. Closest websafe color is: #333366.
-
- R 19
- G 23
- B 33
-
- C 42
- M 30
- Y 0
- K 67
● #313b54 color description : Very dark desaturated blue.
#313b54 Color Conversion
The hexadecimal color #313b54 has RGB values of R:49, G:59, B:84 and CMYK values of C:0.42, M:0.3, Y:0, K:0.67. Its decimal value is 3226452.
Hex triplet | 313b54 | #313b54 |
---|---|---|
RGB Decimal | 49, 59, 84 | rgb(49,59,84) |
RGB Percent | 19.2, 23.1, 32.9 | rgb(19.2%,23.1%,32.9%) |
CMYK | 42, 30, 0, 67 | |
HSL | 222.9°, 26.3, 26.1 | hsl(222.9,26.3%,26.1%) |
HSV (or HSB) | 222.9°, 41.7, 32.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 25.017, 3.15, -16.425 |
---|---|
XYZ | 4.43, 4.421, 9.007 |
xyY | 0.248, 0.248, 4.421 |
CIE-LCH | 25.017, 16.724, 280.855 |
CIE-LUV | 25.017, -5.388, -19.955 |
Hunter-Lab | 21.026, 0.818, -10.68 |
Binary | 00110001, 00111011, 01010100 |
Color Schemes with #313b54
Alternatives to #313b54
Below, you can see some colors close to #313b54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#313b54 Preview
This text has a font color of #313b54.
<span style="color:#313b54;">Text here</span>
This paragraph has a background color of #313b54.
<p style="background-color:#313b54;">Content here</p>
This element has a border color of #313b54.
<div style="border:1px solid #313b54;">Content here</div>
.text {color:#313b54;}
.background {background-color:#313b54;}
.border {border:1px solid #313b54;}
Shades and Tints of #313b54
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, #06070a is the darkest color, while #fcfdfd is the lightest one.
-
#06070a
#06070a
rgb(6,7,10)
-
#0d0f16
#0d0f16
rgb(13,15,22)
-
#141822
#141822
rgb(20,24,34)
-
#1b212f
#1b212f
rgb(27,33,47)
-
#232a3b
#232a3b
rgb(35,42,59)
-
#2a3248
#2a3248
rgb(42,50,72)
-
#313b54
#313b54
rgb(49,59,84)
-
#384460
#384460
rgb(56,68,96)
-
#3f4c6d
#3f4c6d
rgb(63,76,109)
-
#475579
#475579
rgb(71,85,121)
-
#4e5e86
#4e5e86
rgb(78,94,134)
-
#556792
#556792
rgb(85,103,146)
-
#5c6f9e
#5c6f9e
rgb(92,111,158)
-
#687aa7
#687aa7
rgb(104,122,167)
-
#7485ae
#7485ae
rgb(116,133,174)
-
#808fb5
#808fb5
rgb(128,143,181)
-
#8d9abc
#8d9abc
rgb(141,154,188)
-
#99a5c4
#99a5c4
rgb(153,165,196)
-
#a6b0cb
#a6b0cb
rgb(166,176,203)
-
#b2bbd2
#b2bbd2
rgb(178,187,210)
-
#bec6d9
#bec6d9
rgb(190,198,217)
-
#cbd1e1
#cbd1e1
rgb(203,209,225)
-
#d7dce8
#d7dce8
rgb(215,220,232)
-
#e4e7ef
#e4e7ef
rgb(228,231,239)
-
#f0f2f6
#f0f2f6
rgb(240,242,246)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #313b54
A tone is produced by adding gray to any pure hue. In this case, #404245 is the less saturated color, while #032782 is the most saturated one.
-
#404245
#404245
rgb(64,66,69)
-
#3b3f4a
#3b3f4a
rgb(59,63,74)
-
#363d4f
#363d4f
rgb(54,61,79)
-
#313b54
#313b54
rgb(49,59,84)
-
#2c3959
#2c3959
rgb(44,57,89)
-
#27375e
#27375e
rgb(39,55,94)
-
#223463
#223463
rgb(34,52,99)
-
#1d3268
#1d3268
rgb(29,50,104)
-
#17306e
#17306e
rgb(23,48,110)
-
#122e73
#122e73
rgb(18,46,115)
-
#0d2c78
#0d2c78
rgb(13,44,120)
-
#08297d
#08297d
rgb(8,41,125)
-
#032782
#032782
rgb(3,39,130)
Color Blindness Simulator
Below, you can see how #313b54 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.