#3896FA Color

#3896FA is rgb(56, 150, 250) in RGB and hsl(211, 95%, 60%) in HSL. The closest CSS named color is DodgerBlue. Black text is most readable on this background.

#3896FA

HEX#3896FA

RGBrgb(56, 150, 250)

HSLhsl(211, 95%, 60%)

HSVhsv(211, 78%, 98%)

OKLCHoklch(66.7% 0.172 253.1)

CMYKcmyk(78%, 40%, 0%, 2%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #3896FA background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text3.04:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.91:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #3896FA based on color wheel relationships. Click any swatch for its full breakdown.

Base#3896FA Complementary#FA9C38 Analogous#38F7FA Analogous#3B38FA Triadic#FA3896 Triadic#96FA38

Tints & Shades

Lighter tints and darker shades of #3896FA, useful for hover states, backgrounds, and text variants.

Tints

#51A3FB #6FB3FB #88C0FC #A5D0FD #BEDDFD #DCEDFE

Shades

#1081F9 #066DDB #0559B3 #04458B #033163 #021E3C

Use #3896FA in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex