← Back to Editor

#613640 · #997973 · #B5A377 · #D6CF8B · #D4F788

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#613640

Crimson · DarkOliveGreen · Wine Red

HEX
#613640
RGB
rgb(97, 54, 64)
HSL
hsl(346, 28%, 30%)
HSB
hsb(346, 44%, 38%)
CMYK
cmyk(0%, 44%, 34%, 62%)
Oklch
oklch(38.9% 0.063 5.4)

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

#997973

Crimson · Gray · Passion Red

HEX
#997973
RGB
rgb(153, 121, 115)
HSL
hsl(9, 16%, 53%)
HSB
hsb(9, 25%, 60%)
CMYK
cmyk(0%, 21%, 25%, 40%)
Oklch
oklch(60.5% 0.041 30.6)

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

#B5A377

Ginger · Tan · Sunflower

HEX
#B5A377
RGB
rgb(181, 163, 119)
HSL
hsl(43, 30%, 59%)
HSB
hsb(43, 34%, 71%)
CMYK
cmyk(0%, 10%, 34%, 29%)
Oklch
oklch(72.0% 0.063 88.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#D6CF8B

Fresh Green · BurlyWood · Sunflower

HEX
#D6CF8B
RGB
rgb(214, 207, 139)
HSL
hsl(54, 48%, 69%)
HSB
hsb(54, 35%, 84%)
CMYK
cmyk(0%, 3%, 35%, 16%)
Oklch
oklch(84.4% 0.088 103.1)

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

#D4F788

Willow Green · Khaki · Apple Green

HEX
#D4F788
RGB
rgb(212, 247, 136)
HSL
hsl(79, 87%, 75%)
HSB
hsb(79, 45%, 97%)
CMYK
cmyk(14%, 0%, 45%, 3%)
Oklch
oklch(92.7% 0.143 123.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

613640
376258

Analogous

623756
613640
624337

Triadic

613640
416237
374162

Split-Comp.

613640
376243
375662

Tetradic

613640
566237
376258
433762

Contrast Matrix WCAG 2.1 Contrast

613640
997973
B5A377
D6CF8B
D4F788
—
2.5
Fail
4.0
AA Large
6.2
AA
8.3
AAA
2.5
Fail
—
1.6
Fail
2.5
Fail
3.3
AA Large
4.0
AA Large
1.6
Fail
—
1.6
Fail
2.1
Fail
6.2
AA
2.5
Fail
1.6
Fail
—
1.3
Fail
8.3
AAA
3.3
AA Large
2.1
Fail
1.3
Fail
—
White BG
10.0AAA
3.9AA Large
2.5Fail
1.6Fail
1.2Fail
Black BG
2.1Fail
5.3AA
8.5AAA
13.2AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E3E
8B8B74
ADAD82
D3D39B
E3E3A3

Deuteranopia

51543D
8D8F75
AEB084
D3D49F
E1DEA9

Tritanopia

5F3C3B
977676
B48A8C
D6A8AB
D6B8BD

Achromatopsia

444444
828282
A3A3A3
C9C9C9
E0E0E0

Shades & Tints Shades & Tints

#613640

Dark
Light

#997973

Dark
Light

#B5A377

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #613640;
  --color-2: #997973;
  --color-3: #b5a377;
  --color-4: #d6cf8b;
  --color-5: #d4f788;
}

SCSS

$color-1: #613640;
$color-2: #997973;
$color-3: #b5a377;
$color-4: #d6cf8b;
$color-5: #d4f788;

TAILWIND

colors: {
  'brand-1': '#613640',
  'brand-2': '#997973',
  'brand-3': '#b5a377',
  'brand-4': '#d6cf8b',
  'brand-5': '#d4f788',
}

RGB Array

[97, 54, 64], [153, 121, 115], [181, 163, 119], [214, 207, 139], [212, 247, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #613640, #997973, #B5A377, #D6CF8B, #D4F788 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: #613640; --color-2: #997973; --color-3: #b5a377; --color-4: #d6cf8b; --color-5: #d4f788. 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