← Back to Editor

#ACDA2D · #C8B32F · #E38D31 · #F25E7C · #917559

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

#ACDA2D

Grass Green · GreenYellow · Olive Green

HEX
#ACDA2D
RGB
rgb(172, 218, 45)
HSL
hsl(76, 70%, 52%)
HSB
hsb(76, 79%, 85%)
CMYK
cmyk(21%, 0%, 79%, 15%)
Oklch
oklch(82.7% 0.193 124.2)

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

#C8B32F

Autumn Sage · GoldenRod · Honey Gold

HEX
#C8B32F
RGB
rgb(200, 179, 47)
HSL
hsl(52, 62%, 48%)
HSB
hsb(52, 77%, 78%)
CMYK
cmyk(0%, 11%, 77%, 22%)
Oklch
oklch(76.3% 0.145 99.7)

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

#E38D31

Ginger · GoldenRod · Warm Sun

HEX
#E38D31
RGB
rgb(227, 141, 49)
HSL
hsl(31, 76%, 54%)
HSB
hsb(31, 78%, 89%)
CMYK
cmyk(0%, 38%, 78%, 11%)
Oklch
oklch(71.8% 0.145 62.7)

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

#F25E7C

Peach Pink · LightCoral · Coral Red

HEX
#F25E7C
RGB
rgb(242, 94, 124)
HSL
hsl(348, 85%, 66%)
HSB
hsb(348, 61%, 95%)
CMYK
cmyk(0%, 61%, 49%, 5%)
Oklch
oklch(68.0% 0.182 11.1)

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

#917559

Ochre · Gray · Amber Brown

HEX
#917559
RGB
rgb(145, 117, 89)
HSL
hsl(30, 24%, 46%)
HSB
hsb(30, 39%, 57%)
CMYK
cmyk(0%, 19%, 39%, 43%)
Oklch
oklch(58.2% 0.054 66.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACDA2D
5D2FDA

Analogous

DAB22F
ACDA2D
57DA2F

Triadic

ACDA2D
2FADDA
DA2FAD

Split-Comp.

ACDA2D
2F57DA
B22FDA

Tetradic

ACDA2D
2FDAB2
5D2FDA
DA2F57

Contrast Matrix WCAG 2.1 Contrast

ACDA2D
C8B32F
E38D31
F25E7C
917559
—
1.3
Fail
1.6
Fail
1.9
Fail
2.6
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
2.0
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
1.4
Fail
2.6
Fail
2.0
Fail
1.7
Fail
1.4
Fail
—
White BG
1.6Fail
2.1Fail
2.6Fail
3.1AA Large
4.3AA Large
Black BG
12.8AAA
9.9AAA
8.1AAA
6.7AA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C057
BFBF4F
BEBD47
B2B175
858560

Deuteranopia

BDBA61
C0C257
C3C94D
BBC673
878961

Tritanopia

AE787F
C7686E
DF595D
EB6F6E
906566

Achromatopsia

B9B9B9
AAAAAA
9C9C9C
8E8E8E
7A7A7A

Shades & Tints Shades & Tints

#ACDA2D

Dark
Light

#C8B32F

Dark
Light

#E38D31

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #acda2d;
  --color-2: #c8b32f;
  --color-3: #e38d31;
  --color-4: #f25e7c;
  --color-5: #917559;
}

SCSS

$color-1: #acda2d;
$color-2: #c8b32f;
$color-3: #e38d31;
$color-4: #f25e7c;
$color-5: #917559;

TAILWIND

colors: {
  'brand-1': '#acda2d',
  'brand-2': '#c8b32f',
  'brand-3': '#e38d31',
  'brand-4': '#f25e7c',
  'brand-5': '#917559',
}

RGB Array

[172, 218, 45], [200, 179, 47], [227, 141, 49], [242, 94, 124], [145, 117, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ACDA2D, #C8B32F, #E38D31, #F25E7C, #917559 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: #acda2d; --color-2: #c8b32f; --color-3: #e38d31; --color-4: #f25e7c; --color-5: #917559. 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