← Back to Editor

#E2F5F5 · #FFE5AA · #CED452 · #999900 · #666666

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

#E2F5F5

Sky Blue · Lavender · Glacier Blue

HEX
#E2F5F5
RGB
rgb(226, 245, 245)
HSL
hsl(180, 49%, 92%)
HSB
hsb(180, 8%, 96%)
CMYK
cmyk(8%, 0%, 0%, 4%)
Oklch
oklch(95.6% 0.020 196.8)

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

#FFE5AA

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE5AA
RGB
rgb(255, 229, 170)
HSL
hsl(42, 100%, 83%)
HSB
hsb(42, 33%, 100%)
CMYK
cmyk(0%, 10%, 33%, 0%)
Oklch
oklch(92.9% 0.080 86.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#CED452

Autumn Sage · BurlyWood · Sunflower

HEX
#CED452
RGB
rgb(206, 212, 82)
HSL
hsl(63, 60%, 58%)
HSB
hsb(63, 61%, 83%)
CMYK
cmyk(3%, 0%, 61%, 17%)
Oklch
oklch(84.1% 0.151 111.7)

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

#999900

Autumn Sage · Olive · Honey Gold

HEX
#999900
RGB
rgb(153, 153, 0)
HSL
hsl(60, 100%, 30%)
HSB
hsb(60, 100%, 60%)
CMYK
cmyk(0%, 0%, 100%, 40%)
Oklch
oklch(66.1% 0.144 109.8)

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

#666666

Ink Gray · DimGray · Charcoal

HEX
#666666
RGB
rgb(102, 102, 102)
HSL
hsl(0, 0%, 40%)
HSB
hsb(0, 0%, 40%)
CMYK
cmyk(0%, 0%, 0%, 60%)
Oklch
oklch(51.0% 0.000 89.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2F5F5
F5E1E1

Analogous

E1F5EB
E2F5F5
E1EBF5

Triadic

E2F5F5
F5E1F5
F5F5E1

Split-Comp.

E2F5F5
F5E1EB
F5EBE1

Tetradic

E2F5F5
EBE1F5
F5E1E1
EBF5E1

Contrast Matrix WCAG 2.1 Contrast

E2F5F5
FFE5AA
CED452
999900
666666
—
1.1
Fail
1.4
Fail
2.7
Fail
5.1
AA
1.1
Fail
—
1.3
Fail
2.5
Fail
4.7
AA
1.4
Fail
1.3
Fail
—
1.9
Fail
3.6
AA Large
2.7
Fail
2.5
Fail
1.9
Fail
—
1.9
Fail
5.1
AA
4.7
AA
3.6
AA Large
1.9
Fail
—
White BG
1.1Fail
1.2Fail
1.6Fail
3.0AA Large
5.7AA
Black BG
18.6AAA
17.0AAA
13.2AAA
6.9AA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAF5
F4F4B8
D1D171
999925
666666

Deuteranopia

E9E8F5
F5F7BC
D0D079
99992E
666666

Tritanopia

E3F5F5
FEC4C6
CE8A90
994249
666666

Achromatopsia

EFEFEF
E6E6E6
C3C3C3
888888
666666

Shades & Tints Shades & Tints

#E2F5F5

Dark
Light

#FFE5AA

Dark
Light

#CED452

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2f5f5;
  --color-2: #ffe5aa;
  --color-3: #ced452;
  --color-4: #999900;
  --color-5: #666666;
}

SCSS

$color-1: #e2f5f5;
$color-2: #ffe5aa;
$color-3: #ced452;
$color-4: #999900;
$color-5: #666666;

TAILWIND

colors: {
  'brand-1': '#e2f5f5',
  'brand-2': '#ffe5aa',
  'brand-3': '#ced452',
  'brand-4': '#999900',
  'brand-5': '#666666',
}

RGB Array

[226, 245, 245], [255, 229, 170], [206, 212, 82], [153, 153, 0], [102, 102, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2F5F5, #FFE5AA, #CED452, #999900, #666666 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: #e2f5f5; --color-2: #ffe5aa; --color-3: #ced452; --color-4: #999900; --color-5: #666666. 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