#1F293C

Color Details

HEX
#1F293C
RGB
rgb(31, 41, 60)
HSL
hsl(219, 32%, 18%)
CMYK
cmyk(48%, 32%, 0%, 76%)
Best text on this color #FFFFFF (CR 14.58:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1f293c
Contrast 1.44:1 Fail
White on #1f293c
Contrast 14.58:1 AAA
#1f293c on Black
Contrast 1.44:1 Fail
#1f293c on White
Contrast 14.58:1 AAA

Tints & Shades

#4c5463
#797f8a
#a5a9b1
#192130
#131924
#0c1018

Complement & Analogous

#3d321f
#241f3d
#1f383d

Triadic

#3d1f29
#293d1f

Monochrome

#0c1018 #131924 #1f293c #797f8a #a5a9b1 #d2d4d8

Analogous

#1f383d #627477 #1f293c #504c64 #241f3d #1d1931

Complementary Mix

#131924 #1f293c #797f8a #3d321f #817a6d #282114

Nearby Colors

#1f293b
#1f293d
#1f292c
#1f294c

Embed #1F293C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #1F293C

#1F293C converts to RGB(31, 41, 60) and HSL(219, 32%, 18%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#1F293C FAQs

What is the RGB value of #1F293C?
RGB: 31, 41, 60. Copy as CSS: rgb(31, 41, 60)
Is #1F293C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1F293C?
Complement: #3d321f.
Does #1F293C have good contrast on white or black?
On white: 14.58:1 (AAA (normal text)). On black: 1.44:1 (Fails AA).