← Back to Editor

#F3E03E · #CE7262 · #9B3564 · #781B66 · #440A46

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

#F3E03E

Autumn Sage · Gold · Sunflower

HEX
#F3E03E
RGB
rgb(243, 224, 62)
HSL
hsl(54, 88%, 60%)
HSB
hsb(54, 74%, 95%)
CMYK
cmyk(0%, 8%, 74%, 5%)
Oklch
oklch(89.6% 0.171 102.4)

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

#CE7262

Crimson · LightCoral · Passion Red

HEX
#CE7262
RGB
rgb(206, 114, 98)
HSL
hsl(9, 52%, 60%)
HSB
hsb(9, 52%, 81%)
CMYK
cmyk(0%, 45%, 52%, 19%)
Oklch
oklch(65.2% 0.119 31.0)

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

#9B3564

Dark Violet · Brown · Camellia

HEX
#9B3564
RGB
rgb(155, 53, 100)
HSL
hsl(332, 49%, 41%)
HSB
hsb(332, 66%, 61%)
CMYK
cmyk(0%, 66%, 35%, 39%)
Oklch
oklch(49.0% 0.144 355.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#781B66

Rose Purple · Purple · Eggplant

HEX
#781B66
RGB
rgb(120, 27, 102)
HSL
hsl(312, 63%, 29%)
HSB
hsb(312, 78%, 47%)
CMYK
cmyk(0%, 78%, 15%, 53%)
Oklch
oklch(40.6% 0.151 337.1)

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

#440A46

Royal Purple · MidnightBlue · Dark Purple

HEX
#440A46
RGB
rgb(68, 10, 70)
HSL
hsl(298, 75%, 16%)
HSB
hsb(298, 86%, 27%)
CMYK
cmyk(3%, 86%, 0%, 73%)
Oklch
oklch(28.2% 0.115 326.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3E03E
3F51F3

Analogous

F3873F
F3E03E
ABF33F

Triadic

F3E03E
3FF3E1
E13FF3

Split-Comp.

F3E03E
3FABF3
873FF3

Tetradic

F3E03E
3FF387
3F51F3
F33FAB

Contrast Matrix WCAG 2.1 Contrast

F3E03E
CE7262
9B3564
781B66
440A46
—
2.5
Fail
5.0
AA
7.2
AAA
11.3
AAA
2.5
Fail
—
2.0
Fail
2.9
Fail
4.5
AA
5.0
AA
2.0
Fail
—
1.4
Fail
2.2
Fail
7.2
AAA
2.9
Fail
1.4
Fail
—
1.6
Fail
11.3
AAA
4.5
AA
2.2
Fail
1.6
Fail
—
White BG
1.4Fail
3.4AA Large
6.8AA
9.8AAA
15.2AAA
Black BG
15.5AAA
6.2AA
3.1AA Large
2.1Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEB65
A6A566
6F6E59
504F54
2B2A37

Deuteranopia

ECED6F
ACB267
757C56
555C4F
2E3334

Tritanopia

F2848B
C9696A
96504E
734642
412C2A

Achromatopsia

D3D3D3
8C8C8C
595959
3F3F3F
222222

Shades & Tints Shades & Tints

#F3E03E

Dark
Light

#CE7262

Dark
Light

#9B3564

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3e03e;
  --color-2: #ce7262;
  --color-3: #9b3564;
  --color-4: #781b66;
  --color-5: #440a46;
}

SCSS

$color-1: #f3e03e;
$color-2: #ce7262;
$color-3: #9b3564;
$color-4: #781b66;
$color-5: #440a46;

TAILWIND

colors: {
  'brand-1': '#f3e03e',
  'brand-2': '#ce7262',
  'brand-3': '#9b3564',
  'brand-4': '#781b66',
  'brand-5': '#440a46',
}

RGB Array

[243, 224, 62], [206, 114, 98], [155, 53, 100], [120, 27, 102], [68, 10, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3E03E, #CE7262, #9B3564, #781B66, #440A46 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: #f3e03e; --color-2: #ce7262; --color-3: #9b3564; --color-4: #781b66; --color-5: #440a46. 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