#12618C Color

#12618C is rgb(18, 97, 140) in RGB and hsl(201, 77%, 31%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#12618C

HEX#12618C

RGBrgb(18, 97, 140)

HSLhsl(201, 77%, 31%)

HSVhsv(201, 87%, 55%)

OKLCHoklch(47% 0.099 239.3)

CMYKcmyk(87%, 31%, 0%, 45%)

Text Contrast & Accessibility

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

TextWhite text6.74:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#12618C Complementary#8C3D12 Analogous#128C7A Analogous#12248C Triadic#8C1261 Triadic#618C12

Tints & Shades

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

Tints

#1881B9 #1D9DE2 #4AB1E8 #73C2ED #A0D6F3 #C9E7F8

Shades

#10557A #0D4868 #0B3C56 #093248 #072636 #051924

Use #12618C in Our Tools

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