← Back to Editor

#E8F4E8 · #C5EB13 · #080909 · #038CAA · #AA0312

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

#E8F4E8

Celadon · Beige · Mint Green

HEX
#E8F4E8
RGB
rgb(232, 244, 232)
HSL
hsl(120, 35%, 93%)
HSB
hsb(120, 5%, 96%)
CMYK
cmyk(5%, 0%, 5%, 4%)
Oklch
oklch(95.5% 0.020 145.4)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#C5EB13

Grass Green · GreenYellow · Olive Green

HEX
#C5EB13
RGB
rgb(197, 235, 19)
HSL
hsl(71, 85%, 50%)
HSB
hsb(71, 92%, 92%)
CMYK
cmyk(16%, 0%, 92%, 8%)
Oklch
oklch(88.1% 0.208 120.9)

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

#080909

Ink Black · Black · Jet Black

HEX
#080909
RGB
rgb(8, 9, 9)
HSL
hsl(180, 6%, 3%)
HSB
hsb(180, 11%, 4%)
CMYK
cmyk(11%, 0%, 0%, 96%)
Oklch
oklch(13.8% 0.002 196.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#038CAA

Lake Blue · Teal · Mint Ice

HEX
#038CAA
RGB
rgb(3, 140, 170)
HSL
hsl(191, 97%, 34%)
HSB
hsb(191, 98%, 67%)
CMYK
cmyk(98%, 18%, 0%, 33%)
Oklch
oklch(59.2% 0.107 220.1)

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

#AA0312

Vermilion · FireBrick · Wine Red

HEX
#AA0312
RGB
rgb(170, 3, 18)
HSL
hsl(355, 97%, 34%)
HSB
hsb(355, 98%, 67%)
CMYK
cmyk(0%, 98%, 89%, 33%)
Oklch
oklch(46.5% 0.188 26.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8F4E8
F3E7F3

Analogous

EDF3E7
E8F4E8
E7F3ED

Triadic

E8F4E8
E7E7F3
F3E7E7

Split-Comp.

E8F4E8
EDE7F3
F3E7ED

Tetradic

E8F4E8
E7EDF3
F3E7F3
F3EDE7

Contrast Matrix WCAG 2.1 Contrast

E8F4E8
C5EB13
080909
038CAA
AA0312
—
1.2
Fail
17.6
AAA
3.5
AA Large
6.8
AA
1.2
Fail
—
14.5
AAA
2.9
Fail
5.6
AA
17.6
AAA
14.5
AAA
—
5.1
AA
2.6
Fail
3.5
AA Large
2.9
Fail
5.1
AA
—
2.0
Fail
6.8
AA
5.6
AA
2.6
Fail
2.0
Fail
—
White BG
1.1Fail
1.4Fail
19.9AAA
3.9AA Large
7.7AAA
Black BG
18.5AAA
15.3AAA
1.1Fail
5.3AA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDEB
D5D647
080809
3E40A3
62600E

Deuteranopia

EDECEC
D3D054
080809
362CA1
6B780E

Tritanopia

E9EDEE
C7717A
080909
0A9D9C
A20C0B

Achromatopsia

EFEFEF
C7C7C7
090909
666666
373737

Shades & Tints Shades & Tints

#E8F4E8

Dark
Light

#C5EB13

Dark
Light

#080909

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8f4e8;
  --color-2: #c5eb13;
  --color-3: #080909;
  --color-4: #038caa;
  --color-5: #aa0312;
}

SCSS

$color-1: #e8f4e8;
$color-2: #c5eb13;
$color-3: #080909;
$color-4: #038caa;
$color-5: #aa0312;

TAILWIND

colors: {
  'brand-1': '#e8f4e8',
  'brand-2': '#c5eb13',
  'brand-3': '#080909',
  'brand-4': '#038caa',
  'brand-5': '#aa0312',
}

RGB Array

[232, 244, 232], [197, 235, 19], [8, 9, 9], [3, 140, 170], [170, 3, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8F4E8, #C5EB13, #080909, #038CAA, #AA0312 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: #e8f4e8; --color-2: #c5eb13; --color-3: #080909; --color-4: #038caa; --color-5: #aa0312. 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