#397BFE Color

#397BFE is rgb(57, 123, 254) in RGB and hsl(220, 99%, 61%) in HSL. The closest CSS named color is DodgerBlue. Black text is most readable on this background.

#397BFE

HEX#397BFE

RGBrgb(57, 123, 254)

HSLhsl(220, 99%, 61%)

HSVhsv(220, 78%, 100%)

OKLCHoklch(61.4% 0.207 262.1)

CMYKcmyk(78%, 52%, 0%, 0%)

Text Contrast & Accessibility

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

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

TextBlack text5.44:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#397BFE Complementary#FEBC39 Analogous#39DDFE Analogous#5A39FE Triadic#FE397B Triadic#7BFE39

Tints & Shades

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

Tints

#528CFE #71A0FE #8AB1FE #A4C2FF #BDD3FF #DBE7FF

Shades

#1060FE #014DE4 #013FBC #01308E #012265 #00153D

Use #397BFE in Our Tools

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