← Back to Editor

#616D49 · #BEAF5E · #E1C68F · #FF7A22 · #C51800

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#616D49

Grass Green · DarkOliveGreen · Forest Green

HEX
#616D49
RGB
rgb(97, 109, 73)
HSL
hsl(80, 20%, 36%)
HSB
hsb(80, 33%, 43%)
CMYK
cmyk(11%, 0%, 33%, 57%)
Oklch
oklch(51.5% 0.056 123.3)

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

#BEAF5E

Autumn Sage · Tan · Sunflower

HEX
#BEAF5E
RGB
rgb(190, 175, 94)
HSL
hsl(51, 42%, 56%)
HSB
hsb(51, 51%, 75%)
CMYK
cmyk(0%, 8%, 51%, 25%)
Oklch
oklch(74.9% 0.104 99.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E1C68F

Goose Yellow · BurlyWood · Sunflower

HEX
#E1C68F
RGB
rgb(225, 198, 143)
HSL
hsl(40, 58%, 72%)
HSB
hsb(40, 36%, 88%)
CMYK
cmyk(0%, 12%, 36%, 12%)
Oklch
oklch(83.7% 0.078 84.6)

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

#FF7A22

Tangerine · Tomato · Warm Sun

HEX
#FF7A22
RGB
rgb(255, 122, 34)
HSL
hsl(24, 100%, 57%)
HSB
hsb(24, 87%, 100%)
CMYK
cmyk(0%, 52%, 87%, 0%)
Oklch
oklch(72.4% 0.185 48.0)

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

#C51800

Vermilion · FireBrick · Wine Red

HEX
#C51800
RGB
rgb(197, 24, 0)
HSL
hsl(7, 100%, 39%)
HSB
hsb(7, 100%, 77%)
CMYK
cmyk(0%, 88%, 100%, 23%)
Oklch
oklch(52.5% 0.205 30.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

616D49
56496E

Analogous

6E6849
616D49
506E49

Triadic

616D49
49626E
6E4962

Split-Comp.

616D49
49506E
68496E

Tetradic

616D49
496E68
56496E
6E4950

Contrast Matrix WCAG 2.1 Contrast

616D49
BEAF5E
E1C68F
FF7A22
C51800
—
2.5
Fail
3.3
AA Large
2.1
Fail
1.1
Fail
2.5
Fail
—
1.3
Fail
1.2
Fail
2.7
Fail
3.3
AA Large
1.3
Fail
—
1.6
Fail
3.6
AA Large
2.1
Fail
1.2
Fail
1.6
Fail
—
2.3
Fail
1.1
Fail
2.7
Fail
3.6
AA Large
2.3
Fail
—
White BG
5.5AA
2.2Fail
1.7Fail
2.6Fail
6.0AA
Black BG
3.8AA Large
9.5AAA
12.7AAA
8.1AAA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

666652
B8B772
D5D59C
C5C437
7A7906

Deuteranopia

666554
B8BA76
D7D9A0
CDD73C
849107

Tritanopia

62595A
BD8184
E0A7A9
F8484C
BC0A0B

Achromatopsia

656565
AAAAAA
C8C8C8
989898
494949

Shades & Tints Shades & Tints

#616D49

Dark
Light

#BEAF5E

Dark
Light

#E1C68F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #616d49;
  --color-2: #beaf5e;
  --color-3: #e1c68f;
  --color-4: #ff7a22;
  --color-5: #c51800;
}

SCSS

$color-1: #616d49;
$color-2: #beaf5e;
$color-3: #e1c68f;
$color-4: #ff7a22;
$color-5: #c51800;

TAILWIND

colors: {
  'brand-1': '#616d49',
  'brand-2': '#beaf5e',
  'brand-3': '#e1c68f',
  'brand-4': '#ff7a22',
  'brand-5': '#c51800',
}

RGB Array

[97, 109, 73], [190, 175, 94], [225, 198, 143], [255, 122, 34], [197, 24, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #616D49, #BEAF5E, #E1C68F, #FF7A22, #C51800 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #616d49; --color-2: #beaf5e; --color-3: #e1c68f; --color-4: #ff7a22; --color-5: #c51800. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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