#220C3D Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #220c3d graphic
This dim, unsaturated violet sits near the edge of black. Because #220c3d carries such heavy weight, it works best as a moody dark mode background rather than an accent. It provides an excellent, high-contrast base for white typography, ensuring clear legibility at any scale. The hex code for this serious, structured purple is #220c3d. Pair it with soft creams for a balanced, sophisticated aesthetic.

Questions about #220c3d

What is #220c3d in RGB, HSL and CMYK?
In RGB, #220c3d is rgb(34, 12, 61), in HSL hsl(267, 67%, 14%) and in CMYK 44%, 80%, 0%, 76%.
How should I use #220c3d in a website interface?
#220c3d functions best as a sophisticated alternative to pure black for background surfaces. Because it carries so much visual weight, it provides a grounded, stable base that maintains excellent legibility when paired with bright white or cream typography.
What colors create a balanced palette with #220c3d?
This color excels when paired with soft, desaturated neutrals or light warm tones to offset its intensity. Using ivory or soft sand helps create a professional, high-contrast aesthetic that feels less harsh than a standard black and white combination.
Is #220c3d readable on white or black?
#220c3d has a 17.67:1 contrast ratio on white and 1.18: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.