← Back to Editor

#ADFFE4 · #FFDA91 · #FFA182 · #E35473 · #341238

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

#ADFFE4

Jade · LightBlue · Glacier Blue

HEX
#ADFFE4
RGB
rgb(173, 255, 228)
HSL
hsl(160, 100%, 84%)
HSB
hsb(160, 32%, 100%)
CMYK
cmyk(32%, 0%, 11%, 0%)
Oklch
oklch(94.0% 0.088 171.7)

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

#FFDA91

Goose Yellow · Khaki · Lemon Cream

HEX
#FFDA91
RGB
rgb(255, 218, 145)
HSL
hsl(40, 100%, 78%)
HSB
hsb(40, 43%, 100%)
CMYK
cmyk(0%, 15%, 43%, 0%)
Oklch
oklch(90.4% 0.100 83.7)

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

#FFA182

Apricot · LightSalmon · Warm Sun

HEX
#FFA182
RGB
rgb(255, 161, 130)
HSL
hsl(15, 100%, 75%)
HSB
hsb(15, 49%, 100%)
CMYK
cmyk(0%, 37%, 49%, 0%)
Oklch
oklch(79.7% 0.120 39.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E35473

Peach Pink · LightCoral · Coral Red

HEX
#E35473
RGB
rgb(227, 84, 115)
HSL
hsl(347, 72%, 61%)
HSB
hsb(347, 63%, 89%)
CMYK
cmyk(0%, 63%, 49%, 11%)
Oklch
oklch(64.3% 0.178 10.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#341238

Royal Purple · MidnightBlue · Dark Purple

HEX
#341238
RGB
rgb(52, 18, 56)
HSL
hsl(294, 51%, 15%)
HSB
hsb(294, 68%, 22%)
CMYK
cmyk(7%, 68%, 0%, 78%)
Oklch
oklch(25.4% 0.080 323.3)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADFFE4
FFADC9

Analogous

ADFFBB
ADFFE4
ADF1FF

Triadic

ADFFE4
E4ADFF
FFE4AD

Split-Comp.

ADFFE4
FFADF1
FFBBAD

Tetradic

ADFFE4
BBADFF
FFADC9
F1FFAD

Contrast Matrix WCAG 2.1 Contrast

ADFFE4
FFDA91
FFA182
E35473
341238
—
1.2
Fail
1.7
Fail
3.1
AA Large
14.1
AAA
1.2
Fail
—
1.5
Fail
2.7
Fail
12.2
AAA
1.7
Fail
1.5
Fail
—
1.8
Fail
8.3
AAA
3.1
AA Large
2.7
Fail
1.8
Fail
—
4.5
AA Large
14.1
AAA
12.2
AAA
8.3
AAA
4.5
AA Large
—
White BG
1.2Fail
1.3Fail
2.0Fail
3.6AA Large
16.3AAA
Black BG
18.2AAA
15.7AAA
10.7AAA
5.8AA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1EB
EFEFA3
D6D58A
A5A46B
25252F

Deuteranopia

CCC6EC
F1F4A7
DCE38B
ADB86A
272A2D

Tritanopia

B1F0F1
FDB1B4
FA8F91
DC6664
322826

Achromatopsia

E3E3E3
DDDDDD
BABABA
828282
202020

Shades & Tints Shades & Tints

#ADFFE4

Dark
Light

#FFDA91

Dark
Light

#FFA182

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adffe4;
  --color-2: #ffda91;
  --color-3: #ffa182;
  --color-4: #e35473;
  --color-5: #341238;
}

SCSS

$color-1: #adffe4;
$color-2: #ffda91;
$color-3: #ffa182;
$color-4: #e35473;
$color-5: #341238;

TAILWIND

colors: {
  'brand-1': '#adffe4',
  'brand-2': '#ffda91',
  'brand-3': '#ffa182',
  'brand-4': '#e35473',
  'brand-5': '#341238',
}

RGB Array

[173, 255, 228], [255, 218, 145], [255, 161, 130], [227, 84, 115], [52, 18, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADFFE4, #FFDA91, #FFA182, #E35473, #341238 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: #adffe4; --color-2: #ffda91; --color-3: #ffa182; --color-4: #e35473; --color-5: #341238. 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