#4B61CE Color

#4B61CE is rgb(75, 97, 206) in RGB and hsl(230, 57%, 55%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#4B61CE

HEX#4B61CE

RGBrgb(75, 97, 206)

HSLhsl(230, 57%, 55%)

HSVhsv(230, 64%, 81%)

OKLCHoklch(53.5% 0.17 271)

CMYKcmyk(64%, 53%, 0%, 19%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#4B61CE Complementary#CEB84B Analogous#4BA2CE Analogous#764BCE Triadic#CE4B61 Triadic#61CE4B

Tints & Shades

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

Tints

#6376D4 #7B8BDB #93A0E1 #AFB9E9 #C7CEF0 #DFE3F6

Shades

#354CC0 #2C3FA0 #243484 #1D2968 #151E4C #0C112C

Use #4B61CE in Our Tools

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