#68ACA5 Color

#68ACA5 is rgb(104, 172, 165) in RGB and hsl(174, 29%, 54%) in HSL. The closest CSS named color is CadetBlue. Black text is most readable on this background.

#68ACA5

HEX#68ACA5

RGBrgb(104, 172, 165)

HSLhsl(174, 29%, 54%)

HSVhsv(174, 40%, 67%)

OKLCHoklch(69.7% 0.07 187.3)

CMYKcmyk(40%, 0%, 4%, 33%)

Text Contrast & Accessibility

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

TextWhite text2.61:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.03:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#68ACA5 Complementary#AC686E Analogous#68AC83 Analogous#6891AC Triadic#A568AC Triadic#ACA568

Tints & Shades

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

Tints

#7BB7B1 #92C3BE #A6CECA #BAD9D6 #CEE4E2 #E5F1EF

Shades

#559B94 #48847E #3C6D68 #2D524F #213B39 #142423

Use #68ACA5 in Our Tools

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