← Back to Editor

#FDFFD9 · #73185E · #36BBA6 · #0C0D02 · #8B911A

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

#FDFFD9

Fresh Green · LightYellow · Lemon Cream

HEX
#FDFFD9
RGB
rgb(253, 255, 217)
HSL
hsl(63, 100%, 93%)
HSB
hsb(63, 15%, 100%)
CMYK
cmyk(1%, 0%, 15%, 0%)
Oklch
oklch(98.9% 0.049 109.7)

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

#73185E

Rose Purple · Purple · Eggplant

HEX
#73185E
RGB
rgb(115, 24, 94)
HSL
hsl(314, 65%, 27%)
HSB
hsb(314, 79%, 45%)
CMYK
cmyk(0%, 79%, 18%, 55%)
Oklch
oklch(39.0% 0.146 339.2)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#36BBA6

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#36BBA6
RGB
rgb(54, 187, 166)
HSL
hsl(171, 55%, 47%)
HSB
hsb(171, 71%, 73%)
CMYK
cmyk(71%, 0%, 11%, 27%)
Oklch
oklch(71.6% 0.116 179.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#0C0D02

Autumn Sage · Black · Amber Gold

HEX
#0C0D02
RGB
rgb(12, 13, 2)
HSL
hsl(65, 73%, 3%)
HSB
hsb(65, 85%, 5%)
CMYK
cmyk(8%, 0%, 85%, 95%)
Oklch
oklch(15.4% 0.027 112.7)

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

#8B911A

Autumn Sage · Olive · Honey Gold

HEX
#8B911A
RGB
rgb(139, 145, 26)
HSL
hsl(63, 70%, 34%)
HSB
hsb(63, 82%, 57%)
CMYK
cmyk(4%, 0%, 82%, 43%)
Oklch
oklch(63.1% 0.133 112.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDFFD9
DDDBFF

Analogous

FFEFDB
FDFFD9
EBFFDB

Triadic

FDFFD9
DBFDFF
FFDBFD

Split-Comp.

FDFFD9
DBEBFF
EFDBFF

Tetradic

FDFFD9
DBFFEF
DDDBFF
FFDBEB

Contrast Matrix WCAG 2.1 Contrast

FDFFD9
73185E
36BBA6
0C0D02
8B911A
—
10.1
AAA
2.3
Fail
19.1
AAA
3.3
AA Large
10.1
AAA
—
4.4
AA Large
1.9
Fail
3.0
AA Large
2.3
Fail
4.4
AA Large
—
8.2
AAA
1.4
Fail
19.1
AAA
1.9
Fail
8.2
AAA
—
5.7
AA
3.3
AA Large
3.0
AA Large
1.4
Fail
5.7
AA
—
White BG
1.0Fail
10.4AAA
2.4Fail
19.6AAA
3.4AA Large
Black BG
20.5AAA
2.0Fail
8.8AAA
1.1Fail
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEE2
4C4B4D
7071AB
0C0C05
8E8E37

Deuteranopia

FEFEE4
515849
685EAC
0C0C05
8D8D3E

Tritanopia

FDE9EB
6E403D
3DAFB0
0C0707
8B4E53

Achromatopsia

FAFAFA
3B3B3B
919191
0B0B0B
828282

Shades & Tints Shades & Tints

#FDFFD9

Dark
Light

#73185E

Dark
Light

#36BBA6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdffd9;
  --color-2: #73185e;
  --color-3: #36bba6;
  --color-4: #0c0d02;
  --color-5: #8b911a;
}

SCSS

$color-1: #fdffd9;
$color-2: #73185e;
$color-3: #36bba6;
$color-4: #0c0d02;
$color-5: #8b911a;

TAILWIND

colors: {
  'brand-1': '#fdffd9',
  'brand-2': '#73185e',
  'brand-3': '#36bba6',
  'brand-4': '#0c0d02',
  'brand-5': '#8b911a',
}

RGB Array

[253, 255, 217], [115, 24, 94], [54, 187, 166], [12, 13, 2], [139, 145, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDFFD9, #73185E, #36BBA6, #0C0D02, #8B911A 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: #fdffd9; --color-2: #73185e; --color-3: #36bba6; --color-4: #0c0d02; --color-5: #8b911a. 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