#2F8ADA Color

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

#2F8ADA

HEX#2F8ADA

RGBrgb(47, 138, 218)

HSLhsl(208, 70%, 52%)

HSVhsv(208, 78%, 85%)

OKLCHoklch(61.9% 0.147 249.3)

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

Text Contrast & Accessibility

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

TextWhite text3.64:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#2F8ADA Complementary#DA7F2F Analogous#2FDAD5 Analogous#2F35DA Triadic#DA2F8A Triadic#8ADA2F

Tints & Shades

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

Tints

#4D9BE0 #67AAE4 #86BBEA #A0CAEE #BEDBF4 #D8E9F8

Shades

#2278C3 #1D65A5 #185386 #13436C #0E304E #081D30

Use #2F8ADA in Our Tools

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