#4166DC Color

#4166DC is rgb(65, 102, 220) in RGB and hsl(226, 69%, 56%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#4166DC

HEX#4166DC

RGBrgb(65, 102, 220)

HSLhsl(226, 69%, 56%)

HSVhsv(226, 70%, 86%)

OKLCHoklch(55% 0.185 267)

CMYKcmyk(70%, 54%, 0%, 14%)

Text Contrast & Accessibility

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

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

TextBlack text4.16:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#4166DC Complementary#DCB841 Analogous#41B3DC Analogous#6B41DC Triadic#DC4166 Triadic#66DC41

Tints & Shades

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

Tints

#5B7AE1 #758FE6 #8FA4EA #A9B9EF #C3CEF4 #DDE3F9

Shades

#274FD3 #2042B1 #1B3793 #152A70 #0F1F52 #09122F

Use #4166DC in Our Tools

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