← Back to Editor

#2A1F1D · #D4C7A5 · #F9D34A · #F9F264 · #77C7BE

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

#2A1F1D

Crimson · Black · Deep Berry

HEX
#2A1F1D
RGB
rgb(42, 31, 29)
HSL
hsl(9, 18%, 14%)
HSB
hsb(9, 31%, 16%)
CMYK
cmyk(0%, 26%, 31%, 84%)
Oklch
oklch(25.2% 0.018 30.2)

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

#D4C7A5

Goose Yellow · Tan · Sunflower

HEX
#D4C7A5
RGB
rgb(212, 199, 165)
HSL
hsl(43, 35%, 74%)
HSB
hsb(43, 22%, 83%)
CMYK
cmyk(0%, 6%, 22%, 17%)
Oklch
oklch(83.2% 0.048 89.6)

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

#F9D34A

Ginger · SandyBrown · Sunflower

HEX
#F9D34A
RGB
rgb(249, 211, 74)
HSL
hsl(47, 94%, 63%)
HSB
hsb(47, 70%, 98%)
CMYK
cmyk(0%, 15%, 70%, 2%)
Oklch
oklch(87.6% 0.155 93.1)

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

#F9F264

Fresh Green · Khaki · Sunflower

HEX
#F9F264
RGB
rgb(249, 242, 100)
HSL
hsl(57, 93%, 68%)
HSB
hsb(57, 60%, 98%)
CMYK
cmyk(0%, 3%, 60%, 2%)
Oklch
oklch(94.1% 0.161 106.4)

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

#77C7BE

Jade · MediumAquaMarine · Lake Green

HEX
#77C7BE
RGB
rgb(119, 199, 190)
HSL
hsl(173, 42%, 62%)
HSB
hsb(173, 40%, 78%)
CMYK
cmyk(40%, 0%, 5%, 22%)
Oklch
oklch(77.6% 0.080 186.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A1F1D
1D282A

Analogous

2A1D22
2A1F1D
2A261D

Triadic

2A1F1D
1D2A1F
1F1D2A

Split-Comp.

2A1F1D
1D2A26
1D222A

Tetradic

2A1F1D
222A1D
1D282A
261D2A

Contrast Matrix WCAG 2.1 Contrast

2A1F1D
D4C7A5
F9D34A
F9F264
77C7BE
—
9.5
AAA
11.0
AAA
13.7
AAA
8.2
AAA
9.5
AAA
—
1.2
Fail
1.4
Fail
1.2
Fail
11.0
AAA
1.2
Fail
—
1.2
Fail
1.4
Fail
13.7
AAA
1.4
Fail
1.2
Fail
—
1.7
Fail
8.2
AAA
1.2
Fail
1.4
Fail
1.7
Fail
—
White BG
16.0AAA
1.7Fail
1.5Fail
1.2Fail
2.0Fail
Black BG
1.3Fail
12.5AAA
14.4AAA
17.9AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

25251D
CECEAD
E9E86B
F6F686
9A9AC0

Deuteranopia

26271E
CFD0AF
EBEE73
F6F78F
958FC1

Tritanopia

291E1E
D3B4B5
F7858B
F9A1A7
7BC2C2

Achromatopsia

222222
C7C7C7
CFCFCF
E4E4E4
AEAEAE

Shades & Tints Shades & Tints

#2A1F1D

Dark
Light

#D4C7A5

Dark
Light

#F9D34A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a1f1d;
  --color-2: #d4c7a5;
  --color-3: #f9d34a;
  --color-4: #f9f264;
  --color-5: #77c7be;
}

SCSS

$color-1: #2a1f1d;
$color-2: #d4c7a5;
$color-3: #f9d34a;
$color-4: #f9f264;
$color-5: #77c7be;

TAILWIND

colors: {
  'brand-1': '#2a1f1d',
  'brand-2': '#d4c7a5',
  'brand-3': '#f9d34a',
  'brand-4': '#f9f264',
  'brand-5': '#77c7be',
}

RGB Array

[42, 31, 29], [212, 199, 165], [249, 211, 74], [249, 242, 100], [119, 199, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2A1F1D, #D4C7A5, #F9D34A, #F9F264, #77C7BE 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: #2a1f1d; --color-2: #d4c7a5; --color-3: #f9d34a; --color-4: #f9f264; --color-5: #77c7be. 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