#1A6EC1 Color

#1A6EC1 is rgb(26, 110, 193) in RGB and hsl(210, 76%, 43%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#1A6EC1

HEX#1A6EC1

RGBrgb(26, 110, 193)

HSLhsl(210, 76%, 43%)

HSVhsv(210, 87%, 76%)

OKLCHoklch(53.5% 0.15 252.9)

CMYKcmyk(87%, 43%, 0%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#1A6EC1 Complementary#C16E1A Analogous#1AC1C1 Analogous#1A1AC1 Triadic#C11A6E Triadic#6EC11A

Tints & Shades

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

Tints

#2382E1 #4796E6 #6BABEB #8ABDEF #AED1F4 #D2E5F9

Shades

#175EA6 #145290 #104275 #0D365E #092643 #06192D

Use #1A6EC1 in Our Tools

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