#3188F2 Color

#3188F2 is rgb(49, 136, 242) in RGB and hsl(213, 88%, 57%) in HSL. The closest CSS named color is DodgerBlue. Black text is most readable on this background.

#3188F2

HEX#3188F2

RGBrgb(49, 136, 242)

HSLhsl(213, 88%, 57%)

HSVhsv(213, 80%, 95%)

OKLCHoklch(63% 0.179 255.7)

CMYKcmyk(80%, 44%, 0%, 5%)

Text Contrast & Accessibility

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

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

TextBlack text5.93:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#3188F2 Complementary#F29B31 Analogous#31E8F2 Analogous#3B31F2 Triadic#F23188 Triadic#88F231

Tints & Shades

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

Tints

#4E98F4 #6AA9F6 #87BAF7 #9FC8F9 #BCD8FB #D9E9FD

Shades

#0F72EB #0D62C9 #0A4FA3 #083F81 #062C5B #041C3A

Use #3188F2 in Our Tools

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