← Back to Editor

#DBC987 · #6DAEB4 · #7C765C · #891E26 · #030504

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

#DBC987

Ginger · BurlyWood · Sunflower

HEX
#DBC987
RGB
rgb(219, 201, 135)
HSL
hsl(47, 54%, 69%)
HSB
hsb(47, 38%, 86%)
CMYK
cmyk(0%, 8%, 38%, 14%)
Oklch
oklch(83.6% 0.087 94.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#6DAEB4

Slate Blue · CadetBlue · Lake Green

HEX
#6DAEB4
RGB
rgb(109, 174, 180)
HSL
hsl(185, 32%, 57%)
HSB
hsb(185, 39%, 71%)
CMYK
cmyk(39%, 3%, 0%, 29%)
Oklch
oklch(70.9% 0.067 203.2)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#7C765C

Ochre · DimGray · Honey Gold

HEX
#7C765C
RGB
rgb(124, 118, 92)
HSL
hsl(49, 15%, 42%)
HSB
hsb(49, 26%, 49%)
CMYK
cmyk(0%, 5%, 26%, 51%)
Oklch
oklch(56.4% 0.039 96.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#891E26

Vermilion · Brown · Wine Red

HEX
#891E26
RGB
rgb(137, 30, 38)
HSL
hsl(356, 64%, 33%)
HSB
hsb(356, 78%, 54%)
CMYK
cmyk(0%, 78%, 72%, 46%)
Oklch
oklch(41.7% 0.142 22.2)

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

#030504

Mineral Blue · Black · Dark Green

HEX
#030504
RGB
rgb(3, 5, 4)
HSL
hsl(150, 25%, 2%)
HSB
hsb(150, 40%, 2%)
CMYK
cmyk(40%, 0%, 20%, 98%)
Oklch
oklch(11.0% 0.007 165.2)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBC987
8598DB

Analogous

DB9D85
DBC987
C2DB85

Triadic

DBC987
85DBC8
C885DB

Split-Comp.

DBC987
85C2DB
9D85DB

Tetradic

DBC987
85DB9D
8598DB
DB85C2

Contrast Matrix WCAG 2.1 Contrast

DBC987
6DAEB4
7C765C
891E26
030504
—
1.5
Fail
2.8
Fail
5.6
AA
12.4
AAA
1.5
Fail
—
1.8
Fail
3.7
AA Large
8.1
AAA
2.8
Fail
1.8
Fail
—
2.0
Fail
4.5
AA Large
5.6
AA
3.7
AA Large
2.0
Fail
—
2.2
Fail
12.4
AAA
8.1
AAA
4.5
AA Large
2.2
Fail
—
White BG
1.7Fail
2.5Fail
4.6AA
9.2AAA
20.4AAA
Black BG
12.7AAA
8.4AAA
4.6AA
2.3Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D397
898AB3
797962
5B5A24
040404

Deuteranopia

D4D69B
8581B2
7A7A64
616924
040404

Tritanopia

DAA4A6
70B1B1
7C6768
842322
030404

Achromatopsia

C7C7C7
9B9B9B
757575
3F3F3F
040404

Shades & Tints Shades & Tints

#DBC987

Dark
Light

#6DAEB4

Dark
Light

#7C765C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbc987;
  --color-2: #6daeb4;
  --color-3: #7c765c;
  --color-4: #891e26;
  --color-5: #030504;
}

SCSS

$color-1: #dbc987;
$color-2: #6daeb4;
$color-3: #7c765c;
$color-4: #891e26;
$color-5: #030504;

TAILWIND

colors: {
  'brand-1': '#dbc987',
  'brand-2': '#6daeb4',
  'brand-3': '#7c765c',
  'brand-4': '#891e26',
  'brand-5': '#030504',
}

RGB Array

[219, 201, 135], [109, 174, 180], [124, 118, 92], [137, 30, 38], [3, 5, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBC987, #6DAEB4, #7C765C, #891E26, #030504 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: #dbc987; --color-2: #6daeb4; --color-3: #7c765c; --color-4: #891e26; --color-5: #030504. 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