#38A0FB Hex Color

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

Hex color #38a0fb graphic
This high-intensity blue demands attention, making it ideal for call-to-action buttons or interface accents where you need immediate clarity. Because the hex code #38a0fb is so saturated, it can overwhelm a design if used as a primary background. Pair it with dark grays or crisp white to maintain readability. Black text provides excellent contrast against this shade for accessible typography.

Questions about #38a0fb

What is #38a0fb in RGB, HSL and CMYK?
In RGB, #38a0fb is rgb(56, 160, 251), in HSL hsl(208, 96%, 60%) and in CMYK 78%, 36%, 0%, 2%. Browse more shades of blue with names and hex codes.
How should #38a0fb be used in interface design?
Use #38a0fb as a targeted accent for buttons or interactive elements rather than a primary background color, as its high saturation can overwhelm the user experience. It pairs effectively with high-contrast elements like charcoal or crisp white to maintain readability.
Is #38a0fb readable on white or black?
#38a0fb has a 2.76:1 contrast ratio on white and 7.58: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.