#381FDB Color

#381FDB is rgb(56, 31, 219) in RGB and hsl(248, 75%, 49%) in HSL. The closest CSS named color is MediumBlue. White text is most readable on this background.

#381FDB

HEX#381FDB

RGBrgb(56, 31, 219)

HSLhsl(248, 75%, 49%)

HSVhsv(248, 86%, 86%)

OKLCHoklch(44% 0.256 273.9)

CMYKcmyk(74%, 86%, 0%, 14%)

Text Contrast & Accessibility

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

TextWhite text8.8:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.39:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#381FDB Complementary#C2DB1F Analogous#1F64DB Analogous#961FDB Triadic#DB381F Triadic#1FDB38

Tints & Shades

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

Tints

#513BE3 #6D5AE7 #8879EC #A498F0 #C0B8F5 #DBD7F9

Shades

#311BC0 #2917A1 #221386 #1A0F67 #140B4C #0B062D

Use #381FDB in Our Tools

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