#3636BA Color

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

#3636BA

HEX#3636BA

RGBrgb(54, 54, 186)

HSLhsl(240, 55%, 47%)

HSVhsv(240, 71%, 73%)

OKLCHoklch(43% 0.2 274)

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

Text Contrast & Accessibility

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

TextWhite text8.77:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.39:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#3636BA Complementary#BABA36 Analogous#3678BA Analogous#7836BA Triadic#BA3636 Triadic#36BA36

Tints & Shades

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

Tints

#4949CA #6969D3 #8484DB #A0A0E3 #BCBCEB #DBDBF5

Shades

#2F2FA2 #28288A #212173 #191957 #12123F #0B0B28

Use #3636BA in Our Tools

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