← Back to Editor

#A9D9BD · #E6D739 · #D9742B · #CC4214 · #7A1D0F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#A9D9BD

Celadon · Silver · Apple Green

HEX
#A9D9BD
RGB
rgb(169, 217, 189)
HSL
hsl(145, 39%, 76%)
HSB
hsb(145, 22%, 85%)
CMYK
cmyk(22%, 0%, 13%, 15%)
Oklch
oklch(84.4% 0.063 159.1)

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

#E6D739

Autumn Sage · GoldenRod · Sunflower

HEX
#E6D739
RGB
rgb(230, 215, 57)
HSL
hsl(55, 78%, 56%)
HSB
hsb(55, 75%, 90%)
CMYK
cmyk(0%, 7%, 75%, 10%)
Oklch
oklch(86.6% 0.167 103.7)

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

#D9742B

Tangerine · Chocolate · Warm Sun

HEX
#D9742B
RGB
rgb(217, 116, 43)
HSL
hsl(25, 70%, 51%)
HSB
hsb(25, 80%, 85%)
CMYK
cmyk(0%, 47%, 80%, 15%)
Oklch
oklch(66.3% 0.151 52.0)

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

#CC4214

Tangerine · Chocolate · Amber Brown

HEX
#CC4214
RGB
rgb(204, 66, 20)
HSL
hsl(15, 82%, 44%)
HSB
hsb(15, 90%, 80%)
CMYK
cmyk(0%, 68%, 90%, 20%)
Oklch
oklch(57.2% 0.182 36.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#7A1D0F

Vermilion · Maroon · Wine Red

HEX
#7A1D0F
RGB
rgb(122, 29, 15)
HSL
hsl(8, 78%, 27%)
HSB
hsb(8, 88%, 48%)
CMYK
cmyk(0%, 76%, 88%, 52%)
Oklch
oklch(38.5% 0.130 31.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9D9BD
DAAAC6

Analogous

AEDAAA
A9D9BD
AADAD6

Triadic

A9D9BD
BEAADA
DABEAA

Split-Comp.

A9D9BD
D6AADA
DAAAAE

Tetradic

A9D9BD
AAAEDA
DAAAC6
DAD6AA

Contrast Matrix WCAG 2.1 Contrast

A9D9BD
E6D739
D9742B
CC4214
7A1D0F
—
1.1
Fail
2.1
Fail
3.1
AA Large
6.6
AA
1.1
Fail
—
2.2
Fail
3.2
AA Large
7.0
AAA
2.1
Fail
2.2
Fail
—
1.5
Fail
3.2
AA Large
3.1
AA Large
3.2
AA Large
1.5
Fail
—
2.2
Fail
6.6
AA
7.0
AAA
3.2
AA Large
2.2
Fail
—
White BG
1.6Fail
1.5Fail
3.2AA Large
4.8AA
10.4AAA
Black BG
13.3AAA
14.1AAA
6.5AA
4.4AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBEC4
E0DF5F
ADAC3D
908F1F
525112

Deuteranopia

BBB7C5
E0E268
B3BB41
98A322
575E13

Tritanopia

ABC9CA
E57D84
D44B4E
C5282A
751516

Achromatopsia

C7C7C7
C9C9C9
8A8A8A
666666
373737

Shades & Tints Shades & Tints

#A9D9BD

Dark
Light

#E6D739

Dark
Light

#D9742B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9d9bd;
  --color-2: #e6d739;
  --color-3: #d9742b;
  --color-4: #cc4214;
  --color-5: #7a1d0f;
}

SCSS

$color-1: #a9d9bd;
$color-2: #e6d739;
$color-3: #d9742b;
$color-4: #cc4214;
$color-5: #7a1d0f;

TAILWIND

colors: {
  'brand-1': '#a9d9bd',
  'brand-2': '#e6d739',
  'brand-3': '#d9742b',
  'brand-4': '#cc4214',
  'brand-5': '#7a1d0f',
}

RGB Array

[169, 217, 189], [230, 215, 57], [217, 116, 43], [204, 66, 20], [122, 29, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9D9BD, #E6D739, #D9742B, #CC4214, #7A1D0F 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: #a9d9bd; --color-2: #e6d739; --color-3: #d9742b; --color-4: #cc4214; --color-5: #7a1d0f. 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