← Back to Editor

#D9CB96 · #DB9D46 · #25706B · #3D2322 · #AB362D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D9CB96

Goose Yellow · BurlyWood · Sunflower

HEX
#D9CB96
RGB
rgb(217, 203, 150)
HSL
hsl(47, 47%, 72%)
HSB
hsb(47, 31%, 85%)
CMYK
cmyk(0%, 6%, 31%, 15%)
Oklch
oklch(84.1% 0.071 95.1)

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

#DB9D46

Ginger · SandyBrown · Warm Sun

HEX
#DB9D46
RGB
rgb(219, 157, 70)
HSL
hsl(35, 67%, 57%)
HSB
hsb(35, 68%, 86%)
CMYK
cmyk(0%, 28%, 68%, 14%)
Oklch
oklch(74.0% 0.126 72.7)

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

#25706B

Mineral Blue · SeaGreen · Mint Ice

HEX
#25706B
RGB
rgb(37, 112, 107)
HSL
hsl(176, 50%, 29%)
HSB
hsb(176, 67%, 44%)
CMYK
cmyk(67%, 0%, 4%, 56%)
Oklch
oklch(49.8% 0.073 188.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#3D2322

Crimson · DarkSlateGray · Deep Berry

HEX
#3D2322
RGB
rgb(61, 35, 34)
HSL
hsl(2, 28%, 19%)
HSB
hsb(2, 44%, 24%)
CMYK
cmyk(0%, 43%, 44%, 76%)
Oklch
oklch(28.9% 0.040 22.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#AB362D

Crimson · Brown · Passion Red

HEX
#AB362D
RGB
rgb(171, 54, 45)
HSL
hsl(4, 58%, 42%)
HSB
hsb(4, 74%, 67%)
CMYK
cmyk(0%, 68%, 74%, 33%)
Oklch
oklch(50.4% 0.154 28.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9CB96
96A5D9

Analogous

D9A996
D9CB96
C6D996

Triadic

D9CB96
96D9CB
CB96D9

Split-Comp.

D9CB96
96C6D9
A996D9

Tetradic

D9CB96
96D9A9
96A5D9
D996C6

Contrast Matrix WCAG 2.1 Contrast

D9CB96
DB9D46
25706B
3D2322
AB362D
—
1.4
Fail
3.6
AA Large
8.8
AAA
3.9
AA Large
1.4
Fail
—
2.5
Fail
6.1
AA
2.7
Fail
3.6
AA Large
2.5
Fail
—
2.5
Fail
1.1
Fail
8.8
AAA
6.1
AA
2.5
Fail
—
2.3
Fail
3.9
AA Large
2.7
Fail
1.1
Fail
2.3
Fail
—
White BG
1.6Fail
2.4Fail
5.8AA
14.4AAA
6.4AA
Black BG
12.9AAA
8.9AAA
3.6AA Large
1.5Fail
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3A3
C0C05B
45466C
323222
78772F

Deuteranopia

D4D5A6
C4C860
413C6D
333522
7F8830

Tritanopia

D8ADAF
D86C6F
296D6D
3C2222
A53131

Achromatopsia

C9C9C9
A6A6A6
595959
2B2B2B
585858

Shades & Tints Shades & Tints

#D9CB96

Dark
Light

#DB9D46

Dark
Light

#25706B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9cb96;
  --color-2: #db9d46;
  --color-3: #25706b;
  --color-4: #3d2322;
  --color-5: #ab362d;
}

SCSS

$color-1: #d9cb96;
$color-2: #db9d46;
$color-3: #25706b;
$color-4: #3d2322;
$color-5: #ab362d;

TAILWIND

colors: {
  'brand-1': '#d9cb96',
  'brand-2': '#db9d46',
  'brand-3': '#25706b',
  'brand-4': '#3d2322',
  'brand-5': '#ab362d',
}

RGB Array

[217, 203, 150], [219, 157, 70], [37, 112, 107], [61, 35, 34], [171, 54, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9CB96, #DB9D46, #25706B, #3D2322, #AB362D 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: #d9cb96; --color-2: #db9d46; --color-3: #25706b; --color-4: #3d2322; --color-5: #ab362d. 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