#448882 Color

#448882 is rgb(68, 136, 130) in RGB and hsl(175, 33%, 40%) in HSL. The closest CSS named color is CadetBlue. Black text is most readable on this background.

#448882

HEX#448882

RGBrgb(68, 136, 130)

HSLhsl(175, 33%, 40%)

HSVhsv(175, 50%, 53%)

OKLCHoklch(58.1% 0.07 187.9)

CMYKcmyk(50%, 0%, 4%, 47%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#448882 Complementary#88444A Analogous#448860 Analogous#446C88 Triadic#824488 Triadic#888244

Tints & Shades

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

Tints

#52A39C #6DB6B0 #88C3BE #A3D1CD #BFDFDC #DDEEED

Shades

#3C7772 #336662 #2B5551 #20403E #182F2E #0F1F1D

Use #448882 in Our Tools

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