← Back to Editor

#1BFA0F · #FFC800 · #70693E · #451708 · #FFFB0F

summer

A 5-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

#1BFA0F

Emerald · Lime · Olive Green

HEX
#1BFA0F
RGB
rgb(27, 250, 15)
HSL
hsl(117, 96%, 52%)
HSB
hsb(117, 94%, 98%)
CMYK
cmyk(89%, 0%, 94%, 2%)
Oklch
oklch(85.5% 0.287 142.3)

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

#FFC800

Ochre · Gold · Honey Gold

HEX
#FFC800
RGB
rgb(255, 200, 0)
HSL
hsl(47, 100%, 50%)
HSB
hsb(47, 100%, 100%)
CMYK
cmyk(0%, 22%, 100%, 0%)
Oklch
oklch(85.7% 0.175 88.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#70693E

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#70693E
RGB
rgb(112, 105, 62)
HSL
hsl(52, 29%, 34%)
HSB
hsb(52, 45%, 44%)
CMYK
cmyk(0%, 6%, 45%, 56%)
Oklch
oklch(51.7% 0.062 100.2)

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

#451708

Tangerine · Maroon · Cinnamon

HEX
#451708
RGB
rgb(69, 23, 8)
HSL
hsl(15, 79%, 15%)
HSB
hsb(15, 88%, 27%)
CMYK
cmyk(0%, 67%, 88%, 73%)
Oklch
oklch(27.5% 0.075 38.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#FFFB0F

Autumn Sage · Yellow · Sunflower

HEX
#FFFB0F
RGB
rgb(255, 251, 15)
HSL
hsl(59, 100%, 53%)
HSB
hsb(59, 94%, 100%)
CMYK
cmyk(0%, 2%, 94%, 0%)
Oklch
oklch(96.0% 0.206 108.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1BFA0F
EE0FFA

Analogous

90FA0F
1BFA0F
0FFA79

Triadic

1BFA0F
0F1BFA
FA0F1B

Split-Comp.

1BFA0F
790FFA
FA0F90

Tetradic

1BFA0F
0F90FA
EE0FFA
FA790F

Contrast Matrix WCAG 2.1 Contrast

1BFA0F
FFC800
70693E
451708
FFFB0F
—
1.1
Fail
3.9
AA Large
10.7
AAA
1.3
Fail
1.1
Fail
—
3.6
AA Large
9.8
AAA
1.4
Fail
3.9
AA Large
3.6
AA Large
—
2.7
Fail
5.0
AA
10.7
AAA
9.8
AAA
2.7
Fail
—
13.8
AAA
1.3
Fail
1.4
Fail
5.0
AA
13.8
AAA
—
White BG
1.4Fail
1.6Fail
5.6AA
15.2AAA
1.1Fail
Black BG
14.7AAA
13.5AAA
3.8AA Large
1.4Fail
19.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7E48
E7E730
6D6D48
31310C
FDFD48

Deuteranopia

6F5E56
EAEF3C
6D6E4B
34370D
FEFE56

Tritanopia

26757F
FC575F
705152
430E0F
FF757F

Achromatopsia

9D9D9D
C2C2C2
666666
232323
E1E1E1

Shades & Tints Shades & Tints

#1BFA0F

Dark
Light

#FFC800

Dark
Light

#70693E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1bfa0f;
  --color-2: #ffc800;
  --color-3: #70693e;
  --color-4: #451708;
  --color-5: #fffb0f;
}

SCSS

$color-1: #1bfa0f;
$color-2: #ffc800;
$color-3: #70693e;
$color-4: #451708;
$color-5: #fffb0f;

TAILWIND

colors: {
  'brand-1': '#1bfa0f',
  'brand-2': '#ffc800',
  'brand-3': '#70693e',
  'brand-4': '#451708',
  'brand-5': '#fffb0f',
}

RGB Array

[27, 250, 15], [255, 200, 0], [112, 105, 62], [69, 23, 8], [255, 251, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #1BFA0F, #FFC800, #70693E, #451708, #FFFB0F 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: #1bfa0f; --color-2: #ffc800; --color-3: #70693e; --color-4: #451708; --color-5: #fffb0f. 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 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