#146080 Color

#146080 is rgb(20, 96, 128) in RGB and hsl(198, 73%, 29%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#146080

HEX#146080

RGBrgb(20, 96, 128)

HSLhsl(198, 73%, 29%)

HSVhsv(198, 84%, 50%)

OKLCHoklch(46.1% 0.086 232)

CMYKcmyk(84%, 25%, 0%, 50%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#146080 Complementary#803414 Analogous#14806A Analogous#142A80 Triadic#801460 Triadic#608014

Tints & Shades

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

Tints

#1B80AC #22A1D8 #4AB5E3 #72C5E9 #9ED7F0 #CAE9F7

Shades

#11526E #0F4861 #0C3B4F #0A3142 #082431 #061A23

Use #146080 in Our Tools

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