#046471 Color

#046471 is rgb(4, 100, 113) in RGB and hsl(187, 93%, 23%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#046471

HEX#046471

RGBrgb(4, 100, 113)

HSLhsl(187, 93%, 23%)

HSVhsv(187, 96%, 44%)

OKLCHoklch(46.2% 0.079 210.4)

CMYKcmyk(96%, 12%, 0%, 56%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#046471 Complementary#711104 Analogous#047147 Analogous#042E71 Triadic#710464 Triadic#647104

Tints & Shades

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

Tints

#0695A7 #08C0D9 #22DEF7 #58E6F9 #8EEEFB #BFF5FD

Shades

#045762 #034F59 #03424A #02343B #02272C #011F22

Use #046471 in Our Tools

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