#146890 Color

#146890 is rgb(20, 104, 144) in RGB and hsl(199, 76%, 32%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#146890

HEX#146890

RGBrgb(20, 104, 144)

HSLhsl(199, 76%, 32%)

HSVhsv(199, 86%, 56%)

OKLCHoklch(49% 0.098 235.7)

CMYKcmyk(86%, 28%, 0%, 44%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#146890 Complementary#903B14 Analogous#149079 Analogous#142A90 Triadic#901468 Triadic#689014

Tints & Shades

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

Tints

#1986B8 #23A5E1 #4BB5E7 #78C8ED #A1D8F2 #CEEBF8

Shades

#115B7E #0F4E6C #0C415A #0A3448 #072736 #051A24

Use #146890 in Our Tools

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