#048B9A Color

#048B9A is rgb(4, 139, 154) in RGB and hsl(186, 95%, 31%) in HSL. The closest CSS named color is DarkCyan. Black text is most readable on this background.

#048B9A

HEX#048B9A

RGBrgb(4, 139, 154)

HSLhsl(186, 95%, 31%)

HSVhsv(186, 97%, 60%)

OKLCHoklch(58.3% 0.1 208.2)

CMYKcmyk(97%, 10%, 0%, 40%)

Text Contrast & Accessibility

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

TextWhite text4.07:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.16:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#048B9A Complementary#9A1304 Analogous#049A5E Analogous#04409A Triadic#9A048B Triadic#8B9A04

Tints & Shades

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

Tints

#05B8CC #06E0F9 #38E7FA #65ECFB #97F2FC #C3F8FD

Shades

#037986 #036772 #02555E #024850 #02363C #012428

Use #048B9A in Our Tools

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