#146794 Color

#146794 is rgb(20, 103, 148) in RGB and hsl(201, 76%, 33%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#146794

HEX#146794

RGBrgb(20, 103, 148)

HSLhsl(201, 76%, 33%)

HSVhsv(201, 86%, 58%)

OKLCHoklch(49% 0.103 239.2)

CMYKcmyk(86%, 30%, 0%, 42%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#146794 Complementary#944114 Analogous#149481 Analogous#142794 Triadic#941467 Triadic#679414

Tints & Shades

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

Tints

#1A84BC #28A1E2 #50B2E7 #78C4ED #A1D6F2 #CEE9F8

Shades

#125B82 #0F4E70 #0D425E #0A3248 #072636 #051924

Use #146794 in Our Tools

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