#297989 Color

#297989 is rgb(41, 121, 137) in RGB and hsl(190, 54%, 35%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#297989

HEX#297989

RGBrgb(41, 121, 137)

HSLhsl(190, 54%, 35%)

HSVhsv(190, 70%, 54%)

OKLCHoklch(53.5% 0.079 213.6)

CMYKcmyk(70%, 12%, 0%, 46%)

Text Contrast & Accessibility

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

TextWhite text5.01:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.19:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#297989 Complementary#893929 Analogous#298969 Analogous#294989 Triadic#892979 Triadic#798929

Tints & Shades

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

Tints

#3499AD #46B2C8 #6AC1D2 #8DD0DD #B0DEE8 #D4EDF2

Shades

#246C7A #1E5A66 #1A4C56 #143B43 #0F2D33 #091C1F

Use #297989 in Our Tools

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