← Back to Editor

#DBDABA · #C7C9A1 · #C2C04E · #C49A6C · #DB523D

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 Library

Color Details Color Details

#DBDABA

Fresh Green · LightGray · Lemon Cream

HEX
#DBDABA
RGB
rgb(219, 218, 186)
HSL
hsl(58, 31%, 79%)
HSB
hsb(58, 15%, 86%)
CMYK
cmyk(0%, 0%, 15%, 14%)
Oklch
oklch(88.1% 0.043 105.8)

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

#C7C9A1

Fresh Green · Tan · Sunflower

HEX
#C7C9A1
RGB
rgb(199, 201, 161)
HSL
hsl(63, 27%, 71%)
HSB
hsb(63, 20%, 79%)
CMYK
cmyk(1%, 0%, 20%, 21%)
Oklch
oklch(82.4% 0.054 109.9)

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

#C2C04E

Autumn Sage · GoldenRod · Sunflower

HEX
#C2C04E
RGB
rgb(194, 192, 78)
HSL
hsl(59, 49%, 53%)
HSB
hsb(59, 60%, 76%)
CMYK
cmyk(0%, 1%, 60%, 24%)
Oklch
oklch(78.7% 0.135 108.2)

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

#C49A6C

Ginger · DarkSalmon · Warm Sun

HEX
#C49A6C
RGB
rgb(196, 154, 108)
HSL
hsl(31, 43%, 60%)
HSB
hsb(31, 45%, 77%)
CMYK
cmyk(0%, 21%, 45%, 23%)
Oklch
oklch(71.5% 0.079 68.5)

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

#DB523D

Vermilion · Chocolate · Passion Red

HEX
#DB523D
RGB
rgb(219, 82, 61)
HSL
hsl(8, 69%, 55%)
HSB
hsb(8, 72%, 86%)
CMYK
cmyk(0%, 63%, 72%, 14%)
Oklch
oklch(61.8% 0.176 31.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBDABA
B9BADA

Analogous

DAC8B9
DBDABA
CBDAB9

Triadic

DBDABA
B9DAD9
D9B9DA

Split-Comp.

DBDABA
B9CBDA
C8B9DA

Tetradic

DBDABA
B9DAC8
B9BADA
DAB9CB

Contrast Matrix WCAG 2.1 Contrast

DBDABA
C7C9A1
C2C04E
C49A6C
DB523D
—
1.2
Fail
1.3
Fail
1.8
Fail
2.8
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
2.3
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
2.1
Fail
1.8
Fail
1.5
Fail
1.3
Fail
—
1.5
Fail
2.8
Fail
2.3
Fail
2.1
Fail
1.5
Fail
—
White BG
1.4Fail
1.7Fail
1.9Fail
2.6Fail
4.0AA Large
Black BG
14.7AAA
12.3AAA
10.9AAA
8.2AAA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBC2
C8C8AB
C1C16A
B2B177
A09E42

Deuteranopia

DBDBC4
C8C8AD
C1C170
B4B77A
A8B243

Tritanopia

DBC8C9
C7B2B4
C27F84
C28082
D44647

Achromatopsia

D7D7D7
C4C4C4
B4B4B4
A1A1A1
797979

Shades & Tints Shades & Tints

#DBDABA

Dark
Light

#C7C9A1

Dark
Light

#C2C04E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbdaba;
  --color-2: #c7c9a1;
  --color-3: #c2c04e;
  --color-4: #c49a6c;
  --color-5: #db523d;
}

SCSS

$color-1: #dbdaba;
$color-2: #c7c9a1;
$color-3: #c2c04e;
$color-4: #c49a6c;
$color-5: #db523d;

TAILWIND

colors: {
  'brand-1': '#dbdaba',
  'brand-2': '#c7c9a1',
  'brand-3': '#c2c04e',
  'brand-4': '#c49a6c',
  'brand-5': '#db523d',
}

RGB Array

[219, 218, 186], [199, 201, 161], [194, 192, 78], [196, 154, 108], [219, 82, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBDABA, #C7C9A1, #C2C04E, #C49A6C, #DB523D 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: #dbdaba; --color-2: #c7c9a1; --color-3: #c2c04e; --color-4: #c49a6c; --color-5: #db523d. 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