#1C72A0 Color

#1C72A0 is rgb(28, 114, 160) in RGB and hsl(201, 70%, 37%) in HSL. The closest CSS named color is DarkCyan. White text is most readable on this background.

#1C72A0

HEX#1C72A0

RGBrgb(28, 114, 160)

HSLhsl(201, 70%, 37%)

HSVhsv(201, 83%, 63%)

OKLCHoklch(52.5% 0.106 238)

CMYKcmyk(83%, 29%, 0%, 37%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#1C72A0 Complementary#A04B1C Analogous#1CA08D Analogous#1C30A0 Triadic#A01C72 Triadic#72A01C

Tints & Shades

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

Tints

#238EC7 #38A2DC #5FB4E3 #86C7EA #ADD9F0 #CFE9F7

Shades

#18638B #155679 #124764 #0E384E #0A2838 #071C27

Use #1C72A0 in Our Tools

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