#4561ED Color

#4561ED is rgb(69, 97, 237) in RGB and hsl(230, 82%, 60%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#4561ED

HEX#4561ED

RGBrgb(69, 97, 237)

HSLhsl(230, 82%, 60%)

HSVhsv(230, 71%, 93%)

OKLCHoklch(55.6% 0.212 269.5)

CMYKcmyk(71%, 59%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#4561ED Complementary#EDD145 Analogous#45B5ED Analogous#7D45ED Triadic#ED4561 Triadic#61ED45

Tints & Shades

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

Tints

#5D75EF #788DF2 #90A0F4 #ABB8F7 #C3CCF9 #DFE3FC

Shades

#2042E9 #1433CC #112AA7 #0D2082 #09175D #060E38

Use #4561ED in Our Tools

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