← Back to Editor

#C9C29F · #BEAA75 · #F4490B · #5E4B44 · #DEDBB8

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

#C9C29F

Fresh Green · Tan · Sunflower

HEX
#C9C29F
RGB
rgb(201, 194, 159)
HSL
hsl(50, 28%, 71%)
HSB
hsb(50, 21%, 79%)
CMYK
cmyk(0%, 3%, 21%, 21%)
Oklch
oklch(81.1% 0.048 97.9)

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

#BEAA75

Ginger · Tan · Sunflower

HEX
#BEAA75
RGB
rgb(190, 170, 117)
HSL
hsl(44, 36%, 60%)
HSB
hsb(44, 38%, 75%)
CMYK
cmyk(0%, 11%, 38%, 25%)
Oklch
oklch(74.3% 0.074 89.7)

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

#F4490B

Tangerine · OrangeRed · Amber Brown

HEX
#F4490B
RGB
rgb(244, 73, 11)
HSL
hsl(16, 91%, 50%)
HSB
hsb(16, 95%, 96%)
CMYK
cmyk(0%, 70%, 95%, 4%)
Oklch
oklch(64.6% 0.216 36.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#5E4B44

Tangerine · DarkOliveGreen · Amber Brown

HEX
#5E4B44
RGB
rgb(94, 75, 68)
HSL
hsl(16, 16%, 32%)
HSB
hsb(16, 28%, 37%)
CMYK
cmyk(0%, 20%, 28%, 63%)
Oklch
oklch(43.0% 0.028 41.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#DEDBB8

Fresh Green · Wheat · Lemon Cream

HEX
#DEDBB8
RGB
rgb(222, 219, 184)
HSL
hsl(55, 37%, 80%)
HSB
hsb(55, 17%, 87%)
CMYK
cmyk(0%, 1%, 17%, 13%)
Oklch
oklch(88.5% 0.047 103.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9C29F
A0A7CA

Analogous

CAAEA0
C9C29F
BCCAA0

Triadic

C9C29F
A0CAC3
C3A0CA

Split-Comp.

C9C29F
A0BCCA
AEA0CA

Tetradic

C9C29F
A0CAAE
A0A7CA
CAA0BC

Contrast Matrix WCAG 2.1 Contrast

C9C29F
BEAA75
F4490B
5E4B44
DEDBB8
—
1.3
Fail
2.0
Fail
4.6
AA
1.3
Fail
1.3
Fail
—
1.6
Fail
3.6
AA Large
1.6
Fail
2.0
Fail
1.6
Fail
—
2.3
Fail
2.6
Fail
4.6
AA
3.6
AA Large
2.3
Fail
—
5.8
AA
1.3
Fail
1.6
Fail
2.6
Fail
5.8
AA
—
White BG
1.8Fail
2.3Fail
3.6AA Large
8.2AAA
1.4Fail
Black BG
11.7AAA
9.2AAA
5.8AA
2.6Fail
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6A7
B5B582
AAA81A
565646
DDDDC0

Deuteranopia

C6C7AA
B7B885
B4C11E
575846
DDDDC3

Tritanopia

C9AEB0
BD8C8E
EB2628
5D4747
DEC7C9

Achromatopsia

C0C0C0
AAAAAA
757575
505050
D8D8D8

Shades & Tints Shades & Tints

#C9C29F

Dark
Light

#BEAA75

Dark
Light

#F4490B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9c29f;
  --color-2: #beaa75;
  --color-3: #f4490b;
  --color-4: #5e4b44;
  --color-5: #dedbb8;
}

SCSS

$color-1: #c9c29f;
$color-2: #beaa75;
$color-3: #f4490b;
$color-4: #5e4b44;
$color-5: #dedbb8;

TAILWIND

colors: {
  'brand-1': '#c9c29f',
  'brand-2': '#beaa75',
  'brand-3': '#f4490b',
  'brand-4': '#5e4b44',
  'brand-5': '#dedbb8',
}

RGB Array

[201, 194, 159], [190, 170, 117], [244, 73, 11], [94, 75, 68], [222, 219, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9C29F, #BEAA75, #F4490B, #5E4B44, #DEDBB8 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: #c9c29f; --color-2: #beaa75; --color-3: #f4490b; --color-4: #5e4b44; --color-5: #dedbb8. 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