← Back to Editor

#674364 · #92556B · #C18278 · #E5C58A · #FADDB2

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 LibraryData Visualization

Color Details Color Details

#674364

Rose Purple · DimGray · Eggplant

HEX
#674364
RGB
rgb(103, 67, 100)
HSL
hsl(305, 21%, 33%)
HSB
hsb(305, 35%, 40%)
CMYK
cmyk(0%, 35%, 3%, 60%)
Oklch
oklch(43.6% 0.070 329.6)

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

#92556B

Dark Violet · DimGray · Camellia

HEX
#92556B
RGB
rgb(146, 85, 107)
HSL
hsl(338, 26%, 45%)
HSB
hsb(338, 42%, 57%)
CMYK
cmyk(0%, 42%, 27%, 43%)
Oklch
oklch(52.6% 0.085 357.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#C18278

Peach Pink · DarkSalmon · Coral Red

HEX
#C18278
RGB
rgb(193, 130, 120)
HSL
hsl(8, 37%, 61%)
HSB
hsb(8, 38%, 76%)
CMYK
cmyk(0%, 33%, 38%, 24%)
Oklch
oklch(66.8% 0.080 29.3)

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

#E5C58A

Goose Yellow · BurlyWood · Warm Sun

HEX
#E5C58A
RGB
rgb(229, 197, 138)
HSL
hsl(39, 64%, 72%)
HSB
hsb(39, 40%, 90%)
CMYK
cmyk(0%, 14%, 40%, 10%)
Oklch
oklch(83.7% 0.084 82.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FADDB2

Goose Yellow · Wheat · Peach Orange

HEX
#FADDB2
RGB
rgb(250, 221, 178)
HSL
hsl(36, 88%, 84%)
HSB
hsb(36, 29%, 98%)
CMYK
cmyk(0%, 12%, 29%, 2%)
Oklch
oklch(91.1% 0.065 77.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

674364
426645

Analogous

574266
674364
664251

Triadic

674364
636642
426366

Split-Comp.

674364
516642
426657

Tetradic

674364
665742
426645
425166

Contrast Matrix WCAG 2.1 Contrast

674364
92556B
C18278
E5C58A
FADDB2
—
1.5
Fail
2.6
Fail
4.9
AA
6.3
AA
1.5
Fail
—
1.8
Fail
3.4
AA Large
4.3
AA Large
2.6
Fail
1.8
Fail
—
1.9
Fail
2.4
Fail
4.9
AA
3.4
AA Large
1.9
Fail
—
1.3
Fail
6.3
AA
4.3
AA Large
2.4
Fail
1.3
Fail
—
White BG
8.2AAA
5.6AA
3.1AA Large
1.7Fail
1.3Fail
Black BG
2.6Fail
3.7AA Large
6.7AA
12.7AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

57575C
787766
A6A57A
D7D798
EDEDBC

Deuteranopia

5A5C5A
7B8064
A9AE7B
D9DB9C
EFF1BF

Tritanopia

655654
8F6161
BE7C7D
E3A4A6
F9C5C6

Achromatopsia

525252
6A6A6A
949494
C8C8C8
E1E1E1

Shades & Tints Shades & Tints

#674364

Dark
Light

#92556B

Dark
Light

#C18278

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #674364;
  --color-2: #92556b;
  --color-3: #c18278;
  --color-4: #e5c58a;
  --color-5: #faddb2;
}

SCSS

$color-1: #674364;
$color-2: #92556b;
$color-3: #c18278;
$color-4: #e5c58a;
$color-5: #faddb2;

TAILWIND

colors: {
  'brand-1': '#674364',
  'brand-2': '#92556b',
  'brand-3': '#c18278',
  'brand-4': '#e5c58a',
  'brand-5': '#faddb2',
}

RGB Array

[103, 67, 100], [146, 85, 107], [193, 130, 120], [229, 197, 138], [250, 221, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #674364, #92556B, #C18278, #E5C58A, #FADDB2 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #674364; --color-2: #92556b; --color-3: #c18278; --color-4: #e5c58a; --color-5: #faddb2. 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. 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 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