#360BA2 Color

#360BA2 is rgb(54, 11, 162) in RGB and hsl(257, 87%, 34%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#360BA2

HEX#360BA2

RGBrgb(54, 11, 162)

HSLhsl(257, 87%, 34%)

HSVhsv(257, 93%, 64%)

OKLCHoklch(35.7% 0.206 281)

CMYKcmyk(67%, 93%, 0%, 36%)

Text Contrast & Accessibility

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

TextWhite text12.16:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.73:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#360BA2 Complementary#77A20B Analogous#0B2CA2 Analogous#810BA2 Triadic#A2360B Triadic#0BA236

Tints & Shades

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

Tints

#440ECD #561AEF #7645F2 #9975F5 #B9A0F8 #D8CBFB

Shades

#300A8F #280877 #210764 #1B0651 #15043E #0D0326

Use #360BA2 in Our Tools

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