← Back to Editor

#C0797D · #552654 · #975846 · #D98549 · #E4C763

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

#C0797D

Peach Pink · LightCoral · Coral Red

HEX
#C0797D
RGB
rgb(192, 121, 125)
HSL
hsl(357, 36%, 61%)
HSB
hsb(357, 37%, 75%)
CMYK
cmyk(0%, 37%, 35%, 25%)
Oklch
oklch(65.2% 0.089 16.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#552654

Rose Purple · DarkSlateGray · Eggplant

HEX
#552654
RGB
rgb(85, 38, 84)
HSL
hsl(301, 38%, 24%)
HSB
hsb(301, 55%, 33%)
CMYK
cmyk(0%, 55%, 1%, 67%)
Oklch
oklch(35.3% 0.096 328.2)

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

#975846

Crimson · Sienna · Passion Red

HEX
#975846
RGB
rgb(151, 88, 70)
HSL
hsl(13, 37%, 43%)
HSB
hsb(13, 54%, 59%)
CMYK
cmyk(0%, 42%, 54%, 41%)
Oklch
oklch(52.8% 0.088 36.8)

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

#D98549

Tangerine · Coral · Warm Sun

HEX
#D98549
RGB
rgb(217, 133, 73)
HSL
hsl(25, 65%, 57%)
HSB
hsb(25, 66%, 85%)
CMYK
cmyk(0%, 39%, 66%, 15%)
Oklch
oklch(69.4% 0.128 54.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E4C763

Ginger · SandyBrown · Sunflower

HEX
#E4C763
RGB
rgb(228, 199, 99)
HSL
hsl(47, 70%, 64%)
HSB
hsb(47, 57%, 89%)
CMYK
cmyk(0%, 13%, 57%, 11%)
Oklch
oklch(83.5% 0.124 93.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0797D
78BFBC

Analogous

BF789F
C0797D
BF9878

Triadic

C0797D
7BBF78
787BBF

Split-Comp.

C0797D
78BF98
789FBF

Tetradic

C0797D
9FBF78
78BFBC
9878BF

Contrast Matrix WCAG 2.1 Contrast

C0797D
552654
975846
D98549
E4C763
—
3.5
AA Large
1.7
Fail
1.2
Fail
2.0
Fail
3.5
AA Large
—
2.1
Fail
4.1
AA Large
7.1
AAA
1.7
Fail
2.1
Fail
—
1.9
Fail
3.3
AA Large
1.2
Fail
4.1
AA Large
1.9
Fail
—
1.7
Fail
2.0
Fail
7.1
AAA
3.3
AA Large
1.7
Fail
—
White BG
3.3AA Large
11.7AAA
5.5AA
2.8Fail
1.7Fail
Black BG
6.3AA
1.8Fail
3.8AA Large
7.4AAA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A17C
414049
7C7B4A
B5B458
D7D77B

Deuteranopia

A5AB7C
434746
7F844B
BAC05B
D9DB81

Tritanopia

BC7B7B
53403E
944E4F
D56366
E38E93

Achromatopsia

8F8F8F
393939
696969
979797
C4C4C4

Shades & Tints Shades & Tints

#C0797D

Dark
Light

#552654

Dark
Light

#975846

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0797d;
  --color-2: #552654;
  --color-3: #975846;
  --color-4: #d98549;
  --color-5: #e4c763;
}

SCSS

$color-1: #c0797d;
$color-2: #552654;
$color-3: #975846;
$color-4: #d98549;
$color-5: #e4c763;

TAILWIND

colors: {
  'brand-1': '#c0797d',
  'brand-2': '#552654',
  'brand-3': '#975846',
  'brand-4': '#d98549',
  'brand-5': '#e4c763',
}

RGB Array

[192, 121, 125], [85, 38, 84], [151, 88, 70], [217, 133, 73], [228, 199, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0797D, #552654, #975846, #D98549, #E4C763 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c0797d; --color-2: #552654; --color-3: #975846; --color-4: #d98549; --color-5: #e4c763. 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. 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