#448378 Color

#448378 is rgb(68, 131, 120) in RGB and hsl(170, 32%, 39%) in HSL. The closest CSS named color is SeaGreen. Black text is most readable on this background.

#448378

HEX#448378

RGBrgb(68, 131, 120)

HSLhsl(170, 32%, 39%)

HSVhsv(170, 48%, 51%)

OKLCHoklch(56.5% 0.068 181.1)

CMYKcmyk(48%, 0%, 8%, 49%)

Text Contrast & Accessibility

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

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

TextBlack text4.76:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#448378 Complementary#83444E Analogous#448359 Analogous#446E83 Triadic#794483 Triadic#837944

Tints & Shades

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

Tints

#519E91 #6BB3A7 #86C1B7 #A4D0C9 #BFDED9 #DDEEEB

Shades

#3B7269 #32625A #2A514A #21403B #182F2B #101E1C

Use #448378 in Our Tools

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