#2C64DD Color

#2C64DD is rgb(44, 100, 221) in RGB and hsl(221, 72%, 52%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#2C64DD

HEX#2C64DD

RGBrgb(44, 100, 221)

HSLhsl(221, 72%, 52%)

HSVhsv(221, 80%, 87%)

OKLCHoklch(53.9% 0.195 262.9)

CMYKcmyk(80%, 55%, 0%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2C64DD Complementary#DDA52C Analogous#2CBCDD Analogous#4D2CDD Triadic#DD2C64 Triadic#64DD2C

Tints & Shades

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

Tints

#4B7BE2 #658EE6 #84A5EB #9FB8EF #BDCFF4 #D8E2F9

Shades

#2054C5 #1B47A7 #163A88 #122F6E #0D224F #081530

Use #2C64DD in Our Tools

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