#362352 Color

#362352 is rgb(54, 35, 82) in RGB and hsl(264, 40%, 23%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#362352

HEX#362352

RGBrgb(54, 35, 82)

HSLhsl(264, 40%, 23%)

HSVhsv(264, 57%, 32%)

OKLCHoklch(30.5% 0.083 300.2)

CMYKcmyk(34%, 57%, 0%, 68%)

Text Contrast & Accessibility

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

TextWhite text13.82:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#362352 Complementary#3F5223 Analogous#232852 Analogous#4D2352 Triadic#523623 Triadic#235236

Tints & Shades

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

Tints

#503479 #67439D #835EBA #A186CB #C0ADDC #DBD1EB

Shades

#2F1F47 #2A1C40 #231736 #1C122B #150E20 #100B19

Use #362352 in Our Tools

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