← Back to Editor

#569908 · #A9D04F · #FFDE00 · #966B1D

summer

A 4-color summer 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

#569908

Grass Green · Olive · Forest Green

HEX
#569908
RGB
rgb(86, 153, 8)
HSL
hsl(88, 90%, 32%)
HSB
hsb(88, 95%, 60%)
CMYK
cmyk(44%, 0%, 95%, 40%)
Oklch
oklch(61.4% 0.173 133.7)

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

#A9D04F

Grass Green · GreenYellow · Olive Green

HEX
#A9D04F
RGB
rgb(169, 208, 79)
HSL
hsl(78, 58%, 56%)
HSB
hsb(78, 62%, 82%)
CMYK
cmyk(19%, 0%, 62%, 18%)
Oklch
oklch(80.4% 0.161 124.3)

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

#FFDE00

Autumn Sage · Gold · Honey Gold

HEX
#FFDE00
RGB
rgb(255, 222, 0)
HSL
hsl(52, 100%, 50%)
HSB
hsb(52, 100%, 100%)
CMYK
cmyk(0%, 13%, 100%, 0%)
Oklch
oklch(90.1% 0.186 98.3)

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

#966B1D

Ochre · Sienna · Amber Brown

HEX
#966B1D
RGB
rgb(150, 107, 29)
HSL
hsl(39, 68%, 35%)
HSB
hsb(39, 81%, 59%)
CMYK
cmyk(0%, 29%, 81%, 41%)
Oklch
oklch(55.9% 0.105 77.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

569908
4D089B

Analogous

9B9608
569908
0D9B08

Triadic

569908
08569B
9B0856

Split-Comp.

569908
080D9B
96089B

Tetradic

569908
089B96
4D089B
9B080D

Contrast Matrix WCAG 2.1 Contrast

569908
A9D04F
FFDE00
966B1D
—
2.0
Fail
2.6
Fail
1.3
Fail
2.0
Fail
—
1.3
Fail
2.7
Fail
2.6
Fail
1.3
Fail
—
3.6
AA Large
1.3
Fail
2.7
Fail
3.6
AA Large
—
White BG
3.5AA Large
1.8Fail
1.3Fail
4.8AA
Black BG
6.0AA
11.8AAA
15.7AAA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

73742B
BABA6E
F1F036
838330

Deuteranopia

6F6A34
B8B576
F3F543
868934

Tritanopia

59474D
AB878C
FD6069
943F42

Achromatopsia

747474
B6B6B6
CFCFCF
6F6F6F

Shades & Tints Shades & Tints

#569908

Dark
Light

#A9D04F

Dark
Light

#FFDE00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #569908;
  --color-2: #a9d04f;
  --color-3: #ffde00;
  --color-4: #966b1d;
}

SCSS

$color-1: #569908;
$color-2: #a9d04f;
$color-3: #ffde00;
$color-4: #966b1d;

TAILWIND

colors: {
  'brand-1': '#569908',
  'brand-2': '#a9d04f',
  'brand-3': '#ffde00',
  'brand-4': '#966b1d',
}

RGB Array

[86, 153, 8], [169, 208, 79], [255, 222, 0], [150, 107, 29]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This summer-style palette of #569908, #A9D04F, #FFDE00, #966B1D 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 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #569908; --color-2: #a9d04f; --color-3: #ffde00; --color-4: #966b1d. 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 summer-style 4-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