← Back to Editor

#604553 · #7E6479 · #9E8289 · #C0AFA8 · #D0A19C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#604553

Rose Purple · DimGray · Camellia

HEX
#604553
RGB
rgb(96, 69, 83)
HSL
hsl(329, 16%, 32%)
HSB
hsb(329, 28%, 38%)
CMYK
cmyk(0%, 28%, 14%, 62%)
Oklch
oklch(42.5% 0.043 346.6)

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

#7E6479

Rose Purple · DimGray · Violet

HEX
#7E6479
RGB
rgb(126, 100, 121)
HSL
hsl(312, 12%, 44%)
HSB
hsb(312, 21%, 49%)
CMYK
cmyk(0%, 21%, 4%, 51%)
Oklch
oklch(53.6% 0.045 332.9)

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

#9E8289

Crimson · Gray · Passion Red

HEX
#9E8289
RGB
rgb(158, 130, 137)
HSL
hsl(345, 13%, 56%)
HSB
hsb(345, 18%, 62%)
CMYK
cmyk(0%, 18%, 13%, 38%)
Oklch
oklch(63.5% 0.036 1.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#C0AFA8

Apricot · DarkGray · Warm Sun

HEX
#C0AFA8
RGB
rgb(192, 175, 168)
HSL
hsl(18, 16%, 71%)
HSB
hsb(18, 13%, 75%)
CMYK
cmyk(0%, 9%, 13%, 25%)
Oklch
oklch(76.6% 0.022 43.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D0A19C

Peach Pink · Tan · Coral Red

HEX
#D0A19C
RGB
rgb(208, 161, 156)
HSL
hsl(6, 36%, 71%)
HSB
hsb(6, 25%, 82%)
CMYK
cmyk(0%, 23%, 25%, 18%)
Oklch
oklch(75.1% 0.057 25.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

604553
455F51

Analogous

5E455F
604553
5F4545

Triadic

604553
525F45
45525F

Split-Comp.

604553
455F45
455F5E

Tetradic

604553
5F5E45
455F51
45455F

Contrast Matrix WCAG 2.1 Contrast

604553
7E6479
9E8289
C0AFA8
D0A19C
—
1.6
Fail
2.4
Fail
4.0
AA Large
3.7
AA Large
1.6
Fail
—
1.5
Fail
2.5
Fail
2.3
Fail
2.4
Fail
1.5
Fail
—
1.7
Fail
1.5
Fail
4.0
AA Large
2.5
Fail
1.7
Fail
—
1.1
Fail
3.7
AA Large
2.3
Fail
1.5
Fail
1.1
Fail
—
White BG
8.5AAA
5.3AA
3.5AA Large
2.1Fail
2.3Fail
Black BG
2.5Fail
4.0AA Large
6.0AA
9.9AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

545450
737374
929287
B9B8AA
BCBB9D

Deuteranopia

56584F
747673
949687
BABBAA
BEC29E

Tritanopia

5F4D4C
7D706F
9D8686
BFABAB
CE9E9E

Achromatopsia

4F4F4F
6E6E6E
8B8B8B
B3B3B3
AEAEAE

Shades & Tints Shades & Tints

#604553

Dark
Light

#7E6479

Dark
Light

#9E8289

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #604553;
  --color-2: #7e6479;
  --color-3: #9e8289;
  --color-4: #c0afa8;
  --color-5: #d0a19c;
}

SCSS

$color-1: #604553;
$color-2: #7e6479;
$color-3: #9e8289;
$color-4: #c0afa8;
$color-5: #d0a19c;

TAILWIND

colors: {
  'brand-1': '#604553',
  'brand-2': '#7e6479',
  'brand-3': '#9e8289',
  'brand-4': '#c0afa8',
  'brand-5': '#d0a19c',
}

RGB Array

[96, 69, 83], [126, 100, 121], [158, 130, 137], [192, 175, 168], [208, 161, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #604553, #7E6479, #9E8289, #C0AFA8, #D0A19C is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #604553; --color-2: #7e6479; --color-3: #9e8289; --color-4: #c0afa8; --color-5: #d0a19c. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco 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