#262F33 Hex Color

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

Hex color #262f33 graphic
This dark, desaturated teal leans into an ashy, greyish character that reads as both serious and grounded. Because of its moody depth, #262f33 performs well as a sophisticated background for UI designs. It provides excellent accessibility for white text, offering a high contrast ratio. Try pairing it with warm coral or muted gold accents to cut through the gloom.

Questions about #262f33

What is #262f33 in RGB, HSL and CMYK?
In RGB, #262f33 is rgb(38, 47, 51), in HSL hsl(198, 15%, 17%) and in CMYK 25%, 8%, 0%, 80%.
What design applications suit #262f33 best?
Because #262f33 provides high contrast with white text, it works exceptionally well as a grounding background for modern dark-mode interfaces. Use it to anchor sophisticated, minimalist designs that require depth without the harshness of pure black or standard charcoal.
How should I accent the dark #262f33?
To balance the ashy, desaturated nature of #262f33, incorporate warm, vibrant accents like coral or muted gold. These warmer tones create a sharp visual break from the greyish teal base, adding a necessary focal point that prevents the design from feeling too muted or static.
Is #262f33 readable on white or black?
#262f33 has a 13.66:1 contrast ratio on white and 1.53: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.