#506068 Color

#506068 is rgb(80, 96, 104) in RGB and hsl(200, 13%, 36%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#506068

HEX#506068

RGBrgb(80, 96, 104)

HSLhsl(200, 13%, 36%)

HSVhsv(200, 23%, 41%)

OKLCHoklch(47.9% 0.023 229.5)

CMYKcmyk(23%, 8%, 0%, 59%)

Text Contrast & Accessibility

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

TextWhite text6.53:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.21:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#506068 Complementary#685850 Analogous#506864 Analogous#505468 Triadic#685060 Triadic#606850

Tints & Shades

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

Tints

#647882 #7A8F99 #94A5AD #ABB8BF #C5CED3 #DFE4E7

Shades

#455259 #3C484E #313B3F #283034 #1D2325 #14181A

Use #506068 in Our Tools

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