#825977 + #9C6D7D + #E38482 + #FAA68C + #FDD08F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#825977

Rose Purple · DimGray · Violet

HEX

#825977

RGB

rgb(130, 89, 119)

HSL

hsl(316, 19%, 43%)

HSB

hsb(316, 32%, 51%)

CMYK

cmyk(0%, 32%, 8%, 49%)

Oklch

oklch(51.8% 0.069 336.8)

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

#9C6D7D

Dark Violet · Gray · Rose Pink

HEX

#9C6D7D

RGB

rgb(156, 109, 125)

HSL

hsl(340, 19%, 52%)

HSB

hsb(340, 30%, 61%)

CMYK

cmyk(0%, 30%, 20%, 39%)

Oklch

oklch(58.8% 0.063 357.1)

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

#E38482

Peach Pink · LightCoral · Coral Red

HEX

#E38482

RGB

rgb(227, 132, 130)

HSL

hsl(1, 63%, 70%)

HSB

hsb(1, 43%, 89%)

CMYK

cmyk(0%, 42%, 43%, 11%)

Oklch

oklch(71.5% 0.117 21.7)

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

#FAA68C

Peach Pink · LightSalmon · Coral Red

HEX

#FAA68C

RGB

rgb(250, 166, 140)

HSL

hsl(14, 92%, 76%)

HSB

hsb(14, 44%, 98%)

CMYK

cmyk(0%, 34%, 44%, 2%)

Oklch

oklch(80.2% 0.107 37.9)

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

#FDD08F

Goose Yellow · Khaki · Peach Orange

HEX

#FDD08F

RGB

rgb(253, 208, 143)

HSL

hsl(35, 96%, 78%)

HSB

hsb(35, 43%, 99%)

CMYK

cmyk(0%, 18%, 43%, 1%)

Oklch

oklch(88.2% 0.096 76.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

825977

598264

Analogous

795982

825977

825963

Triadic

825977

778259

597782

Split-Comp.

825977

638259

598279

Tetradic

825977

827959

598264

596382

Contrast Matrix WCAG 2.1 Contrast

825977	9C6D7D	E38482	FAA68C	FDD08F
—	1.3 Fail	2.2 Fail	3.0 Fail	4.0 AA Large
1.3 Fail	—	1.6 Fail	2.2 Fail	3.0 Fail
2.2 Fail	1.6 Fail	—	1.4 Fail	1.9 Fail
3.0 Fail	2.2 Fail	1.4 Fail	—	1.3 Fail
4.0 AA Large	3.0 Fail	1.9 Fail	1.3 Fail	—

White BG

5.8AA

4.3AA Large

2.7Fail

1.9Fail

1.4Fail

Black BG

3.6AA Large

4.9AA

7.9AAA

10.9AAA

14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

707070

888779

BAB982

D6D592

EAE99F

Deuteranopia

73766E

8A8E78

BFC683

DBE194

ECF0A3

Tritanopia

806A69

9A7675

DE8383

F69798

FBABAE

Achromatopsia

696969

7D7D7D

A0A0A0

BCBCBC

D6D6D6

Shades & Tints Shades & Tints

#825977

Dark

Light

#9C6D7D

Dark

Light

#E38482

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #825977;
  --color-2: #9c6d7d;
  --color-3: #e38482;
  --color-4: #faa68c;
  --color-5: #fdd08f;
}

SCSS

$color-1: #825977;
$color-2: #9c6d7d;
$color-3: #e38482;
$color-4: #faa68c;
$color-5: #fdd08f;

TAILWIND

colors: {
  'brand-1': '#825977',
  'brand-2': '#9c6d7d',
  'brand-3': '#e38482',
  'brand-4': '#faa68c',
  'brand-5': '#fdd08f',
}

RGB Array

[130, 89, 119], [156, 109, 125], [227, 132, 130], [250, 166, 140], [253, 208, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #825977, #9C6D7D, #E38482, #FAA68C, #FDD08F 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: #825977; --color-2: #9c6d7d; --color-3: #e38482; --color-4: #faa68c; --color-5: #fdd08f. 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