#31333b Color Information
In a RGB color space, hex #31333b is composed of 19.2% red, 20% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 13.6% magenta, 0% yellow and 76.9% black. It has a hue angle of 228 degrees, a saturation of 9.3% and a lightness of 21.2%. #31333b color hex could be obtained by blending #626676 with #000000. Closest websafe color is: #333333.
-
- R 19
- G 20
- B 23
-
- C 17
- M 14
- Y 0
- K 77
● #31333b color description : Very dark grayish blue.
#31333b Color Conversion
The hexadecimal color #31333b has RGB values of R:49, G:51, B:59 and CMYK values of C:0.17, M:0.14, Y:0, K:0.77. Its decimal value is 3224379.
Hex triplet | 31333b | #31333b |
---|---|---|
RGB Decimal | 49, 51, 59 | rgb(49,51,59) |
RGB Percent | 19.2, 20, 23.1 | rgb(19.2%,20%,23.1%) |
CMYK | 17, 14, 0, 77 | |
HSL | 228°, 9.3, 21.2 | hsl(228,9.3%,21.2%) |
HSV (or HSB) | 228°, 16.9, 23.1 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 21.344, 1.153, -5.325 |
---|---|
XYZ | 3.24, 3.336, 4.611 |
xyY | 0.29, 0.298, 3.336 |
CIE-LCH | 21.344, 5.449, 282.212 |
CIE-LUV | 21.344, -1.321, -5.813 |
Hunter-Lab | 18.266, -0.305, -2.18 |
Binary | 00110001, 00110011, 00111011 |
Color Schemes with #31333b
Alternatives to #31333b
Below, you can see some colors close to #31333b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31333b Preview
This text has a font color of #31333b.
<span style="color:#31333b;">Text here</span>
This paragraph has a background color of #31333b.
<p style="background-color:#31333b;">Content here</p>
This element has a border color of #31333b.
<div style="border:1px solid #31333b;">Content here</div>
.text {color:#31333b;}
.background {background-color:#31333b;}
.border {border:1px solid #31333b;}
Shades and Tints of #31333b
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, #050505 is the darkest color, while #fafafb is the lightest one.
-
#050505
#050505
rgb(5,5,5)
-
#0d0e10
#0d0e10
rgb(13,14,16)
-
#16171b
#16171b
rgb(22,23,27)
-
#1f2026
#1f2026
rgb(31,32,38)
-
#282a30
#282a30
rgb(40,42,48)
-
#31333b
#31333b
rgb(49,51,59)
-
#3a3c46
#3a3c46
rgb(58,60,70)
-
#434650
#434650
rgb(67,70,80)
-
#4c4f5b
#4c4f5b
rgb(76,79,91)
-
#555866
#555866
rgb(85,88,102)
-
#5d6171
#5d6171
rgb(93,97,113)
-
#666b7b
#666b7b
rgb(102,107,123)
-
#6f7486
#6f7486
rgb(111,116,134)
-
#797e90
#797e90
rgb(121,126,144)
-
#848899
#848899
rgb(132,136,153)
-
#8f92a2
#8f92a2
rgb(143,146,162)
-
#999dab
#999dab
rgb(153,157,171)
-
#a4a7b3
#a4a7b3
rgb(164,167,179)
-
#afb1bc
#afb1bc
rgb(175,177,188)
-
#b9bcc5
#b9bcc5
rgb(185,188,197)
-
#c4c6ce
#c4c6ce
rgb(196,198,206)
-
#cfd0d7
#cfd0d7
rgb(207,208,215)
-
#dadbe0
#dadbe0
rgb(218,219,224)
-
#e4e5e9
#e4e5e9
rgb(228,229,233)
-
#eff0f2
#eff0f2
rgb(239,240,242)
-
#fafafb
#fafafb
rgb(250,250,251)
Tones of #31333b
A tone is produced by adding gray to any pure hue. In this case, #353537 is the less saturated color, while #031869 is the most saturated one.
-
#353537
#353537
rgb(53,53,55)
-
#31333b
#31333b
rgb(49,51,59)
-
#2d313f
#2d313f
rgb(45,49,63)
-
#292e43
#292e43
rgb(41,46,67)
-
#252c47
#252c47
rgb(37,44,71)
-
#20294c
#20294c
rgb(32,41,76)
-
#1c2750
#1c2750
rgb(28,39,80)
-
#182454
#182454
rgb(24,36,84)
-
#142258
#142258
rgb(20,34,88)
-
#101f5c
#101f5c
rgb(16,31,92)
-
#0c1d60
#0c1d60
rgb(12,29,96)
-
#071a65
#071a65
rgb(7,26,101)
-
#031869
#031869
rgb(3,24,105)
Color Blindness Simulator
Below, you can see how #31333b 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.