← Back to Editor

#DBC088 · #5A8532 · #1A5B66 · #321461 · #110F26

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

#DBC088

Ginger · BurlyWood · Sunflower

HEX
#DBC088
RGB
rgb(219, 192, 136)
HSL
hsl(40, 54%, 70%)
HSB
hsb(40, 38%, 86%)
CMYK
cmyk(0%, 12%, 38%, 14%)
Oklch
oklch(81.8% 0.079 85.0)

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

#5A8532

Celadon · DarkOliveGreen · Forest Green

HEX
#5A8532
RGB
rgb(90, 133, 50)
HSL
hsl(91, 45%, 36%)
HSB
hsb(91, 62%, 52%)
CMYK
cmyk(32%, 0%, 62%, 48%)
Oklch
oklch(56.7% 0.123 132.3)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#1A5B66

Lake Blue · DarkSlateGray · Peacock Green

HEX
#1A5B66
RGB
rgb(26, 91, 102)
HSL
hsl(189, 59%, 25%)
HSB
hsb(189, 75%, 40%)
CMYK
cmyk(75%, 11%, 0%, 60%)
Oklch
oklch(43.6% 0.066 211.2)

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

#321461

Deep Indigo · MidnightBlue · Eggplant

HEX
#321461
RGB
rgb(50, 20, 97)
HSL
hsl(263, 66%, 23%)
HSB
hsb(263, 79%, 38%)
CMYK
cmyk(48%, 79%, 0%, 62%)
Oklch
oklch(28.8% 0.126 294.9)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#110F26

Deep Indigo · Black · Deep Sea Blue

HEX
#110F26
RGB
rgb(17, 15, 38)
HSL
hsl(245, 43%, 10%)
HSB
hsb(245, 61%, 15%)
CMYK
cmyk(55%, 61%, 0%, 85%)
Oklch
oklch(18.5% 0.046 285.0)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBC088
89A5DC

Analogous

DC9789
DBC088
CEDC89

Triadic

DBC088
89DCC0
C089DC

Split-Comp.

DBC088
89CEDC
9789DC

Tetradic

DBC088
89DC97
89A5DC
DC89CE

Contrast Matrix WCAG 2.1 Contrast

DBC088
5A8532
1A5B66
321461
110F26
—
2.5
Fail
4.4
AA Large
8.5
AAA
10.6
AAA
2.5
Fail
—
1.8
Fail
3.4
AA Large
4.3
AA Large
4.4
AA Large
1.8
Fail
—
1.9
Fail
2.4
Fail
8.5
AAA
3.4
AA Large
1.9
Fail
—
1.3
Fail
10.6
AAA
4.3
AA Large
2.4
Fail
1.3
Fail
—
White BG
1.8Fail
4.3AA Large
7.7AAA
14.9AAA
18.7AAA
Black BG
11.9AAA
4.8AA
2.7Fail
1.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCF96
6D6D46
363763
25254E
101020

Deuteranopia

D1D399
6A674B
322E63
27294A
10101F

Tritanopia

DAA0A3
5C5659
1D6161
31403C
111C1B

Achromatopsia

C2C2C2
6F6F6F
494949
262626
121212

Shades & Tints Shades & Tints

#DBC088

Dark
Light

#5A8532

Dark
Light

#1A5B66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbc088;
  --color-2: #5a8532;
  --color-3: #1a5b66;
  --color-4: #321461;
  --color-5: #110f26;
}

SCSS

$color-1: #dbc088;
$color-2: #5a8532;
$color-3: #1a5b66;
$color-4: #321461;
$color-5: #110f26;

TAILWIND

colors: {
  'brand-1': '#dbc088',
  'brand-2': '#5a8532',
  'brand-3': '#1a5b66',
  'brand-4': '#321461',
  'brand-5': '#110f26',
}

RGB Array

[219, 192, 136], [90, 133, 50], [26, 91, 102], [50, 20, 97], [17, 15, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBC088, #5A8532, #1A5B66, #321461, #110F26 is ideal for: tech websites, dark mode UIs, game UIs, 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: #dbc088; --color-2: #5a8532; --color-3: #1a5b66; --color-4: #321461; --color-5: #110f26. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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