#2D5DD7 Color

#2D5DD7 is rgb(45, 93, 215) in RGB and hsl(223, 68%, 51%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#2D5DD7

HEX#2D5DD7

RGBrgb(45, 93, 215)

HSLhsl(223, 68%, 51%)

HSVhsv(223, 79%, 84%)

OKLCHoklch(52% 0.195 264.3)

CMYKcmyk(79%, 57%, 0%, 16%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2D5DD7 Complementary#D7A72D Analogous#2DB2D7 Analogous#522DD7 Triadic#D72D5D Triadic#5DD72D

Tints & Shades

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

Tints

#4B74DD #6588E2 #839FE7 #A1B6ED #BFCDF3 #D8E1F8

Shades

#244FBC #1F44A3 #193885 #142B67 #0E1F49 #09142F

Use #2D5DD7 in Our Tools

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