#1F4233 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #1f4233 graphic
This heavily desaturated, dark teal feels moody and sophisticated. Because it sits low on the lightness scale, the hex code #1f4233 excels as a background for minimalist interfaces. Pair it with soft cream or warm metallics to add necessary brightness. It maintains high readability with white text, offering an 11.1:1 contrast ratio that keeps small body text legible for your users.

Questions about #1f4233

What is #1f4233 in RGB, HSL and CMYK?
In RGB, #1f4233 is rgb(31, 66, 51), in HSL hsl(154, 36%, 19%) and in CMYK 53%, 0%, 23%, 74%. Browse more shades of green with names and hex codes.
What makes #1f4233 an effective background choice for modern web design?
The hex color #1f4233 excels as a background because its deep, desaturated quality allows white or light text to stand out with a high 11.1:1 contrast ratio. This readability makes it ideal for clean, minimalist interfaces where clarity is paramount.
Which accent colors work best when designing alongside #1f4233?
To balance the moodiness of #1f4233, pair it with soft, warm neutrals like cream or metallic tones like gold to provide necessary visual brightness. These lighter shades prevent the design from feeling too heavy while maintaining a polished, sophisticated aesthetic.
Is #1f4233 readable on white or black?
#1f4233 has a 11.13:1 contrast ratio on white and 1.88:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.