#2A69DF Color

#2A69DF is rgb(42, 105, 223) in RGB and hsl(219, 74%, 52%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#2A69DF

HEX#2A69DF

RGBrgb(42, 105, 223)

HSLhsl(219, 74%, 52%)

HSVhsv(219, 81%, 87%)

OKLCHoklch(55% 0.192 261.5)

CMYKcmyk(81%, 53%, 0%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2A69DF Complementary#DFA02A Analogous#2AC4DF Analogous#452ADF Triadic#DF2A69 Triadic#69DF2A

Tints & Shades

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

Tints

#497FE4 #6492E8 #83A8EC #9DBAF0 #BCD0F5 #D7E3F9

Shades

#1E59C8 #194BA9 #153E8A #11326F #0C2450 #071631

Use #2A69DF in Our Tools

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