#242386 Color

#242386 is rgb(36, 35, 134) in RGB and hsl(241, 59%, 33%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#242386

HEX#242386

RGBrgb(36, 35, 134)

HSLhsl(241, 59%, 33%)

HSVhsv(241, 74%, 53%)

OKLCHoklch(33.5% 0.159 274.1)

CMYKcmyk(73%, 74%, 0%, 47%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#242386 Complementary#848623 Analogous#235286 Analogous#562386 Triadic#862423 Triadic#238624

Tints & Shades

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

Tints

#2E2CAA #3F3CCD #6361D6 #8785E0 #ABAAE9 #D3D2F3

Shades

#201E76 #1B1A65 #171655 #121141 #0D0D31 #090820

Use #242386 in Our Tools

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