#247F94 Color

#247F94 is rgb(36, 127, 148) in RGB and hsl(191, 61%, 36%) in HSL. The closest CSS named color is DarkCyan. White text is most readable on this background.

#247F94

HEX#247F94

RGBrgb(36, 127, 148)

HSLhsl(191, 61%, 36%)

HSVhsv(191, 76%, 58%)

OKLCHoklch(55.4% 0.088 216.9)

CMYKcmyk(76%, 14%, 0%, 42%)

Text Contrast & Accessibility

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

TextWhite text4.63:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#247F94 Complementary#943824 Analogous#249470 Analogous#244794 Triadic#94247F Triadic#7F9424

Tints & Shades

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

Tints

#2D9FB9 #42B7D1 #67C5DA #88D2E2 #ADE0EB #D2EEF4

Shades

#1F6E7F #1B5F6F #164E5A #12404A #0D2E35 #092025

Use #247F94 in Our Tools

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