#1F2B51

Color Details

HEX
#1F2B51
RGB
rgb(31, 43, 81)
HSL
hsl(226, 45%, 22%)
CMYK
cmyk(62%, 47%, 0%, 68%)
Best text on this color #FFFFFF (CR 13.79:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1f2b51
Contrast 1.52:1 Fail
White on #1f2b51
Contrast 13.79:1 AAA
#1f2b51 on Black
Contrast 1.52:1 Fail
#1f2b51 on White
Contrast 13.79:1 AAA

Tints & Shades

#4c5574
#798097
#a5aab9
#192241
#131a31
#0c1120

Complement & Analogous

#51461f
#2c1f51
#1f4451

Triadic

#511f2b
#2b511f

Monochrome

#0c1120 #131a31 #1f2b51 #798097 #a5aab9 #d2d5dc

Analogous

#1f4451 #627c85 #1f2b51 #564c74 #2c1f51 #231941

Complementary Mix

#131a31 #1f2b51 #798097 #51461f #8e876d #352e14

Nearby Colors

#1f2b50
#1f2b52
#1f2b41
#1f2b61

Embed #1F2B51 swatch

Embed this swatch

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

Open image

About #1F2B51

#1F2B51 converts to RGB(31, 43, 81) and HSL(226, 45%, 22%). 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).

#1F2B51 FAQs

What is the RGB value of #1F2B51?
RGB: 31, 43, 81. Copy as CSS: rgb(31, 43, 81)
Is #1F2B51 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1F2B51?
Complement: #51461f.
Does #1F2B51 have good contrast on white or black?
On white: 13.79:1 (AAA (normal text)). On black: 1.52:1 (Fails AA).