#144E6B Color

#144E6B is rgb(20, 78, 107) in RGB and hsl(200, 69%, 25%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#144E6B
HEX#144E6B
RGBrgb(20, 78, 107)
HSLhsl(200, 69%, 25%)
HSVhsv(200, 81%, 42%)
OKLCHoklch(40.2% 0.075 235.4)
CMYKcmyk(81%, 27%, 0%, 58%)

Text Contrast & Accessibility

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

TextWhite text9.01:1AA normal ✓AA large ✓AAA normal ✓
TextBlack text2.33:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#144E6BComplementary#6C3114Analogous#146C5DAnalogous#14226CTriadic#6C144ETriadic#4E6C14

Tints & Shades

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

Use #144E6B in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex