#1273AF Color

#1273AF is rgb(18, 115, 175) in RGB and hsl(203, 81%, 38%) in HSL. The closest CSS named color is DarkCyan. White text is most readable on this background.

#1273AF

HEX#1273AF

RGBrgb(18, 115, 175)

HSLhsl(203, 81%, 38%)

HSVhsv(203, 90%, 69%)

OKLCHoklch(53.4% 0.124 243.5)

CMYKcmyk(90%, 34%, 0%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#1273AF Complementary#AF4F12 Analogous#12AF9D Analogous#1225AF Triadic#AF1273 Triadic#73AF12

Tints & Shades

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

Tints

#178FD9 #2FA2E9 #59B5EE #7EC5F1 #A7D8F6 #CCE8FA

Shades

#106498 #0E5581 #0B466A #093A58 #072A41 #041B2A

Use #1273AF in Our Tools

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