← Back to Editor

#EBBA1A · #C23913 · #911917 · #8F9116 · #305920

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

#EBBA1A

Ginger · GoldenRod · Sunflower

HEX
#EBBA1A
RGB
rgb(235, 186, 26)
HSL
hsl(46, 84%, 51%)
HSB
hsb(46, 89%, 92%)
CMYK
cmyk(0%, 21%, 89%, 8%)
Oklch
oklch(81.0% 0.161 88.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#C23913

Vermilion · FireBrick · Passion Red

HEX
#C23913
RGB
rgb(194, 57, 19)
HSL
hsl(13, 82%, 42%)
HSB
hsb(13, 90%, 76%)
CMYK
cmyk(0%, 71%, 90%, 24%)
Oklch
oklch(54.5% 0.180 35.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#911917

Vermilion · Brown · Wine Red

HEX
#911917
RGB
rgb(145, 25, 23)
HSL
hsl(1, 73%, 33%)
HSB
hsb(1, 84%, 57%)
CMYK
cmyk(0%, 83%, 84%, 43%)
Oklch
oklch(42.6% 0.155 27.6)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#8F9116

Autumn Sage · Olive · Honey Gold

HEX
#8F9116
RGB
rgb(143, 145, 22)
HSL
hsl(61, 74%, 33%)
HSB
hsb(61, 85%, 57%)
CMYK
cmyk(1%, 0%, 85%, 43%)
Oklch
oklch(63.4% 0.133 110.7)

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

#305920

Celadon · DarkOliveGreen · Forest Green

HEX
#305920
RGB
rgb(48, 89, 32)
HSL
hsl(103, 47%, 24%)
HSB
hsb(103, 64%, 35%)
CMYK
cmyk(46%, 0%, 64%, 65%)
Oklch
oklch(42.0% 0.098 137.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBBA1A
194AEB

Analogous

EB5119
EBBA1A
B3EB19

Triadic

EBBA1A
19EBBA
BA19EB

Split-Comp.

EBBA1A
19B3EB
5119EB

Tetradic

EBBA1A
19EB51
194AEB
EB19B3

Contrast Matrix WCAG 2.1 Contrast

EBBA1A
C23913
911917
8F9116
305920
—
3.0
Fail
4.9
AA
1.9
Fail
4.5
AA Large
3.0
Fail
—
1.7
Fail
1.6
Fail
1.5
Fail
4.9
AA
1.7
Fail
—
2.6
Fail
1.1
Fail
1.9
Fail
1.6
Fail
2.6
Fail
—
2.4
Fail
4.5
AA Large
1.5
Fail
1.1
Fail
2.4
Fail
—
White BG
1.8Fail
5.4AA
8.9AAA
3.4AA Large
8.2AAA
Black BG
11.6AAA
3.9AA Large
2.4Fail
6.2AA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D541
87851C
5D5C17
909034
42422E

Deuteranopia

D9DC4A
8F991E
646D18
90903B
3F3C31

Tritanopia

E95F66
BB2325
8B1818
8F4B50
32393B

Achromatopsia

B6B6B6
5E5E5E
3D3D3D
828282
464646

Shades & Tints Shades & Tints

#EBBA1A

Dark
Light

#C23913

Dark
Light

#911917

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebba1a;
  --color-2: #c23913;
  --color-3: #911917;
  --color-4: #8f9116;
  --color-5: #305920;
}

SCSS

$color-1: #ebba1a;
$color-2: #c23913;
$color-3: #911917;
$color-4: #8f9116;
$color-5: #305920;

TAILWIND

colors: {
  'brand-1': '#ebba1a',
  'brand-2': '#c23913',
  'brand-3': '#911917',
  'brand-4': '#8f9116',
  'brand-5': '#305920',
}

RGB Array

[235, 186, 26], [194, 57, 19], [145, 25, 23], [143, 145, 22], [48, 89, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #EBBA1A, #C23913, #911917, #8F9116, #305920 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #ebba1a; --color-2: #c23913; --color-3: #911917; --color-4: #8f9116; --color-5: #305920. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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