#00DDFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon cyan creates a sharp, high-energy impact. Because #00ddff is highly saturated, use it as a 10% accent in UI or branding rather than a full background. Black text offers 12.8:1 contrast against this bright hue, making it a functional choice for text-heavy icons. The hex code is #00ddff. Pair it with deep charcoal to ground its sparkling, cool aesthetic.
Questions about #00ddff
What is #00ddff in RGB, HSL and CMYK?
In RGB, #00ddff is rgb(0, 221, 255), in HSL hsl(188, 100%, 50%) and in CMYK 100%, 13%, 0%, 0%.
How should I use #00ddff in my UI design?
Use #00ddff as a 10% accent color to draw attention to call-to-action buttons or specific icons. Because it is highly saturated, avoid using it as a full background, as it will quickly overwhelm user eyes and decrease visual comfort.
What colors pair well with #00ddff?
This hue pairs effectively with deep charcoal or dark gray to provide necessary contrast and visual grounding. You can also experiment with complementary warm oranges to create a high-energy, vibrant palette that stands out on any digital screen.
Is #00ddff readable on white or black?
#00ddff has a 1.64:1 contrast ratio on white and 12.78: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.