#427BD1 Color

#427BD1 is rgb(66, 123, 209) in RGB and hsl(216, 61%, 54%) in HSL. The closest CSS named color is RoyalBlue. Black text is most readable on this background.

#427BD1

HEX#427BD1

RGBrgb(66, 123, 209)

HSLhsl(216, 61%, 54%)

HSVhsv(216, 68%, 82%)

OKLCHoklch(58.7% 0.145 258.5)

CMYKcmyk(68%, 41%, 0%, 18%)

Text Contrast & Accessibility

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

TextWhite text4.21:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#427BD1 Complementary#D19842 Analogous#42C3D1 Analogous#5042D1 Triadic#D1427B Triadic#7BD142

Tints & Shades

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

Tints

#5B8DD7 #78A1DE #90B2E4 #A9C3EA #C1D4F0 #DEE8F7

Shades

#2F69C1 #285AA4 #214A87 #193867 #12284A #0B192D

Use #427BD1 in Our Tools

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