← Back to Editor

#DBDE88 · #B37B57 · #992C2E · #092B35 · #16101E

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

#DBDE88

Fresh Green · Khaki · Sunflower

HEX
#DBDE88
RGB
rgb(219, 222, 136)
HSL
hsl(62, 57%, 70%)
HSB
hsb(62, 39%, 87%)
CMYK
cmyk(1%, 0%, 39%, 13%)
Oklch
oklch(87.9% 0.109 110.2)

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

#B37B57

Tangerine · Sienna · Warm Sun

HEX
#B37B57
RGB
rgb(179, 123, 87)
HSL
hsl(23, 38%, 52%)
HSB
hsb(23, 51%, 70%)
CMYK
cmyk(0%, 31%, 51%, 30%)
Oklch
oklch(63.2% 0.086 53.3)

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

#992C2E

Crimson · Brown · Wine Red

HEX
#992C2E
RGB
rgb(153, 44, 46)
HSL
hsl(359, 55%, 39%)
HSB
hsb(359, 71%, 60%)
CMYK
cmyk(0%, 71%, 70%, 40%)
Oklch
oklch(46.2% 0.145 23.9)

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

#092B35

Lake Blue · DarkSlateGray · Peacock Green

HEX
#092B35
RGB
rgb(9, 43, 53)
HSL
hsl(194, 71%, 12%)
HSB
hsb(194, 83%, 21%)
CMYK
cmyk(83%, 19%, 0%, 79%)
Oklch
oklch(27.0% 0.042 221.3)

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

#16101E

Deep Indigo · Black · Dark Purple

HEX
#16101E
RGB
rgb(22, 16, 30)
HSL
hsl(266, 30%, 9%)
HSB
hsb(266, 47%, 12%)
CMYK
cmyk(27%, 47%, 0%, 88%)
Oklch
oklch(18.8% 0.029 303.4)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBDE88
8A87DE

Analogous

DEB587
DBDE88
B0DE87

Triadic

DBDE88
87DBDE
DE87DB

Split-Comp.

DBDE88
87B0DE
B587DE

Tetradic

DBDE88
87DEB5
8A87DE
DE87B0

Contrast Matrix WCAG 2.1 Contrast

DBDE88
B37B57
992C2E
092B35
16101E
—
2.5
Fail
5.4
AA
10.5
AAA
13.1
AAA
2.5
Fail
—
2.1
Fail
4.2
AA Large
5.2
AA
5.4
AA
2.1
Fail
—
2.0
Fail
2.4
Fail
10.5
AAA
4.2
AA Large
2.0
Fail
—
1.2
Fail
13.1
AAA
5.2
AA
2.4
Fail
1.2
Fail
—
White BG
1.4Fail
3.6AA Large
7.6AAA
14.9AAA
18.6AAA
Black BG
14.8AAA
5.9AA
2.8Fail
1.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDC9D
9B9A60
6A692E
181833
13131B

Deuteranopia

DCDCA2
9EA262
70782D
161332
14141A

Tritanopia

DBADB1
B06768
942D2D
0B3130
161817

Achromatopsia

D3D3D3
888888
4D4D4D
222222
131313

Shades & Tints Shades & Tints

#DBDE88

Dark
Light

#B37B57

Dark
Light

#992C2E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbde88;
  --color-2: #b37b57;
  --color-3: #992c2e;
  --color-4: #092b35;
  --color-5: #16101e;
}

SCSS

$color-1: #dbde88;
$color-2: #b37b57;
$color-3: #992c2e;
$color-4: #092b35;
$color-5: #16101e;

TAILWIND

colors: {
  'brand-1': '#dbde88',
  'brand-2': '#b37b57',
  'brand-3': '#992c2e',
  'brand-4': '#092b35',
  'brand-5': '#16101e',
}

RGB Array

[219, 222, 136], [179, 123, 87], [153, 44, 46], [9, 43, 53], [22, 16, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBDE88, #B37B57, #992C2E, #092B35, #16101E 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: #dbde88; --color-2: #b37b57; --color-3: #992c2e; --color-4: #092b35; --color-5: #16101e. 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