#384BD6 Color

#384BD6 is rgb(56, 75, 214) in RGB and hsl(233, 66%, 53%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#384BD6

HEX#384BD6

RGBrgb(56, 75, 214)

HSLhsl(233, 66%, 53%)

HSVhsv(233, 74%, 84%)

OKLCHoklch(49.1% 0.212 270.2)

CMYKcmyk(74%, 65%, 0%, 16%)

Text Contrast & Accessibility

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

TextWhite text6.68:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#384BD6 Complementary#D6C438 Analogous#389AD6 Analogous#7538D6 Triadic#D6384B Triadic#4BD638

Tints & Shades

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

Tints

#5162DB #6F7CE2 #8893E7 #A6AEED #C0C5F2 #DDE0F8

Shades

#283AC3 #2231A5 #1C2887 #161F6A #10174C #0A0E2F

Use #384BD6 in Our Tools

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