#1F66AD Color

#1F66AD is rgb(31, 102, 173) in RGB and hsl(210, 70%, 40%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#1F66AD

HEX#1F66AD

RGBrgb(31, 102, 173)

HSLhsl(210, 70%, 40%)

HSVhsv(210, 82%, 68%)

OKLCHoklch(50.5% 0.132 252.3)

CMYKcmyk(82%, 41%, 0%, 32%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#1F66AD Complementary#AD661F Analogous#1FADAD Analogous#1F1FAD Triadic#AD1F66 Triadic#66AD1F

Tints & Shades

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

Tints

#257AD0 #4591DE #67A6E4 #8ABAEA #ADCFF0 #D4E5F7

Shades

#1B5998 #174C82 #13406C #0F3052 #0B243D #071727

Use #1F66AD in Our Tools

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