← Back to Editor

#DDE3CA · #C5D19D · #ADBF73 · #92A650

A 4-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DDE3CA

Willow Green · LightGray · Mint Green

HEX
#DDE3CA
RGB
rgb(221, 227, 202)
HSL
hsl(74, 31%, 84%)
HSB
hsb(74, 11%, 89%)
CMYK
cmyk(3%, 0%, 11%, 11%)
Oklch
oklch(90.5% 0.034 118.0)

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

#C5D19D

Willow Green · Tan · Apple Green

HEX
#C5D19D
RGB
rgb(197, 209, 157)
HSL
hsl(74, 36%, 72%)
HSB
hsb(74, 25%, 82%)
CMYK
cmyk(6%, 0%, 25%, 18%)
Oklch
oklch(83.8% 0.071 118.5)

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

#ADBF73

Grass Green · DarkSeaGreen · Olive Green

HEX
#ADBF73
RGB
rgb(173, 191, 115)
HSL
hsl(74, 37%, 60%)
HSB
hsb(74, 40%, 75%)
CMYK
cmyk(9%, 0%, 40%, 25%)
Oklch
oklch(77.3% 0.102 119.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#92A650

Grass Green · Gray · Olive Green

HEX
#92A650
RGB
rgb(146, 166, 80)
HSL
hsl(74, 35%, 48%)
HSB
hsb(74, 52%, 65%)
CMYK
cmyk(12%, 0%, 52%, 35%)
Oklch
oklch(69.1% 0.115 120.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDE3CA
CFCAE3

Analogous

E3DCCA
DDE3CA
D0E3CA

Triadic

DDE3CA
CADDE3
E3CADD

Split-Comp.

DDE3CA
CAD0E3
DCCAE3

Tetradic

DDE3CA
CAE3DC
CFCAE3
E3CAD0

Contrast Matrix WCAG 2.1 Contrast

DDE3CA
C5D19D
ADBF73
92A650
—
1.2
Fail
1.5
Fail
2.0
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
White BG
1.3Fail
1.6Fail
2.0Fail
2.7Fail
Black BG
15.9AAA
13.0AAA
10.5AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0D0
CACAAA
B5B585
9B9B65

Deuteranopia

DFDFD1
CAC9AD
B4B28A
9A986A

Tritanopia

DDD5D6
C6B4B6
AE9497
937579

Achromatopsia

DEDEDE
C7C7C7
B1B1B1
969696

Shades & Tints Shades & Tints

#DDE3CA

Dark
Light

#C5D19D

Dark
Light

#ADBF73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dde3ca;
  --color-2: #c5d19d;
  --color-3: #adbf73;
  --color-4: #92a650;
}

SCSS

$color-1: #dde3ca;
$color-2: #c5d19d;
$color-3: #adbf73;
$color-4: #92a650;

TAILWIND

colors: {
  'brand-1': '#dde3ca',
  'brand-2': '#c5d19d',
  'brand-3': '#adbf73',
  'brand-4': '#92a650',
}

RGB Array

[221, 227, 202], [197, 209, 157], [173, 191, 115], [146, 166, 80]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This general-style palette of #DDE3CA, #C5D19D, #ADBF73, #92A650 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dde3ca; --color-2: #c5d19d; --color-3: #adbf73; --color-4: #92a650. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 4-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