#0FAAF0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This electric blue is an aggressive, high-saturation shade that demands immediate attention. Because of its intensity, #0faaf0 works best as a 10% accent color for buttons or UI details rather than a background. It pairs well with charcoal or deep slate. If the color feels too loud, try mixing gray to create a muted palette. Black text provides excellent readability against this bright hue.
Questions about #0faaf0
What is #0faaf0 in RGB, HSL and CMYK?
In RGB, #0faaf0 is rgb(15, 170, 240), in HSL hsl(199, 88%, 50%) and in CMYK 94%, 29%, 0%, 6%.
What color combinations work best with #0faaf0?
Use high-contrast neutrals like charcoal or deep slate to ground the intensity of #0faaf0 in a layout. When choosing accent colors for a palette, stick to soft whites or muted grays to let this vibrant blue remain the primary focal point.
How should #0faaf0 be used in UI design?
Reserve #0faaf0 for small, high-impact UI elements like call-to-action buttons, active states, or notification badges rather than large backgrounds. Because of its aggressive saturation, it can quickly overwhelm a layout if used across expansive areas, so apply it sparingly to draw the eye.
Is #0faaf0 readable on white or black?
#0faaf0 has a 2.61:1 contrast ratio on white and 8.02: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.