#648C1C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated yellow-green brings a bold energy to high-impact designs like sports branding and gaming interfaces. Because of its intensity, #648c1c works best as a punchy accent rather than a dominant background color. It pairs surprisingly well with deep charcoals, which ground its brightness. The hex code #648c1c also meets WCAG AA standards for body text, allowing for readable, high-contrast typography in smaller sizes.
Questions about #648c1c
What is #648c1c in RGB, HSL and CMYK?
In RGB, #648c1c is rgb(100, 140, 28), in HSL hsl(81, 67%, 33%) and in CMYK 29%, 0%, 80%, 45%.
Which colors pair best with #648c1c?
Because of its intense yellow-green hue, this color works best when balanced against grounded, neutral tones like charcoal or deep slate. Avoid placing it directly next to other overly bright neon colors, as this can make your layout feel cluttered or difficult to navigate.
Is #648c1c readable on white or black?
#648c1c has a 3.95:1 contrast ratio on white and 5.30:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.