#2F7FDA Color

#2F7FDA is rgb(47, 127, 218) in RGB and hsl(212, 70%, 52%) in HSL. The closest CSS named color is RoyalBlue. Black text is most readable on this background.

#2F7FDA

HEX#2F7FDA

RGBrgb(47, 127, 218)

HSLhsl(212, 70%, 52%)

HSVhsv(212, 78%, 85%)

OKLCHoklch(59.5% 0.159 254.3)

CMYKcmyk(78%, 42%, 0%, 15%)

Text Contrast & Accessibility

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

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

TextBlack text5.17:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#2F7FDA Complementary#DA8A2F Analogous#2FD5DA Analogous#352FDA Triadic#DA2F7F Triadic#7FDA2F

Tints & Shades

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

Tints

#4D92E0 #67A2E4 #86B4EA #A0C4EE #BED7F4 #D8E7F8

Shades

#226DC3 #1D5CA5 #184B86 #133D6C #0E2C4E #081B30

Use #2F7FDA in Our Tools

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