← Back to Editor

#726056 · #FF6060 · #F4FFD0 · #CCCC33 · #7B7B1F

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 AppData Visualization

Color Details Color Details

#726056

Tangerine · DimGray · Amber Brown

HEX
#726056
RGB
rgb(114, 96, 86)
HSL
hsl(21, 14%, 39%)
HSB
hsb(21, 25%, 45%)
CMYK
cmyk(0%, 16%, 25%, 55%)
Oklch
oklch(50.4% 0.028 50.8)

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

#FF6060

Peach Pink · Tomato · Coral Red

HEX
#FF6060
RGB
rgb(255, 96, 96)
HSL
hsl(0, 100%, 69%)
HSB
hsb(0, 62%, 100%)
CMYK
cmyk(0%, 62%, 62%, 0%)
Oklch
oklch(69.6% 0.194 23.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F4FFD0

Willow Green · Beige · Mint Green

HEX
#F4FFD0
RGB
rgb(244, 255, 208)
HSL
hsl(74, 100%, 91%)
HSB
hsb(74, 18%, 100%)
CMYK
cmyk(4%, 0%, 18%, 0%)
Oklch
oklch(98.0% 0.062 118.3)

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

#CCCC33

Autumn Sage · GoldenRod · Honey Gold

HEX
#CCCC33
RGB
rgb(204, 204, 51)
HSL
hsl(60, 60%, 50%)
HSB
hsb(60, 75%, 80%)
CMYK
cmyk(0%, 0%, 75%, 20%)
Oklch
oklch(82.0% 0.164 109.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#7B7B1F

Autumn Sage · Olive · Honey Gold

HEX
#7B7B1F
RGB
rgb(123, 123, 31)
HSL
hsl(60, 60%, 30%)
HSB
hsb(60, 75%, 48%)
CMYK
cmyk(0%, 0%, 75%, 52%)
Oklch
oklch(56.6% 0.111 109.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

726056
566871

Analogous

71565A
726056
716D56

Triadic

726056
56715F
5F5671

Split-Comp.

726056
56716D
565A71

Tetradic

726056
5A7156
566871
6D5671

Contrast Matrix WCAG 2.1 Contrast

726056
FF6060
F4FFD0
CCCC33
7B7B1F
—
2.0
Fail
5.7
AA
3.5
AA Large
1.3
Fail
2.0
Fail
—
2.8
Fail
1.7
Fail
1.5
Fail
5.7
AA
2.8
Fail
—
1.6
Fail
4.3
AA Large
3.5
AA Large
1.7
Fail
1.6
Fail
—
2.6
Fail
1.3
Fail
1.5
Fail
4.3
AA Large
2.6
Fail
—
White BG
6.0AA
3.0Fail
1.0Fail
1.7Fail
4.5AA Large
Black BG
3.5AA Large
7.1AAA
20.1AAA
12.3AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6A58
BAB960
F9F9DB
CCCC58
7B7B35

Deuteranopia

6B6D59
C3CF60
F8F7DE
CCCC61
7B7B3B

Tritanopia

715A5B
F76060
F5E4E6
CC757C
7B474B

Achromatopsia

646464
909090
F6F6F6
BBBBBB
717171

Shades & Tints Shades & Tints

#726056

Dark
Light

#FF6060

Dark
Light

#F4FFD0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #726056;
  --color-2: #ff6060;
  --color-3: #f4ffd0;
  --color-4: #cccc33;
  --color-5: #7b7b1f;
}

SCSS

$color-1: #726056;
$color-2: #ff6060;
$color-3: #f4ffd0;
$color-4: #cccc33;
$color-5: #7b7b1f;

TAILWIND

colors: {
  'brand-1': '#726056',
  'brand-2': '#ff6060',
  'brand-3': '#f4ffd0',
  'brand-4': '#cccc33',
  'brand-5': '#7b7b1f',
}

RGB Array

[114, 96, 86], [255, 96, 96], [244, 255, 208], [204, 204, 51], [123, 123, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #726056, #FF6060, #F4FFD0, #CCCC33, #7B7B1F is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #726056; --color-2: #ff6060; --color-3: #f4ffd0; --color-4: #cccc33; --color-5: #7b7b1f. 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 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