← Back to Editor

#D8D92B · #FDA945 · #D98551 · #C99171 · #8ABAB7

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

#D8D92B

Autumn Sage · GoldenRod · Sunflower

HEX
#D8D92B
RGB
rgb(216, 217, 43)
HSL
hsl(60, 70%, 51%)
HSB
hsb(60, 80%, 85%)
CMYK
cmyk(0%, 0%, 80%, 15%)
Oklch
oklch(85.7% 0.177 110.0)

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

#FDA945

Ginger · SandyBrown · Warm Sun

HEX
#FDA945
RGB
rgb(253, 169, 69)
HSL
hsl(33, 98%, 63%)
HSB
hsb(33, 73%, 99%)
CMYK
cmyk(0%, 33%, 73%, 1%)
Oklch
oklch(80.0% 0.149 67.0)

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

#D98551

Tangerine · Coral · Warm Sun

HEX
#D98551
RGB
rgb(217, 133, 81)
HSL
hsl(23, 64%, 58%)
HSB
hsb(23, 63%, 85%)
CMYK
cmyk(0%, 39%, 63%, 15%)
Oklch
oklch(69.5% 0.124 51.2)

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

#C99171

Apricot · DarkSalmon · Warm Sun

HEX
#C99171
RGB
rgb(201, 145, 113)
HSL
hsl(22, 45%, 62%)
HSB
hsb(22, 44%, 79%)
CMYK
cmyk(0%, 28%, 44%, 21%)
Oklch
oklch(70.3% 0.081 50.7)

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

#8ABAB7

Jade · DarkGray · Lake Green

HEX
#8ABAB7
RGB
rgb(138, 186, 183)
HSL
hsl(176, 26%, 64%)
HSB
hsb(176, 26%, 73%)
CMYK
cmyk(26%, 0%, 2%, 27%)
Oklch
oklch(75.4% 0.051 191.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8D92B
2B2BDA

Analogous

DA822B
D8D92B
82DA2B

Triadic

D8D92B
2BDADA
DA2BDA

Split-Comp.

D8D92B
2B82DA
822BDA

Tetradic

D8D92B
2BDA82
2B2BDA
DA2B82

Contrast Matrix WCAG 2.1 Contrast

D8D92B
FDA945
D98551
C99171
8ABAB7
—
1.3
Fail
1.9
Fail
1.8
Fail
1.4
Fail
1.3
Fail
—
1.5
Fail
1.4
Fail
1.1
Fail
1.9
Fail
1.5
Fail
—
1.0
Fail
1.3
Fail
1.8
Fail
1.4
Fail
1.0
Fail
—
1.3
Fail
1.4
Fail
1.1
Fail
1.3
Fail
1.3
Fail
—
White BG
1.5Fail
1.9Fail
2.8Fail
2.7Fail
2.1Fail
Black BG
13.9AAA
10.9AAA
7.4AAA
7.8AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D855
D9D85D
B5B45E
B1B079
9F9FB8

Deuteranopia

D8D85F
DEE463
BAC061
B4B87B
9C98B8

Tritanopia

D8767E
F97075
D5686A
C67F80
8CB8B8

Achromatopsia

C5C5C5
B7B7B7
989898
9E9E9E
ABABAB

Shades & Tints Shades & Tints

#D8D92B

Dark
Light

#FDA945

Dark
Light

#D98551

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8d92b;
  --color-2: #fda945;
  --color-3: #d98551;
  --color-4: #c99171;
  --color-5: #8abab7;
}

SCSS

$color-1: #d8d92b;
$color-2: #fda945;
$color-3: #d98551;
$color-4: #c99171;
$color-5: #8abab7;

TAILWIND

colors: {
  'brand-1': '#d8d92b',
  'brand-2': '#fda945',
  'brand-3': '#d98551',
  'brand-4': '#c99171',
  'brand-5': '#8abab7',
}

RGB Array

[216, 217, 43], [253, 169, 69], [217, 133, 81], [201, 145, 113], [138, 186, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8D92B, #FDA945, #D98551, #C99171, #8ABAB7 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: #d8d92b; --color-2: #fda945; --color-3: #d98551; --color-4: #c99171; --color-5: #8abab7. 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