#262F50 Color

#262F50 is rgb(38, 47, 80) in RGB and hsl(227, 36%, 23%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#262F50

HEX#262F50

RGBrgb(38, 47, 80)

HSLhsl(227, 36%, 23%)

HSVhsv(227, 53%, 31%)

OKLCHoklch(31.4% 0.061 271)

CMYKcmyk(52%, 41%, 0%, 69%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#262F50 Complementary#504726 Analogous#264450 Analogous#322650 Triadic#50262F Triadic#2F5026

Tints & Shades

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

Tints

#374576 #485999 #6375B6 #8997C8 #AFB8D9 #D2D7EA

Shades

#212945 #1D253E #181E34 #14182A #0F121F #0B0E18

Use #262F50 in Our Tools

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