#262E64 Color

#262E64 is rgb(38, 46, 100) in RGB and hsl(232, 45%, 27%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#262E64

HEX#262E64

RGBrgb(38, 46, 100)

HSLhsl(232, 45%, 27%)

HSVhsv(232, 62%, 39%)

OKLCHoklch(32.6% 0.095 273.6)

CMYKcmyk(62%, 54%, 0%, 61%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#262E64 Complementary#645C26 Analogous#264D64 Analogous#3D2664 Triadic#64262E Triadic#2E6426

Tints & Shades

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

Tints

#343F89 #4250AE #606DC3 #8992D2 #AEB4E0 #D3D6EE

Shades

#222959 #1C224A #181D3F #141834 #0F1329 #0A0C1A

Use #262E64 in Our Tools

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