#3193DD Color

#3193DD is rgb(49, 147, 221) in RGB and hsl(206, 72%, 53%) in HSL. The closest CSS named color is DodgerBlue. Black text is most readable on this background.

#3193DD

HEX#3193DD

RGBrgb(49, 147, 221)

HSLhsl(206, 72%, 53%)

HSVhsv(206, 78%, 87%)

OKLCHoklch(64.2% 0.142 245.8)

CMYKcmyk(78%, 33%, 0%, 13%)

Text Contrast & Accessibility

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

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

TextBlack text6.35:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#3193DD Complementary#DD7C31 Analogous#31DDD2 Analogous#313CDD Triadic#DD3193 Triadic#93DD31

Tints & Shades

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

Tints

#4BA0E2 #6AB1E7 #84BEEB #A3CFF0 #BDDCF4 #DCEDF9

Shades

#2181CA #1C6DAB #17598C #12466E #0D324F #081F30

Use #3193DD in Our Tools

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