← Back to Editor

#FEFED8 · #F6CCD8 · #977082 · #613E5C · #381C33

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

#FEFED8

Fresh Green · LightYellow · Lemon Cream

HEX
#FEFED8
RGB
rgb(254, 254, 216)
HSL
hsl(60, 95%, 92%)
HSB
hsb(60, 15%, 100%)
CMYK
cmyk(0%, 0%, 15%, 0%)
Oklch
oklch(98.7% 0.049 107.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F6CCD8

Rouge · Pink · Cherry Blossom

HEX
#F6CCD8
RGB
rgb(246, 204, 216)
HSL
hsl(343, 70%, 88%)
HSB
hsb(343, 17%, 96%)
CMYK
cmyk(0%, 17%, 12%, 4%)
Oklch
oklch(88.5% 0.050 359.1)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#977082

Dark Violet · Gray · Rose Pink

HEX
#977082
RGB
rgb(151, 112, 130)
HSL
hsl(332, 16%, 52%)
HSB
hsb(332, 26%, 59%)
CMYK
cmyk(0%, 26%, 14%, 41%)
Oklch
oklch(59.0% 0.055 349.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#613E5C

Rose Purple · DimGray · Eggplant

HEX
#613E5C
RGB
rgb(97, 62, 92)
HSL
hsl(309, 22%, 31%)
HSB
hsb(309, 36%, 38%)
CMYK
cmyk(0%, 36%, 5%, 62%)
Oklch
oklch(41.6% 0.066 331.9)

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

#381C33

Rose Purple · DarkSlateGray · Dark Purple

HEX
#381C33
RGB
rgb(56, 28, 51)
HSL
hsl(311, 33%, 16%)
HSB
hsb(311, 50%, 22%)
CMYK
cmyk(0%, 50%, 9%, 78%)
Oklch
oklch(27.5% 0.057 333.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFED8
D7D7FE

Analogous

FEEBD7
FEFED8
EBFED7

Triadic

FEFED8
D7FEFE
FED7FE

Split-Comp.

FEFED8
D7EBFE
EBD7FE

Tetradic

FEFED8
D7FEEB
D7D7FE
FED7EB

Contrast Matrix WCAG 2.1 Contrast

FEFED8
F6CCD8
977082
613E5C
381C33
—
1.4
Fail
4.1
AA Large
8.7
AAA
14.7
AAA
1.4
Fail
—
2.9
Fail
6.2
AA
10.5
AAA
4.1
AA Large
2.9
Fail
—
2.1
Fail
3.6
AA Large
8.7
AAA
6.2
AA
2.1
Fail
—
1.7
Fail
14.7
AAA
10.5
AAA
3.6
AA Large
1.7
Fail
—
White BG
1.0Fail
1.4Fail
4.2AA Large
8.9AAA
15.2AAA
Black BG
20.4AAA
14.5AAA
5.0AA
2.4Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEE1
E4E3D5
86867E
525255
2C2C2D

Deuteranopia

FEFEE3
E6E9D4
888B7D
545653
2E302C

Tritanopia

FEE8EA
F4D3D2
957A79
5F4F4E
372928

Achromatopsia

FAFAFA
DADADA
7E7E7E
4C4C4C
272727

Shades & Tints Shades & Tints

#FEFED8

Dark
Light

#F6CCD8

Dark
Light

#977082

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fefed8;
  --color-2: #f6ccd8;
  --color-3: #977082;
  --color-4: #613e5c;
  --color-5: #381c33;
}

SCSS

$color-1: #fefed8;
$color-2: #f6ccd8;
$color-3: #977082;
$color-4: #613e5c;
$color-5: #381c33;

TAILWIND

colors: {
  'brand-1': '#fefed8',
  'brand-2': '#f6ccd8',
  'brand-3': '#977082',
  'brand-4': '#613e5c',
  'brand-5': '#381c33',
}

RGB Array

[254, 254, 216], [246, 204, 216], [151, 112, 130], [97, 62, 92], [56, 28, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEFED8, #F6CCD8, #977082, #613E5C, #381C33 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: #fefed8; --color-2: #f6ccd8; --color-3: #977082; --color-4: #613e5c; --color-5: #381c33. 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