← Back to Editor

#E2DD8C · #ADEDF2 · #44BCCC · #F7375B · #352411

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

#E2DD8C

Fresh Green · Khaki · Sunflower

HEX
#E2DD8C
RGB
rgb(226, 221, 140)
HSL
hsl(57, 60%, 72%)
HSB
hsb(57, 38%, 89%)
CMYK
cmyk(0%, 2%, 38%, 11%)
Oklch
oklch(88.3% 0.102 105.3)

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

#ADEDF2

Sky Blue · LightBlue · Glacier Blue

HEX
#ADEDF2
RGB
rgb(173, 237, 242)
HSL
hsl(184, 73%, 81%)
HSB
hsb(184, 29%, 95%)
CMYK
cmyk(29%, 2%, 0%, 5%)
Oklch
oklch(90.5% 0.064 202.1)

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

#44BCCC

Lake Blue · MediumTurquoise · Lake Green

HEX
#44BCCC
RGB
rgb(68, 188, 204)
HSL
hsl(187, 57%, 53%)
HSB
hsb(187, 67%, 80%)
CMYK
cmyk(67%, 8%, 0%, 20%)
Oklch
oklch(73.5% 0.107 207.7)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#F7375B

Vermilion · Tomato · Passion Red

HEX
#F7375B
RGB
rgb(247, 55, 91)
HSL
hsl(349, 92%, 59%)
HSB
hsb(349, 78%, 97%)
CMYK
cmyk(0%, 78%, 63%, 3%)
Oklch
oklch(64.3% 0.225 16.5)

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

#352411

Ochre · Black · Cinnamon

HEX
#352411
RGB
rgb(53, 36, 17)
HSL
hsl(32, 51%, 14%)
HSB
hsb(32, 68%, 21%)
CMYK
cmyk(0%, 32%, 68%, 79%)
Oklch
oklch(27.6% 0.040 67.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2DD8C
8D91E2

Analogous

E2B38D
E2DD8C
BCE28D

Triadic

E2DD8C
8DE2DE
DE8DE2

Split-Comp.

E2DD8C
8DBCE2
B38DE2

Tetradic

E2DD8C
8DE2B3
8D91E2
E28DBC

Contrast Matrix WCAG 2.1 Contrast

E2DD8C
ADEDF2
44BCCC
F7375B
352411
—
1.1
Fail
1.6
Fail
2.6
Fail
10.6
AAA
1.1
Fail
—
1.7
Fail
2.9
Fail
11.5
AAA
1.6
Fail
1.7
Fail
—
1.6
Fail
6.6
AA
2.6
Fail
2.9
Fail
1.6
Fail
—
4.0
AA Large
10.6
AAA
11.5
AAA
6.6
AA
4.0
AA Large
—
White BG
1.4Fail
1.3Fail
2.3Fail
3.7AA Large
14.9AAA
Black BG
15.0AAA
16.2AAA
9.3AAA
5.7AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0A0
C9C9F1
7879C8
A4A252
2E2D16

Deuteranopia

E0E1A4
C5C0F0
7168C7
AFBD50
2F3017

Tritanopia

E2AFB2
B0F0F0
4AC5C4
ED4B4A
34191A

Achromatopsia

D5D5D5
DADADA
9A9A9A
757575
272727

Shades & Tints Shades & Tints

#E2DD8C

Dark
Light

#ADEDF2

Dark
Light

#44BCCC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2dd8c;
  --color-2: #adedf2;
  --color-3: #44bccc;
  --color-4: #f7375b;
  --color-5: #352411;
}

SCSS

$color-1: #e2dd8c;
$color-2: #adedf2;
$color-3: #44bccc;
$color-4: #f7375b;
$color-5: #352411;

TAILWIND

colors: {
  'brand-1': '#e2dd8c',
  'brand-2': '#adedf2',
  'brand-3': '#44bccc',
  'brand-4': '#f7375b',
  'brand-5': '#352411',
}

RGB Array

[226, 221, 140], [173, 237, 242], [68, 188, 204], [247, 55, 91], [53, 36, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2DD8C, #ADEDF2, #44BCCC, #F7375B, #352411 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: #e2dd8c; --color-2: #adedf2; --color-3: #44bccc; --color-4: #f7375b; --color-5: #352411. 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