#427CCD Color

#427CCD is rgb(66, 124, 205) in RGB and hsl(215, 58%, 53%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#427CCD

HEX#427CCD

RGBrgb(66, 124, 205)

HSLhsl(215, 58%, 53%)

HSVhsv(215, 68%, 80%)

OKLCHoklch(58.7% 0.139 257.2)

CMYKcmyk(68%, 40%, 0%, 20%)

Text Contrast & Accessibility

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

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

TextBlack text5:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#427CCD Complementary#CD9342 Analogous#42C1CD Analogous#4D42CD Triadic#CD427C Triadic#7CCD42

Tints & Shades

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

Tints

#5A8CD3 #76A0DB #8EB1E1 #AAC4E9 #C3D5EF #DFE9F6

Shades

#316AB9 #2A5A9D #224A81 #1B3A65 #132949 #0C192C

Use #427CCD in Our Tools

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