#475DDC Color

#475DDC is rgb(71, 93, 220) in RGB and hsl(231, 68%, 57%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#475DDC

HEX#475DDC

RGBrgb(71, 93, 220)

HSLhsl(231, 68%, 57%)

HSVhsv(231, 68%, 86%)

OKLCHoklch(53.6% 0.194 270.9)

CMYKcmyk(68%, 58%, 0%, 14%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#475DDC Complementary#DCC647 Analogous#47A8DC Analogous#7B47DC Triadic#DC475D Triadic#5DDC47

Tints & Shades

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

Tints

#6074E1 #7A8AE6 #94A1EB #A9B4EF #C3CAF4 #DDE1F8

Shades

#2841D2 #2238B4 #1C2D92 #162474 #101951 #0A1033

Use #475DDC in Our Tools

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