#361556 Color

#361556 is rgb(54, 21, 86) in RGB and hsl(270, 61%, 21%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#361556

HEX#361556

RGBrgb(54, 21, 86)

HSLhsl(270, 61%, 21%)

HSVhsv(270, 76%, 34%)

OKLCHoklch(28.5% 0.112 303.1)

CMYKcmyk(37%, 76%, 0%, 66%)

Text Contrast & Accessibility

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

TextWhite text15.02:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#361556 Complementary#365615 Analogous#151556 Analogous#561556 Triadic#563615 Triadic#155636

Tints & Shades

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

Tints

#522083 #6E2BB1 #8A42D1 #A66FDC #C29CE7 #DECAF2

Shades

#30134E #291042 #240E39 #1C0B2D #170925 #0F0619

Use #361556 in Our Tools

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