#395CDB Color

#395CDB is rgb(57, 92, 219) in RGB and hsl(227, 69%, 54%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#395CDB

HEX#395CDB

RGBrgb(57, 92, 219)

HSLhsl(227, 69%, 54%)

HSVhsv(227, 74%, 86%)

OKLCHoklch(52.7% 0.198 267.3)

CMYKcmyk(74%, 58%, 0%, 14%)

Text Contrast & Accessibility

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

TextWhite text5.63:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.73:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#395CDB Complementary#DBB839 Analogous#39ADDB Analogous#6739DB Triadic#DB395C Triadic#5CDB39

Tints & Shades

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

Tints

#5371DF #718AE5 #8B9FEA #A5B5EE #BECAF3 #DDE3F9

Shades

#2549CB #203EAC #1A338E #14276C #0E1C4E #09112F

Use #395CDB in Our Tools

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