#0C313E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated cyan carries a dusty, muted weight that leans into seriousness and mystery. Because it is so dim, #0c313e functions best as a background for dark mode interfaces rather than an accent color. Pair it with soft cream or warm white text to maintain high readability. The hex code #0c313e offers a grounding alternative to pure black, preventing harsh contrast in UI design.
Questions about #0c313e
What is #0c313e in RGB, HSL and CMYK?
In RGB, #0c313e is rgb(12, 49, 62), in HSL hsl(196, 68%, 15%) and in CMYK 81%, 21%, 0%, 76%.
Why is #0c313e a better choice for interfaces than pure black?
#0c313e offers a softer, more sophisticated foundation that reduces eye strain compared to the harsh contrast of pure black. Using this muted cyan allows text in off-white or cream to pop comfortably without appearing jittery or overly sharp on screen.
What colors pair effectively with #0c313e?
This color thrives when paired with warm, neutral tones that balance its cool, desaturated cyan undertones. Try using soft beige for text or warm gold accents to add a touch of refinement to the otherwise heavy, industrial depth of this specific shade.
Is #0c313e readable on white or black?
#0c313e has a 13.77:1 contrast ratio on white and 1.52: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.