← Back to Editor

#9A7C64 · #F9FF82 · #A8C44D · #FF9C6B · #FF8552

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

#9A7C64

Tangerine · Gray · Amber Brown

HEX
#9A7C64
RGB
rgb(154, 124, 100)
HSL
hsl(27, 21%, 50%)
HSB
hsb(27, 35%, 60%)
CMYK
cmyk(0%, 19%, 35%, 40%)
Oklch
oklch(60.9% 0.051 60.3)

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

#F9FF82

Fresh Green · Khaki · Sunflower

HEX
#F9FF82
RGB
rgb(249, 255, 130)
HSL
hsl(63, 100%, 75%)
HSB
hsb(63, 49%, 100%)
CMYK
cmyk(2%, 0%, 49%, 0%)
Oklch
oklch(97.1% 0.148 111.3)

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

#A8C44D

Grass Green · GreenYellow · Olive Green

HEX
#A8C44D
RGB
rgb(168, 196, 77)
HSL
hsl(74, 50%, 54%)
HSB
hsb(74, 61%, 77%)
CMYK
cmyk(14%, 0%, 61%, 23%)
Oklch
oklch(77.6% 0.148 121.1)

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

#FF9C6B

Apricot · LightSalmon · Warm Sun

HEX
#FF9C6B
RGB
rgb(255, 156, 107)
HSL
hsl(20, 100%, 71%)
HSB
hsb(20, 58%, 100%)
CMYK
cmyk(0%, 39%, 58%, 0%)
Oklch
oklch(78.5% 0.135 46.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FF8552

Apricot · Coral · Warm Sun

HEX
#FF8552
RGB
rgb(255, 133, 82)
HSL
hsl(18, 100%, 66%)
HSB
hsb(18, 68%, 100%)
CMYK
cmyk(0%, 48%, 68%, 0%)
Oklch
oklch(74.4% 0.162 42.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9A7C64
65829A

Analogous

9A6567
9A7C64
9A9865

Triadic

9A7C64
659A7D
7D659A

Split-Comp.

9A7C64
659A98
65679A

Tetradic

9A7C64
679A65
65829A
98659A

Contrast Matrix WCAG 2.1 Contrast

9A7C64
F9FF82
A8C44D
FF9C6B
FF8552
—
3.6
AA Large
2.0
Fail
1.9
Fail
1.6
Fail
3.6
AA Large
—
1.8
Fail
1.9
Fail
2.3
Fail
2.0
Fail
1.8
Fail
—
1.0
Fail
1.2
Fail
1.9
Fail
1.9
Fail
1.0
Fail
—
1.2
Fail
1.6
Fail
2.3
Fail
1.2
Fail
1.2
Fail
—
White BG
3.9AA Large
1.1Fail
2.0Fail
2.1Fail
2.4Fail
Black BG
5.4AA
19.7AAA
10.7AAA
10.2AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8D6A
FCFCA0
B4B46A
D4D377
CAC95E

Deuteranopia

8F916B
FBFBA8
B3B071
DAE17A
D1DA61

Tritanopia

986E6F
F9B8BD
A98186
FA8082
F9686A

Achromatopsia

828282
EFEFEF
AEAEAE
B4B4B4
A4A4A4

Shades & Tints Shades & Tints

#9A7C64

Dark
Light

#F9FF82

Dark
Light

#A8C44D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9a7c64;
  --color-2: #f9ff82;
  --color-3: #a8c44d;
  --color-4: #ff9c6b;
  --color-5: #ff8552;
}

SCSS

$color-1: #9a7c64;
$color-2: #f9ff82;
$color-3: #a8c44d;
$color-4: #ff9c6b;
$color-5: #ff8552;

TAILWIND

colors: {
  'brand-1': '#9a7c64',
  'brand-2': '#f9ff82',
  'brand-3': '#a8c44d',
  'brand-4': '#ff9c6b',
  'brand-5': '#ff8552',
}

RGB Array

[154, 124, 100], [249, 255, 130], [168, 196, 77], [255, 156, 107], [255, 133, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9A7C64, #F9FF82, #A8C44D, #FF9C6B, #FF8552 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: #9a7c64; --color-2: #f9ff82; --color-3: #a8c44d; --color-4: #ff9c6b; --color-5: #ff8552. 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