#2660DF Color

#2660DF is rgb(38, 96, 223) in RGB and hsl(221, 74%, 51%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#2660DF

HEX#2660DF

RGBrgb(38, 96, 223)

HSLhsl(221, 74%, 51%)

HSVhsv(221, 83%, 87%)

OKLCHoklch(53.1% 0.203 262.9)

CMYKcmyk(83%, 57%, 0%, 13%)

Text Contrast & Accessibility

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

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

TextBlack text3.82:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#2660DF Complementary#DFA426 Analogous#26BDDF Analogous#4726DF Triadic#DF2660 Triadic#60DF26

Tints & Shades

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

Tints

#4577E3 #5F8AE7 #7EA1EC #9DB8F0 #BCCEF5 #D7E2F9

Shades

#1D52C3 #1947A9 #153A8A #102D6A #0B204B #071431

Use #2660DF in Our Tools

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