#0DDEBB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation teal is strikingly vivid and reads almost like a neon light. Because of its intense brightness, #0ddebb works best as a sharp accent rather than a background color. It pairs surprisingly well with charcoal grays for modern UI touches. Since black text provides excellent contrast against this hex code, it remains legible for functional design elements like buttons or small icons.
Questions about #0ddebb
What is #0ddebb in RGB, HSL and CMYK?
In RGB, #0ddebb is rgb(13, 222, 187), in HSL hsl(170, 89%, 46%) and in CMYK 94%, 0%, 16%, 13%.
How should I use #0ddebb in a user interface?
#0ddebb works best as a high-impact accent color for interactive elements like buttons, toggle switches, or call-to-action links. Because of its extreme vibrancy, avoid using it as a primary background color, as it can cause significant eye strain.
What colors pair well with #0ddebb?
This vibrant teal creates a balanced modern palette when paired with deep charcoal or dark navy grays. Using a dark neutral allows the neon intensity of #0ddebb to pop without overwhelming the rest of your design layout.
Is #0ddebb readable on white or black?
#0ddebb has a 1.72:1 contrast ratio on white and 12.18:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.