#31344f Color Information
In a RGB color space, hex #31344f is composed of 19.2% red, 20.4% green and 31% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 34.2% magenta, 0% yellow and 69% black. It has a hue angle of 234 degrees, a saturation of 23.4% and a lightness of 25.1%. #31344f color hex could be obtained by blending #62689e with #000000. Closest websafe color is: #333366.
-
- R 19
- G 20
- B 31
-
- C 38
- M 34
- Y 0
- K 69
● #31344f color description : Very dark desaturated blue.
#31344f Color Conversion
The hexadecimal color #31344f has RGB values of R:49, G:52, B:79 and CMYK values of C:0.38, M:0.34, Y:0, K:0.69. Its decimal value is 3224655.
Hex triplet | 31344f | #31344f |
---|---|---|
RGB Decimal | 49, 52, 79 | rgb(49,52,79) |
RGB Percent | 19.2, 20.4, 31 | rgb(19.2%,20.4%,31%) |
CMYK | 38, 34, 0, 69 | |
HSL | 234°, 23.4, 25.1 | hsl(234,23.4%,25.1%) |
HSV (or HSB) | 234°, 38, 31 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 22.561, 6.328, -16.932 |
---|---|
XYZ | 3.906, 3.673, 7.9 |
xyY | 0.252, 0.237, 3.673 |
CIE-LCH | 22.561, 18.076, 290.493 |
CIE-LUV | 22.561, -2.625, -20.121 |
Hunter-Lab | 19.166, 2.834, -11.022 |
Binary | 00110001, 00110100, 01001111 |
Color Schemes with #31344f
Alternatives to #31344f
Below, you can see some colors close to #31344f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31344f Preview
This text has a font color of #31344f.
<span style="color:#31344f;">Text here</span>
This paragraph has a background color of #31344f.
<p style="background-color:#31344f;">Content here</p>
This element has a border color of #31344f.
<div style="border:1px solid #31344f;">Content here</div>
.text {color:#31344f;}
.background {background-color:#31344f;}
.border {border:1px solid #31344f;}
Shades and Tints of #31344f
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, #040406 is the darkest color, while #f9f9fb is the lightest one.
-
#040406
#040406
rgb(4,4,6)
-
#0b0c12
#0b0c12
rgb(11,12,18)
-
#13141f
#13141f
rgb(19,20,31)
-
#1a1c2b
#1a1c2b
rgb(26,28,43)
-
#222437
#222437
rgb(34,36,55)
-
#292c43
#292c43
rgb(41,44,67)
-
#31344f
#31344f
rgb(49,52,79)
-
#393c5b
#393c5b
rgb(57,60,91)
-
#404467
#404467
rgb(64,68,103)
-
#484c73
#484c73
rgb(72,76,115)
-
#4f547f
#4f547f
rgb(79,84,127)
-
#575c8c
#575c8c
rgb(87,92,140)
-
#5e6498
#5e6498
rgb(94,100,152)
-
#686ea1
#686ea1
rgb(104,110,161)
-
#7479a9
#7479a9
rgb(116,121,169)
-
#8085b0
#8085b0
rgb(128,133,176)
-
#8c91b8
#8c91b8
rgb(140,145,184)
-
#989cbf
#989cbf
rgb(152,156,191)
-
#a5a8c7
#a5a8c7
rgb(165,168,199)
-
#b1b4ce
#b1b4ce
rgb(177,180,206)
-
#bdbfd6
#bdbfd6
rgb(189,191,214)
-
#c9cbdd
#c9cbdd
rgb(201,203,221)
-
#d5d7e5
#d5d7e5
rgb(213,215,229)
-
#e1e2ec
#e1e2ec
rgb(225,226,236)
-
#edeef4
#edeef4
rgb(237,238,244)
-
#f9f9fb
#f9f9fb
rgb(249,249,251)
Tones of #31344f
A tone is produced by adding gray to any pure hue. In this case, #404040 is the less saturated color, while #05117b is the most saturated one.
-
#404040
#404040
rgb(64,64,64)
-
#3b3c45
#3b3c45
rgb(59,60,69)
-
#36384a
#36384a
rgb(54,56,74)
-
#31344f
#31344f
rgb(49,52,79)
-
#2c3054
#2c3054
rgb(44,48,84)
-
#272c59
#272c59
rgb(39,44,89)
-
#22285e
#22285e
rgb(34,40,94)
-
#1d2463
#1d2463
rgb(29,36,99)
-
#182068
#182068
rgb(24,32,104)
-
#131c6d
#131c6d
rgb(19,28,109)
-
#0f1871
#0f1871
rgb(15,24,113)
-
#0a1476
#0a1476
rgb(10,20,118)
-
#05117b
#05117b
rgb(5,17,123)
Color Blindness Simulator
Below, you can see how #31344f 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.