#08A5D1 Hex Color

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

Hex color #08a5d1 graphic
Reach for #08a5d1 when a project needs a bright cyan that stays friendly, think app buttons, kids’ products, or tech branding. The hex code sits at a medium lightness, cool and clean without feeling icy. Black text on it reaches about 7.3:1 contrast, so small copy stays readable. It pairs well with muted grays; learning what colors make gray helps you build softer supporting tones.

Questions about #08a5d1

What is #08a5d1 in RGB, HSL and CMYK?
In RGB, #08a5d1 is rgb(8, 165, 209), in HSL hsl(193, 93%, 43%) and in CMYK 96%, 21%, 0%, 18%.
Is black or white text better on #08a5d1?
Black text. It reaches about 7.3:1 contrast on #08a5d1, well above the 4.5:1 needed for WCAG AA body text, so small copy stays readable. White text falls short and works only for large, bold type.
What colors pair well with #08a5d1?
Warm accents like coral or soft orange balance its coolness, while navy grounds it for a more serious palette. Muted grays also work when you want the cyan to carry the design on its own.
Is #08a5d1 readable on white or black?
#08a5d1 has a 2.87:1 contrast ratio on white and 7.31: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.