#008098 Hex Color

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

Hex color #008098 graphic
This unsaturated, cool cyan feels refreshing and clear without being overly aggressive. Because it offers strong contrast against white text, the hex code #008098 works well for UI buttons or functional icons. Use it as a supporting accent in tech or aerospace branding to suggest precision. Avoid using it as a large-scale background, as its intensity can become overwhelming across expansive surface areas.

Questions about #008098

What is #008098 in RGB, HSL and CMYK?
In RGB, #008098 is rgb(0, 128, 152), in HSL hsl(189, 100%, 30%) and in CMYK 100%, 16%, 0%, 40%.
How should I use #008098 in UI design?
#008098 serves best as a functional accent color for buttons, interactive icons, or status indicators where clarity is paramount. Because it provides high contrast against white, it remains legible and professional while keeping your interface clean and uncluttered.
What colors pair well with #008098?
This color anchors well against neutral backdrops like light gray or pure white to maintain its refreshing quality. For a sophisticated tech aesthetic, try pairing it with charcoal or slate to balance its cool intensity.
Is #008098 readable on white or black?
#008098 has a 4.62:1 contrast ratio on white and 4.54: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 works for body text. Try other pairs in the contrast checker.