#31334f Color Information
In a RGB color space, hex #31334f is composed of 19.2% red, 20% green and 31% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 35.4% magenta, 0% yellow and 69% black. It has a hue angle of 236 degrees, a saturation of 23.4% and a lightness of 25.1%. #31334f color hex could be obtained by blending #62669e with #000000. Closest websafe color is: #333366.
-
- R 19
- G 20
- B 31
-
- C 38
- M 35
- Y 0
- K 69
● #31334f color description : Very dark desaturated blue.
#31334f Color Conversion
The hexadecimal color #31334f has RGB values of R:49, G:51, B:79 and CMYK values of C:0.38, M:0.35, Y:0, K:0.69. Its decimal value is 3224399.
Hex triplet | 31334f | #31334f |
---|---|---|
RGB Decimal | 49, 51, 79 | rgb(49,51,79) |
RGB Percent | 19.2, 20, 31 | rgb(19.2%,20%,31%) |
CMYK | 38, 35, 0, 69 | |
HSL | 236°, 23.4, 25.1 | hsl(236,23.4%,25.1%) |
HSV (or HSB) | 236°, 38, 31 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 22.249, 7.019, -17.418 |
---|---|
XYZ | 3.861, 3.585, 7.885 |
xyY | 0.252, 0.234, 3.585 |
CIE-LCH | 22.249, 18.778, 291.947 |
CIE-LUV | 22.249, -2.267, -20.661 |
Hunter-Lab | 18.934, 3.268, -11.438 |
Binary | 00110001, 00110011, 01001111 |
Color Schemes with #31334f
Alternatives to #31334f
Below, you can see some colors close to #31334f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31334f Preview
This text has a font color of #31334f.
<span style="color:#31334f;">Text here</span>
This paragraph has a background color of #31334f.
<p style="background-color:#31334f;">Content here</p>
This element has a border color of #31334f.
<div style="border:1px solid #31334f;">Content here</div>
.text {color:#31334f;}
.background {background-color:#31334f;}
.border {border:1px solid #31334f;}
Shades and Tints of #31334f
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)
-
#222337
#222337
rgb(34,35,55)
-
#292b43
#292b43
rgb(41,43,67)
-
#31334f
#31334f
rgb(49,51,79)
-
#393b5b
#393b5b
rgb(57,59,91)
-
#404367
#404367
rgb(64,67,103)
-
#484a73
#484a73
rgb(72,74,115)
-
#4f527f
#4f527f
rgb(79,82,127)
-
#575a8c
#575a8c
rgb(87,90,140)
-
#5e6298
#5e6298
rgb(94,98,152)
-
#686ca1
#686ca1
rgb(104,108,161)
-
#7478a9
#7478a9
rgb(116,120,169)
-
#8083b0
#8083b0
rgb(128,131,176)
-
#8c8fb8
#8c8fb8
rgb(140,143,184)
-
#989bbf
#989bbf
rgb(152,155,191)
-
#a5a7c7
#a5a7c7
rgb(165,167,199)
-
#b1b3ce
#b1b3ce
rgb(177,179,206)
-
#bdbed6
#bdbed6
rgb(189,190,214)
-
#c9cadd
#c9cadd
rgb(201,202,221)
-
#d5d6e5
#d5d6e5
rgb(213,214,229)
-
#e1e2ec
#e1e2ec
rgb(225,226,236)
-
#edeef4
#edeef4
rgb(237,238,244)
-
#f9f9fb
#f9f9fb
rgb(249,249,251)
Tones of #31334f
A tone is produced by adding gray to any pure hue. In this case, #404040 is the less saturated color, while #050d7b is the most saturated one.
-
#404040
#404040
rgb(64,64,64)
-
#3b3c45
#3b3c45
rgb(59,60,69)
-
#36374a
#36374a
rgb(54,55,74)
-
#31334f
#31334f
rgb(49,51,79)
-
#2c2f54
#2c2f54
rgb(44,47,84)
-
#272a59
#272a59
rgb(39,42,89)
-
#22265e
#22265e
rgb(34,38,94)
-
#1d2263
#1d2263
rgb(29,34,99)
-
#181e68
#181e68
rgb(24,30,104)
-
#13196d
#13196d
rgb(19,25,109)
-
#0f1571
#0f1571
rgb(15,21,113)
-
#0a1176
#0a1176
rgb(10,17,118)
-
#050d7b
#050d7b
rgb(5,13,123)
Color Blindness Simulator
Below, you can see how #31334f 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.