#042286 Color

#042286 is rgb(4, 34, 134) in RGB and hsl(226, 94%, 27%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#042286

HEX#042286

RGBrgb(4, 34, 134)

HSLhsl(226, 94%, 27%)

HSVhsv(226, 97%, 53%)

OKLCHoklch(32% 0.168 264.2)

CMYKcmyk(97%, 75%, 0%, 47%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#042286 Complementary#866704 Analogous#046386 Analogous#270486 Triadic#860422 Triadic#228604

Tints & Shades

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

Tints

#062FB7 #073CE9 #2A5AF8 #6184FA #92ABFC #C4D1FD

Shades

#041F77 #031963 #031654 #021245 #020E36 #010923

Use #042286 in Our Tools

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