#DAF44C + #C8C061 + #B68D77 + #A4598D + #9226A3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DAF44C

Fresh Green · GreenYellow · Sunflower

HEX

#DAF44C

RGB

rgb(218, 244, 76)

HSL

hsl(69, 88%, 63%)

HSB

hsb(69, 69%, 96%)

CMYK

cmyk(11%, 0%, 69%, 4%)

Oklch

oklch(91.9% 0.187 117.9)

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

#C8C061

Autumn Sage · BurlyWood · Sunflower

HEX

#C8C061

RGB

rgb(200, 192, 97)

HSL

hsl(55, 48%, 58%)

HSB

hsb(55, 52%, 78%)

CMYK

cmyk(0%, 4%, 52%, 22%)

Oklch

oklch(79.5% 0.118 104.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B68D77

Tangerine · DarkSalmon · Warm Sun

HEX

#B68D77

RGB

rgb(182, 141, 119)

HSL

hsl(21, 30%, 59%)

HSB

hsb(21, 35%, 71%)

CMYK

cmyk(0%, 23%, 35%, 29%)

Oklch

oklch(67.7% 0.059 49.5)

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

#A4598D

Rose Purple · Gray · Violet

HEX

#A4598D

RGB

rgb(164, 89, 141)

HSL

hsl(318, 30%, 50%)

HSB

hsb(318, 46%, 64%)

CMYK

cmyk(0%, 46%, 14%, 36%)

Oklch

oklch(56.9% 0.118 339.8)

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

#9226A3

Royal Purple · DarkOrchid · Eggplant

HEX

#9226A3

RGB

rgb(146, 38, 163)

HSL

hsl(292, 62%, 39%)

HSB

hsb(292, 77%, 64%)

CMYK

cmyk(10%, 77%, 0%, 36%)

Oklch

oklch(49.3% 0.201 321.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAF44C

674EF4

Analogous

F4BA4E

DAF44C

88F44E

Triadic

DAF44C

4EDBF4

F44EDB

Split-Comp.

DAF44C

4E88F4

BA4EF4

Tetradic

DAF44C

4EF4BA

674EF4

F44E88

Contrast Matrix WCAG 2.1 Contrast

DAF44C	C8C061	B68D77	A4598D	9226A3
—	1.5 Fail	2.4 Fail	3.9 AA Large	5.6 AA
1.5 Fail	—	1.6 Fail	2.5 Fail	3.7 AA Large
2.4 Fail	1.6 Fail	—	1.6 Fail	2.3 Fail
3.9 AA Large	2.5 Fail	1.6 Fail	—	1.5 Fail
5.6 AA	3.7 AA Large	2.3 Fail	1.5 Fail	—

White BG

1.2Fail

1.9Fail

3.0Fail

4.8AA

6.9AA

Black BG

17.0AAA

11.2AAA

7.1AAA

4.4AA Large

3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E575

C5C478

A4A47C

848380

636285

Deuteranopia

E4E27E

C5C67D

A7AA7E

888E7D

6A727E

Tritanopia

DB959C

C88A8E

B48181

A07674

8D6D68

Achromatopsia

D9D9D9

B8B8B8

979797

757575

555555

Shades & Tints Shades & Tints

#DAF44C

Dark

Light

#C8C061

Dark

Light

#B68D77

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #daf44c;
  --color-2: #c8c061;
  --color-3: #b68d77;
  --color-4: #a4598d;
  --color-5: #9226a3;
}

SCSS

$color-1: #daf44c;
$color-2: #c8c061;
$color-3: #b68d77;
$color-4: #a4598d;
$color-5: #9226a3;

TAILWIND

colors: {
  'brand-1': '#daf44c',
  'brand-2': '#c8c061',
  'brand-3': '#b68d77',
  'brand-4': '#a4598d',
  'brand-5': '#9226a3',
}

RGB Array

[218, 244, 76], [200, 192, 97], [182, 141, 119], [164, 89, 141], [146, 38, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAF44C, #C8C061, #B68D77, #A4598D, #9226A3 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: #daf44c; --color-2: #c8c061; --color-3: #b68d77; --color-4: #a4598d; --color-5: #9226a3. 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