#486664 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Darker than seafoam and grayer than teal, #486664 looks like wet slate with a green cast. Its low saturation keeps things understated, which suits dark mode backgrounds, moody tech branding, and supporting tones under brighter accents. Pair it with coral or soft cream so it never turns muddy. White text on top reaches about 6.2:1 contrast, enough for small body text.
Questions about #486664
What is #486664 in RGB, HSL and CMYK?
In RGB, #486664 is rgb(72, 102, 100), in HSL hsl(176, 17%, 34%) and in CMYK 29%, 0%, 2%, 60%. Browse more shades of gray with names and hex codes.
What colors pair well with #486664?
Warm accents lift this color best, so try terracotta, coral, or muted gold against it. Cream and soft beige also work when you need a lighter partner without harsh contrast.
Is #486664 warm or cool?
It leans cool because of its cyan base, but heavy gray and a green cast soften that, so it reads almost neutral next to true blues. Judge it in context with your surrounding palette.
Is #486664 readable on white or black?
#486664 has a 6.24:1 contrast ratio on white and 3.36:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.