Skip to main content

Using Carmine in design

HEX

#960018

RGB

150, 0, 24

HSL

350°, 100%, 29%

HSV

350°, 100%, 59%

Carmine is a deep red with a cool, velvety cast — less brown than wine, less black than dark red, with a stained-glass richness. #960018 suits wine labels, bar menus, gothic romance aesthetics, and editorial mastheads where you want gravity without losing clear redness.

Best for

SaaS dashboards, admin panels, and professional UI themes.

Accessibility

White text on carmine passes AAA at 9.09:1, so it is safe for dark backgrounds and section headers.

Carmine color swatch — #960018

How does carmine compare to nearby colors?

What is the difference between carmine and cardinal?

Carmine (#960018) feels more signal-like on screen, while Cardinal (#C41E3A) pushes the family in the opposite direction. Carmine pushes the palette toward sharper emphasis, while Cardinal leaves more room for typography, photography, or adjacent accents. Use carmine when you want more pigment and immediate screen energy, and cardinal when the same family should feel calmer or more spreadable.

What color is carmine?

The name traces to carminic acid derived historically from cochineal insects, a major red dye for textiles, art, and food coloring. The pigment story is well documented even as modern industries often use synthetic alternatives.

What is the hex code for carmine?

FormatValue
HEX#960018
RGBrgb(150, 0, 24)
HSLhsl(350°, 100%, 29%)
HSV / HSBhsv(350°, 100%, 59%)
CMYK (approx.)cmyk(0%, 100%, 84%, 41%)

Convert Carmine to other color formats

Open the color converter with Carmine (#960018) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.

Convert Carmine in the color converter

What does carmine mean in design?

Carmine is often associated with opulence, appetite, and old-master intensity. It tends to read cooler and more ink-like than brick or indian red, and more solemn than coral red. In layout, it pairs powerfully with cream, black, or metallic gold.

How do I use carmine in code?

CSS (hex)color: #960018;
CSS (rgb)color: rgb(150, 0, 24);
CSS (hsl)color: hsl(350, 100%, 29%);
RGB %rgb(59%, 0%, 9%)
Tailwindtext-[#960018]
SwiftUIColor(red: 0.588, green: 0.000, blue: 0.094)
UIKitUIColor(red: 0.588, green: 0.000, blue: 0.094, alpha: 1.0)
AndroidColor.rgb(150, 0, 24)
ComposeColor(0xFF960018)
Web Safe#990000

Is carmine accessible?

CombinationRatioAAAA lgAAAAAA lgUI
AaWhite text on this color9.09:1
AaBlack text on this color2.31:1
AaThis color as text on white9.09:1
AaThis color as text on black2.31:1

WCAG 2.1: AA normal ≥ 4.5:1, AA large text ≥ 3:1, AAA normal ≥ 7:1, AAA large ≥ 4.5:1, UI components ≥ 3:1.

How does carmine look with color blindness?

Normal vision#960018
Protanopia (red-blind)#555412
Deuteranopia (green-blind)#5E6911
Tritanopia (blue-blind)#8F0E0D
Achromatopsia (total color blindness)#222222

Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.

What colors go with carmine

#FFFFFF
White

White helps carmine stay legible in charts, labels, and UI states where a muddier light neutral would blur the edges.

#000080
Navy Blue

Because carmine already carries warmth, navy blue gives the pair a steadier backbone and keeps it closer to premium editorial work than to one-note seasonal color.

#FFFDD0
Cream

Cream takes the hard digital edge off carmine and makes the color feel more printed, paper-backed, and approachable.

#36454F
Charcoal

When carmine is already bright, charcoal absorbs some of the visual heat and keeps the combination closer to premium retail and sport than to novelty graphics.

#FFD700
Gold

Gold lifts carmine without trying to outrun it; the result feels premium because the contrast is more about sheen and warmth than raw brightness.

What colors clash with carmine

#39FF14
Neon Green

Neon Green competes with carmine so aggressively that the palette never really settles into a clear primary-secondary relationship.

#FF00FF
Magenta

Magenta remaps carmine too aggressively, dragging it away from premium retail and sport and into a brighter, more performative palette.

#00FFFF
Cyan

Cyan redirects carmine toward a more technical, backlit interpretation, which is risky when the goal is warmth, polish, or print-minded editorial work.

#FFD1DC
Pastel Pink

With carmine, Pastel Pink often steers the system toward nursery or confectionery cues instead of the more grounded mood the source color supports.

How should I use carmine in design?

  • Try carmine as your primary dark value instead of black — it adds character and warmth while still providing strong contrast for readability.
  • Carmine leans warm, so cool counterparts like navy, teal, or slate create the cleanest contrast. For a softer, tonal look, stay within neighboring warm hues and let value differences do the work.
  • Vivid colors like carmine work best as punctuation in a layout: CTAs, key metrics, or a single hero element. Surrounding neutrals keep it from fatiguing the viewer.

What are good carmine palettes?

Deep command

SaaS dashboards, admin panels, and professional UI themes.

Whitespace

Nonprofit campaigns, fundraising pages, and grant materials.

Statement mix

Consulting deliverables, strategy documents, and data-driven layouts.

Design with carmine in Moda

Create a presentation or document using carmine as your accent color. Moda's AI applies your color palette automatically.

Create a design with carmine

What are the shades and tints of carmine?

Shades (darker)

Tints (lighter)

Tones (desaturated)

Hue variations

What are the color harmonies for carmine?

Harmonies are calculated from the base swatch. When a harmony matches a named color page, it links there; otherwise it appears here as a computed reference swatch.

Complementary
Dark Cyan#00947BComputed
Analogous
Dark Orange#943100ComputedDark Purple#940063Computed
Triadic
Dark Green#199400ComputedDark Blue#001994Computed
Split-complementary
Dark Green#009431ComputedDark Cyan#006394Computed
Monochromatic
Dark Red#660011ComputedRed#CC0022ComputedRed#FF3355ComputedLight Red#FF99AAComputed
Square
Dark Green#639400ComputedDark Cyan#00947BComputedDark Blue#310094Computed

Frequently asked questions

What is the hex code for carmine?

The hex code for carmine is #960018. In RGB, that's 150 red, 0 green, and 24 blue. The approximate CMYK equivalent is 0% cyan, 100% magenta, 84% yellow, and 41% key (black).

Is carmine a warm or cool color?

Carmine reads as warm. It feels most natural with creams, golds, rusts, and other warm accents, while cooler partners like navy or teal create sharper contrast.

Is carmine better as an accent or a full-palette color?

Carmine is usually best when it leads in short bursts rather than covering everything. It can headline a palette, but most layouts work better when the color handles accents, highlights, or one main hero role instead of every surface.

How should I use carmine in a design?

Carmine works well as a dark background with light text, or as a bold accent for headlines, callout bars, and key visuals. It adds weight and authority without the starkness of pure black.

Can I use carmine for text or backgrounds?

Carmine is strong enough for white text at 9.09:1 contrast, so it can handle dark panels, tags, and section headers without much trouble. As text on white, though, it is usually better reserved for larger headings or short accents than for long paragraphs.

Last updated April 6, 2026

Color values are computed from the listed hex code using standard conversion formulas. RGB, HSL, and HSV are exact screen-ready conversions. CMYK is an approximate on-screen reference, not a press-ready print specification. Pairings, palettes, and use-case guidance are heuristic recommendations derived from color relationships, contrast behavior, and common presentation, document, and UI patterns.