← Back to Editor

#C485B2 · #98758E · #6C5F68 · #353432 · #12040D

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#C485B2

Mauve · DarkGray · Lilac Purple

HEX
#C485B2
RGB
rgb(196, 133, 178)
HSL
hsl(317, 35%, 65%)
HSB
hsb(317, 32%, 77%)
CMYK
cmyk(0%, 32%, 9%, 23%)
Oklch
oklch(69.4% 0.097 337.7)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#98758E

Rose Purple · Gray · Violet

HEX
#98758E
RGB
rgb(152, 117, 142)
HSL
hsl(317, 15%, 53%)
HSB
hsb(317, 23%, 60%)
CMYK
cmyk(0%, 23%, 7%, 40%)
Oklch
oklch(60.5% 0.056 336.9)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#6C5F68

Ink Gray · DimGray · Charcoal

HEX
#6C5F68
RGB
rgb(108, 95, 104)
HSL
hsl(318, 6%, 40%)
HSB
hsb(318, 12%, 42%)
CMYK
cmyk(0%, 12%, 4%, 58%)
Oklch
oklch(50.1% 0.022 337.0)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#353432

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#353432
RGB
rgb(53, 52, 50)
HSL
hsl(40, 3%, 20%)
HSB
hsb(40, 6%, 21%)
CMYK
cmyk(0%, 2%, 6%, 79%)
Oklch
oklch(32.5% 0.004 84.6)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#12040D

Rose Purple · Black · Raspberry

HEX
#12040D
RGB
rgb(18, 4, 13)
HSL
hsl(321, 64%, 4%)
HSB
hsb(321, 78%, 7%)
CMYK
cmyk(0%, 78%, 28%, 93%)
Oklch
oklch(13.9% 0.034 341.2)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C485B2
87C598

Analogous

B787C5
C485B2
C58794

Triadic

C485B2
B3C587
87B3C5

Split-Comp.

C485B2
94C587
87C5B7

Tetradic

C485B2
C5B787
87C598
8794C5

Contrast Matrix WCAG 2.1 Contrast

C485B2
98758E
6C5F68
353432
12040D
—
1.4
Fail
2.1
Fail
4.3
AA Large
7.0
AAA
1.4
Fail
—
1.5
Fail
3.1
AA Large
5.0
AA
2.1
Fail
1.5
Fail
—
2.1
Fail
3.3
AA Large
4.3
AA Large
3.1
AA Large
2.1
Fail
—
1.6
Fail
7.0
AAA
5.0
AA
3.3
AA Large
1.6
Fail
—
White BG
2.9Fail
4.0AA Large
6.0AA
12.4AAA
20.0AAA
Black BG
7.3AAA
5.3AA
3.5AA Large
1.7Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A8A7
898988
666666
353532
0C0C0B

Deuteranopia

ACB1A5
8B8E87
676865
353533
0D0E0A

Tritanopia

C19F9D
968382
6B6464
353333
110909

Achromatopsia

9D9D9D
828282
646464
343434
090909

Shades & Tints Shades & Tints

#C485B2

Dark
Light

#98758E

Dark
Light

#6C5F68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c485b2;
  --color-2: #98758e;
  --color-3: #6c5f68;
  --color-4: #353432;
  --color-5: #12040d;
}

SCSS

$color-1: #c485b2;
$color-2: #98758e;
$color-3: #6c5f68;
$color-4: #353432;
$color-5: #12040d;

TAILWIND

colors: {
  'brand-1': '#c485b2',
  'brand-2': '#98758e',
  'brand-3': '#6c5f68',
  'brand-4': '#353432',
  'brand-5': '#12040d',
}

RGB Array

[196, 133, 178], [152, 117, 142], [108, 95, 104], [53, 52, 50], [18, 4, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C485B2, #98758E, #6C5F68, #353432, #12040D is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c485b2; --color-2: #98758e; --color-3: #6c5f68; --color-4: #353432; --color-5: #12040d. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for finance, legal, luxury industries. Restrained colors convey professionalism and trust. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color