← Back to Editor

#DBCB9B · #EDC7D5 · #F6F6EA · #A9BEC2 · #73738A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#DBCB9B

Goose Yellow · BurlyWood · Sunflower

HEX
#DBCB9B
RGB
rgb(219, 203, 155)
HSL
hsl(45, 47%, 73%)
HSB
hsb(45, 29%, 86%)
CMYK
cmyk(0%, 7%, 29%, 14%)
Oklch
oklch(84.4% 0.066 91.8)

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

#EDC7D5

Rouge · Pink · Cherry Blossom

HEX
#EDC7D5
RGB
rgb(237, 199, 213)
HSL
hsl(338, 51%, 85%)
HSB
hsb(338, 16%, 93%)
CMYK
cmyk(0%, 16%, 10%, 7%)
Oklch
oklch(86.6% 0.047 354.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F6F6EA

Fresh Green · Linen · Lemon Cream

HEX
#F6F6EA
RGB
rgb(246, 246, 234)
HSL
hsl(60, 40%, 94%)
HSB
hsb(60, 5%, 96%)
CMYK
cmyk(0%, 0%, 5%, 4%)
Oklch
oklch(97.0% 0.016 106.7)

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

#A9BEC2

Sky Blue · Silver · Lake Green

HEX
#A9BEC2
RGB
rgb(169, 190, 194)
HSL
hsl(190, 17%, 71%)
HSB
hsb(190, 13%, 76%)
CMYK
cmyk(13%, 2%, 0%, 24%)
Oklch
oklch(78.7% 0.024 210.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#73738A

Deep Indigo · SlateGray · Warm Gray

HEX
#73738A
RGB
rgb(115, 115, 138)
HSL
hsl(240, 9%, 50%)
HSB
hsb(240, 17%, 54%)
CMYK
cmyk(17%, 17%, 0%, 46%)
Oklch
oklch(56.4% 0.035 285.2)

Traditional「Deep Indigo」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBCB9B
9AAADB

Analogous

DBAA9A
DBCB9B
CADB9A

Triadic

DBCB9B
9ADBCA
CA9ADB

Split-Comp.

DBCB9B
9ACADB
AA9ADB

Tetradic

DBCB9B
9ADBAA
9AAADB
DB9ACA

Contrast Matrix WCAG 2.1 Contrast

DBCB9B
EDC7D5
F6F6EA
A9BEC2
73738A
—
1.1
Fail
1.5
Fail
1.2
Fail
2.9
Fail
1.1
Fail
—
1.4
Fail
1.3
Fail
3.0
AA Large
1.5
Fail
1.4
Fail
—
1.8
Fail
4.2
AA Large
1.2
Fail
1.3
Fail
1.8
Fail
—
2.4
Fail
2.9
Fail
3.0
AA Large
4.2
AA Large
2.4
Fail
—
White BG
1.6Fail
1.5Fail
1.1Fail
1.9Fail
4.6AA
Black BG
13.0AAA
13.7AAA
19.3AAA
10.8AAA
4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4A7
DDDCD2
F6F6ED
B2B2C1
737384

Deuteranopia

D5D6A9
DFE2D1
F6F6EE
B1AFC1
737383

Tritanopia

DAB0B2
EBCFCE
F6EFF0
AAC0C0
73807F

Achromatopsia

CACACA
D4D4D4
F5F5F5
B8B8B8
767676

Shades & Tints Shades & Tints

#DBCB9B

Dark
Light

#EDC7D5

Dark
Light

#F6F6EA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbcb9b;
  --color-2: #edc7d5;
  --color-3: #f6f6ea;
  --color-4: #a9bec2;
  --color-5: #73738a;
}

SCSS

$color-1: #dbcb9b;
$color-2: #edc7d5;
$color-3: #f6f6ea;
$color-4: #a9bec2;
$color-5: #73738a;

TAILWIND

colors: {
  'brand-1': '#dbcb9b',
  'brand-2': '#edc7d5',
  'brand-3': '#f6f6ea',
  'brand-4': '#a9bec2',
  'brand-5': '#73738a',
}

RGB Array

[219, 203, 155], [237, 199, 213], [246, 246, 234], [169, 190, 194], [115, 115, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBCB9B, #EDC7D5, #F6F6EA, #A9BEC2, #73738A is ideal for: health products, baby brands, fresh-style blogs, 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: #dbcb9b; --color-2: #edc7d5; --color-3: #f6f6ea; --color-4: #a9bec2; --color-5: #73738a. 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. 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