← Back to Editor

#EE4037 · #F47737 · #F0ED7A · #81BC44 · #A8D7EB

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 App

Color Details Color Details

#EE4037

Vermilion · Tomato · Passion Red

HEX
#EE4037
RGB
rgb(238, 64, 55)
HSL
hsl(3, 84%, 57%)
HSB
hsb(3, 77%, 93%)
CMYK
cmyk(0%, 73%, 77%, 7%)
Oklch
oklch(63.0% 0.212 28.0)

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

#F47737

Tangerine · Tomato · Warm Sun

HEX
#F47737
RGB
rgb(244, 119, 55)
HSL
hsl(20, 90%, 59%)
HSB
hsb(20, 77%, 96%)
CMYK
cmyk(0%, 51%, 77%, 4%)
Oklch
oklch(70.5% 0.171 45.0)

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

#F0ED7A

Fresh Green · Khaki · Sunflower

HEX
#F0ED7A
RGB
rgb(240, 237, 122)
HSL
hsl(58, 80%, 71%)
HSB
hsb(58, 49%, 94%)
CMYK
cmyk(0%, 1%, 49%, 6%)
Oklch
oklch(92.5% 0.138 107.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#81BC44

Celadon · DarkSeaGreen · Olive Green

HEX
#81BC44
RGB
rgb(129, 188, 68)
HSL
hsl(90, 47%, 50%)
HSB
hsb(90, 64%, 74%)
CMYK
cmyk(31%, 0%, 64%, 26%)
Oklch
oklch(73.0% 0.163 131.6)

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

#A8D7EB

Sky Blue · LightBlue · Glacier Blue

HEX
#A8D7EB
RGB
rgb(168, 215, 235)
HSL
hsl(198, 63%, 79%)
HSB
hsb(198, 29%, 92%)
CMYK
cmyk(29%, 9%, 0%, 8%)
Oklch
oklch(85.3% 0.056 225.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE4037
35E4ED

Analogous

ED3588
EE4037
ED9B35

Triadic

EE4037
35ED3E
3E35ED

Split-Comp.

EE4037
35ED9B
3588ED

Tetradic

EE4037
88ED35
35E4ED
9B35ED

Contrast Matrix WCAG 2.1 Contrast

EE4037
F47737
F0ED7A
81BC44
A8D7EB
—
1.4
Fail
3.2
AA Large
1.7
Fail
2.5
Fail
1.4
Fail
—
2.3
Fail
1.2
Fail
1.8
Fail
3.2
AA Large
2.3
Fail
—
1.9
Fail
1.3
Fail
1.7
Fail
1.2
Fail
1.9
Fail
—
1.5
Fail
2.5
Fail
1.8
Fail
1.3
Fail
1.5
Fail
—
White BG
3.9AA Large
2.8Fail
1.2Fail
2.3Fail
1.5Fail
Black BG
5.4AA
7.5AAA
17.1AAA
9.2AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A139
BEBD46
EFEF96
9B9B61
BCBDE6

Deuteranopia

ADBA3A
C5CE4A
EFEF9D
979368
BAB6E5

Tritanopia

E53B3B
EE5355
F0ACB1
84787D
AAE2E2

Achromatopsia

737373
959595
E1E1E1
9D9D9D
CBCBCB

Shades & Tints Shades & Tints

#EE4037

Dark
Light

#F47737

Dark
Light

#F0ED7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee4037;
  --color-2: #f47737;
  --color-3: #f0ed7a;
  --color-4: #81bc44;
  --color-5: #a8d7eb;
}

SCSS

$color-1: #ee4037;
$color-2: #f47737;
$color-3: #f0ed7a;
$color-4: #81bc44;
$color-5: #a8d7eb;

TAILWIND

colors: {
  'brand-1': '#ee4037',
  'brand-2': '#f47737',
  'brand-3': '#f0ed7a',
  'brand-4': '#81bc44',
  'brand-5': '#a8d7eb',
}

RGB Array

[238, 64, 55], [244, 119, 55], [240, 237, 122], [129, 188, 68], [168, 215, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EE4037, #F47737, #F0ED7A, #81BC44, #A8D7EB 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: #ee4037; --color-2: #f47737; --color-3: #f0ed7a; --color-4: #81bc44; --color-5: #a8d7eb. 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