#864877 + #D745B4 + #D0DFB8 + #CCDF6C + #C1C236 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#864877

Rose Purple · DimGray · Eggplant

HEX

#864877

RGB

rgb(134, 72, 119)

HSL

hsl(315, 30%, 40%)

HSB

hsb(315, 46%, 53%)

CMYK

cmyk(0%, 46%, 11%, 47%)

Oklch

oklch(49.3% 0.105 336.8)

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

#D745B4

Rose Purple · MediumOrchid · Violet

HEX

#D745B4

RGB

rgb(215, 69, 180)

HSL

hsl(314, 65%, 56%)

HSB

hsb(314, 68%, 84%)

CMYK

cmyk(0%, 68%, 16%, 16%)

Oklch

oklch(63.2% 0.215 338.9)

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

#D0DFB8

Willow Green · LightGray · Apple Green

HEX

#D0DFB8

RGB

rgb(208, 223, 184)

HSL

hsl(83, 38%, 80%)

HSB

hsb(83, 17%, 87%)

CMYK

cmyk(7%, 0%, 17%, 13%)

Oklch

oklch(88.2% 0.055 124.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#CCDF6C

Willow Green · Khaki · Apple Green

HEX

#CCDF6C

RGB

rgb(204, 223, 108)

HSL

hsl(70, 64%, 65%)

HSB

hsb(70, 52%, 87%)

CMYK

cmyk(9%, 0%, 52%, 13%)

Oklch

oklch(86.6% 0.142 117.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#C1C236

Autumn Sage · GoldenRod · Honey Gold

HEX

#C1C236

RGB

rgb(193, 194, 54)

HSL

hsl(60, 56%, 49%)

HSB

hsb(60, 72%, 76%)

CMYK

cmyk(1%, 0%, 72%, 24%)

Oklch

oklch(78.9% 0.155 109.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

864877

478557

Analogous

754785

864877

854757

Triadic

864877

758547

477585

Split-Comp.

864877

578547

478575

Tetradic

864877

857547

478557

475785

Contrast Matrix WCAG 2.1 Contrast

864877	D745B4	D0DFB8	CCDF6C	C1C236
—	1.7 Fail	4.7 AA	4.5 AA Large	3.4 AA Large
1.7 Fail	—	2.8 Fail	2.7 Fail	2.0 Fail
4.7 AA	2.8 Fail	—	1.0 Fail	1.4 Fail
4.5 AA Large	2.7 Fail	1.0 Fail	—	1.3 Fail
3.4 AA Large	2.0 Fail	1.4 Fail	1.3 Fail	—

White BG

6.5AA

3.9AA Large

1.4Fail

1.5Fail

1.9Fail

Black BG

3.2AA Large

5.4AA

14.9AAA

14.3AAA

11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6B6C

989699

D6D7C1

D4D488

C1C158

Deuteranopia

6F7369

A0AB93

D6D5C4

D3D28F

C1C160

Tritanopia

836361

D0847F

D1C9CB

CD9EA3

C17379

Achromatopsia

606060

7D7D7D

D6D6D6

CCCCCC

B2B2B2

Shades & Tints Shades & Tints

#864877

Dark

Light

#D745B4

Dark

Light

#D0DFB8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #864877;
  --color-2: #d745b4;
  --color-3: #d0dfb8;
  --color-4: #ccdf6c;
  --color-5: #c1c236;
}

SCSS

$color-1: #864877;
$color-2: #d745b4;
$color-3: #d0dfb8;
$color-4: #ccdf6c;
$color-5: #c1c236;

TAILWIND

colors: {
  'brand-1': '#864877',
  'brand-2': '#d745b4',
  'brand-3': '#d0dfb8',
  'brand-4': '#ccdf6c',
  'brand-5': '#c1c236',
}

RGB Array

[134, 72, 119], [215, 69, 180], [208, 223, 184], [204, 223, 108], [193, 194, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #864877, #D745B4, #D0DFB8, #CCDF6C, #C1C236 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: #864877; --color-2: #d745b4; --color-3: #d0dfb8; --color-4: #ccdf6c; --color-5: #c1c236. 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