#1273AB Color

#1273AB is rgb(18, 115, 171) in RGB and hsl(202, 81%, 37%) in HSL. The closest CSS named color is DarkCyan. White text is most readable on this background.

#1273AB

HEX#1273AB

RGBrgb(18, 115, 171)

HSLhsl(202, 81%, 37%)

HSVhsv(202, 89%, 67%)

OKLCHoklch(53.2% 0.12 241.7)

CMYKcmyk(89%, 33%, 0%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#1273AB Complementary#AB4A12 Analogous#12AB96 Analogous#1226AB Triadic#AB1273 Triadic#73AB12

Tints & Shades

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

Tints

#168FD4 #2BA3E9 #54B5ED #7EC7F1 #A7D9F6 #CCE9FA

Shades

#106394 #0E5781 #0B476A #093853 #06283C #041C2A

Use #1273AB in Our Tools

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