#3655BA Color

#3655BA is rgb(54, 85, 186) in RGB and hsl(226, 55%, 47%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#3655BA

HEX#3655BA

RGBrgb(54, 85, 186)

HSLhsl(226, 55%, 47%)

HSVhsv(226, 71%, 73%)

OKLCHoklch(48.5% 0.163 267.2)

CMYKcmyk(71%, 54%, 0%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3655BA Complementary#BA9B36 Analogous#3697BA Analogous#5936BA Triadic#BA3655 Triadic#55BA36

Tints & Shades

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

Tints

#4967CA #6982D3 #8499DB #A0B0E3 #BCC7EB #DBE1F5

Shades

#2F4AA2 #283F8A #213473 #192857 #121D3F #0B1228

Use #3655BA in Our Tools

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