Color Charts
RGB
CMYK
RYB
#31393e Hex Color CodeThe hexadecimal color code #31393e is a dark shade of cyan-blue. In the RGB color model #31393e is comprised of 19.22% red, 22.35% green and 24.31% blue. In the HSL color space #31393e has a hue of 203.08 degrees, 11.71% saturation and 21.76% lightness. This color has an approximate wavelength of 492 nm. Sigma Cool Blue / 5354 B is a matching paint color.
#31393e Color InformationInverted
#cec6c1 25% Saturated
#2f393f Grayscale
#373737
25% Lighter
#3d474d Original
#31393e 25% Darker
#242a2e
darkslategray / darkslategrey
#2f4f4f 25% Desaturated
#32383c Web Safe: purple
#800080
rgb(49, 57, 62)
rgba(49, 57, 62, 1.0)
red: 19.2157%, yellow: 21.1578%, blue: 24.3137%
#31393e
3225918
-13551298 / 0xff31393e
hsl(203, 12%, 22%)
hsla(203, 12%, 22%, 1.0)
hue: 203 (203.0769), saturation: 21 (20.9677), value: 24 (24.3137)
X: 3.5993, Y: 3.927, Z: 5.1257
x: 0.2845, y: 0.3104, Y: 3.927
L: 23.4287, a: -2.0472, b: -4.2346
L: 23.4287, u: -3.9542, v: -4.4255
L: 23.4287, C: 4.7035, H: 244.1986
L: 19.8167, a: -2.2588, b: -1.464
cyan: 21 (0.2097), magenta: 8 (0.0806), yellow: 0 (0), key: 76 (0.7569)
cyan: 81 (0.8078), magenta: 78 (0.7765), yellow: 76 (0.7569)
Y: 55.178, I: -6.372, Q: -0.136
Y: 55.178, U: 3.3576, V: -5.42
Y: 55.178, Db: 10.265, Dr: 11.749
Y: 63.397, Cb: 131.379, Cr: 124.133
Y: 55.656, Pb: 3.42, Pr: -4.23
7.5BG 2/2 approximate; exact match: Munsell 7.5BG 2/2 / #233438
#31393e / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#31393e to White#31393e to Black#31393e foreground
<p style="color: #31393e">#31393e foreground</p>
#31393e background
<p style="background-color: #31393e; color: #fff">#31393e background</p>
#31393e border
<p style="border: #31393e 3px solid">#31393e border</p>
#31393e radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #31393e, #fff); background: -webkit-radial-gradient(50% 50%, #31393e, #fff); background: -o-radial-gradient(50% 50%, #31393e, #fff); background: -ms-radial-gradient(50% 50%, #31393e, #fff); background: radial-gradient(50% 50%, #31393e, #fff); color: #fff">#31393e radial gradient</p>
#31393e linear gradient to complementary #3e3631
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #31393e, #3e3631); background: -webkit-linear-gradient(top, #31393e, #3e3631); background: -o-linear-gradient(top, #31393e, #3e3631); background: -ms-linear-gradient(top, #31393e, #3e3631); background: linear-gradient(top, #31393e, #3e3631); color: #fff">#31393e linear gradient to complementary #3e3631</p>
#31393e text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #31393e">#31393e text shadow</p>
The matching paint colors are listed in order of relevancy to the #31393e hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #31393e.
Jump to paint brand: