#4C2E63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, muted violet carries a serious tone. It lacks high chroma, making it a stable base for dark-themed UI designs. White text renders with high contrast against #4c2e63, exceeding accessibility standards. Use this hex code as a dominant background to ground a palette, but pair it with soft cream accents to keep the design from feeling too bleak.
Questions about #4c2e63
What is #4c2e63 in RGB, HSL and CMYK?
In RGB, #4c2e63 is rgb(76, 46, 99), in HSL hsl(274, 37%, 28%) and in CMYK 23%, 54%, 0%, 61%.
What colors pair best with the deep violet of #4c2e63?
This deep violet works exceptionally well with soft cream or warm off-white tones, which prevent the color from feeling too bleak or dark. You can also pair it with a muted gold or subtle ochre to add a touch of sophisticated, regal energy.
Is #4c2e63 suitable for text in dark mode designs?
While #4c2e63 is an excellent background color, it is generally too dark to use as a text color unless set against a very light background. It offers excellent contrast for white or very light neutral text, ensuring your dark UI remains highly readable.
Is #4c2e63 readable on white or black?
#4c2e63 has a 11.18:1 contrast ratio on white and 1.87: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 is too faint for text. Try other pairs in the contrast checker.