← Back to Editor

#A7BA09 · #3C8B98 · #FDFDFD · #FD9234 · #FF575B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#A7BA09

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A7BA09
RGB
rgb(167, 186, 9)
HSL
hsl(66, 91%, 38%)
HSB
hsb(66, 95%, 73%)
CMYK
cmyk(10%, 0%, 95%, 27%)
Oklch
oklch(74.8% 0.171 116.9)

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

#3C8B98

Slate Blue · SteelBlue · Mint Ice

HEX
#3C8B98
RGB
rgb(60, 139, 152)
HSL
hsl(188, 43%, 42%)
HSB
hsb(188, 61%, 60%)
CMYK
cmyk(61%, 9%, 0%, 40%)
Oklch
oklch(59.3% 0.079 209.9)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#FDFDFD

Moonlight White · White · Cloud White

HEX
#FDFDFD
RGB
rgb(253, 253, 253)
HSL
hsl(0, 0%, 99%)
HSB
hsb(0, 0%, 99%)
CMYK
cmyk(0%, 0%, 0%, 1%)
Oklch
oklch(99.4% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#FD9234

Tangerine · Coral · Warm Sun

HEX
#FD9234
RGB
rgb(253, 146, 52)
HSL
hsl(28, 98%, 60%)
HSB
hsb(28, 79%, 99%)
CMYK
cmyk(0%, 42%, 79%, 1%)
Oklch
oklch(76.0% 0.164 56.9)

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

#FF575B

Peach Pink · Tomato · Coral Red

HEX
#FF575B
RGB
rgb(255, 87, 91)
HSL
hsl(359, 100%, 67%)
HSB
hsb(359, 66%, 100%)
CMYK
cmyk(0%, 66%, 64%, 0%)
Oklch
oklch(68.5% 0.204 23.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7BA09
1A09B9

Analogous

B97309
A7BA09
4FB909

Triadic

A7BA09
09A7B9
B909A7

Split-Comp.

A7BA09
094FB9
7309B9

Tetradic

A7BA09
09B973
1A09B9
B9094F

Contrast Matrix WCAG 2.1 Contrast

A7BA09
3C8B98
FDFDFD
FD9234
FF575B
—
1.8
Fail
2.1
Fail
1.0
Fail
1.4
Fail
1.8
Fail
—
3.9
AA Large
1.7
Fail
1.3
Fail
2.1
Fail
3.9
AA Large
—
2.2
Fail
3.1
AA Large
1.0
Fail
1.7
Fail
2.2
Fail
—
1.4
Fail
1.4
Fail
1.3
Fail
3.1
AA Large
1.4
Fail
—
White BG
2.2Fail
3.9AA Large
1.0Fail
2.2Fail
3.1AA Large
Black BG
9.7AAA
5.3AA
20.6AAA
9.3AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAF34
5E5F95
FDFDFD
CFCE4B
B6B55A

Deuteranopia

AEAD3E
5A5494
FDFDFD
D5DD50
C0CD5A

Tritanopia

A8565D
409292
FDFDFD
F85D61
F75959

Achromatopsia

A0A0A0
757575
FDFDFD
A7A7A7
8A8A8A

Shades & Tints Shades & Tints

#A7BA09

Dark
Light

#3C8B98

Dark
Light

#FDFDFD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7ba09;
  --color-2: #3c8b98;
  --color-3: #fdfdfd;
  --color-4: #fd9234;
  --color-5: #ff575b;
}

SCSS

$color-1: #a7ba09;
$color-2: #3c8b98;
$color-3: #fdfdfd;
$color-4: #fd9234;
$color-5: #ff575b;

TAILWIND

colors: {
  'brand-1': '#a7ba09',
  'brand-2': '#3c8b98',
  'brand-3': '#fdfdfd',
  'brand-4': '#fd9234',
  'brand-5': '#ff575b',
}

RGB Array

[167, 186, 9], [60, 139, 152], [253, 253, 253], [253, 146, 52], [255, 87, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A7BA09, #3C8B98, #FDFDFD, #FD9234, #FF575B 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: #a7ba09; --color-2: #3c8b98; --color-3: #fdfdfd; --color-4: #fd9234; --color-5: #ff575b. 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