#242046 Color

#242046 is rgb(36, 32, 70) in RGB and hsl(246, 37%, 20%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#242046

HEX#242046

RGBrgb(36, 32, 70)

HSLhsl(246, 37%, 20%)

HSVhsv(246, 54%, 27%)

OKLCHoklch(27% 0.069 285.6)

CMYKcmyk(49%, 54%, 0%, 73%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#242046 Complementary#424620 Analogous#202F46 Analogous#372046 Triadic#462420 Triadic#204624

Tints & Shades

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

Tints

#38326C #4B4393 #645BB3 #8B85C7 #B0ABD8 #D4D2EA

Shades

#201D3F #1B1834 #17152D #141226 #100E1F #0B0A15

Use #242046 in Our Tools

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