← Back to Editor

#DADF78 · #DDCB9B · #BC9B94 · #81629B · #281A31

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

#DADF78

Fresh Green · Khaki · Sunflower

HEX
#DADF78
RGB
rgb(218, 223, 120)
HSL
hsl(63, 62%, 67%)
HSB
hsb(63, 46%, 87%)
CMYK
cmyk(2%, 0%, 46%, 13%)
Oklch
oklch(87.8% 0.127 111.2)

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

#DDCB9B

Goose Yellow · BurlyWood · Sunflower

HEX
#DDCB9B
RGB
rgb(221, 203, 155)
HSL
hsl(44, 49%, 74%)
HSB
hsb(44, 30%, 87%)
CMYK
cmyk(0%, 8%, 30%, 13%)
Oklch
oklch(84.5% 0.066 89.9)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#BC9B94

Peach Pink · DarkGray · Coral Red

HEX
#BC9B94
RGB
rgb(188, 155, 148)
HSL
hsl(10, 23%, 66%)
HSB
hsb(10, 21%, 74%)
CMYK
cmyk(0%, 18%, 21%, 26%)
Oklch
oklch(71.7% 0.041 32.0)

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

#81629B

Dark Plum · SlateGray · Violet

HEX
#81629B
RGB
rgb(129, 98, 155)
HSL
hsl(273, 23%, 50%)
HSB
hsb(273, 37%, 61%)
CMYK
cmyk(17%, 37%, 0%, 39%)
Oklch
oklch(55.0% 0.093 308.5)

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

#281A31

Dark Plum · DarkSlateGray · Dark Purple

HEX
#281A31
RGB
rgb(40, 26, 49)
HSL
hsl(277, 31%, 15%)
HSB
hsb(277, 47%, 19%)
CMYK
cmyk(18%, 47%, 0%, 81%)
Oklch
oklch(24.7% 0.046 311.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DADF78
7C77DF

Analogous

DFB077
DADF78
A6DF77

Triadic

DADF78
77DADF
DF77DA

Split-Comp.

DADF78
77A6DF
B077DF

Tetradic

DADF78
77DFB0
7C77DF
DF77A6

Contrast Matrix WCAG 2.1 Contrast

DADF78
DDCB9B
BC9B94
81629B
281A31
—
1.1
Fail
1.8
Fail
3.6
AA Large
11.5
AAA
1.1
Fail
—
1.6
Fail
3.2
AA Large
10.2
AAA
1.8
Fail
1.6
Fail
—
2.0
Fail
6.4
AA
3.6
AA Large
3.2
AA Large
2.0
Fail
—
3.2
AA Large
11.5
AAA
10.2
AAA
6.4
AA
3.2
AA Large
—
White BG
1.4Fail
1.6Fail
2.5Fail
5.1AA
16.4AAA
Black BG
14.8AAA
13.1AAA
8.3AAA
4.2AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDC91
D5D5A7
AEAD96
74738D
22222B

Deuteranopia

DCDC97
D6D8A9
B0B296
75788A
23242A

Tritanopia

DAA5A9
DCB0B2
BA9797
7F8280
272726

Achromatopsia

D2D2D2
CBCBCB
A4A4A4
727272
212121

Shades & Tints Shades & Tints

#DADF78

Dark
Light

#DDCB9B

Dark
Light

#BC9B94

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dadf78;
  --color-2: #ddcb9b;
  --color-3: #bc9b94;
  --color-4: #81629b;
  --color-5: #281a31;
}

SCSS

$color-1: #dadf78;
$color-2: #ddcb9b;
$color-3: #bc9b94;
$color-4: #81629b;
$color-5: #281a31;

TAILWIND

colors: {
  'brand-1': '#dadf78',
  'brand-2': '#ddcb9b',
  'brand-3': '#bc9b94',
  'brand-4': '#81629b',
  'brand-5': '#281a31',
}

RGB Array

[218, 223, 120], [221, 203, 155], [188, 155, 148], [129, 98, 155], [40, 26, 49]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DADF78, #DDCB9B, #BC9B94, #81629B, #281A31 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: #dadf78; --color-2: #ddcb9b; --color-3: #bc9b94; --color-4: #81629b; --color-5: #281a31. 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