← Back to Editor

#F7C50F · #DBAF0F · #800E65 · #610B5E · #3B0D40

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 App

Color Details Color Details

#F7C50F

Ginger · Gold · Sunflower

HEX
#F7C50F
RGB
rgb(247, 197, 15)
HSL
hsl(47, 94%, 51%)
HSB
hsb(47, 94%, 97%)
CMYK
cmyk(0%, 20%, 94%, 3%)
Oklch
oklch(84.4% 0.170 89.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#DBAF0F

Ochre · GoldenRod · Honey Gold

HEX
#DBAF0F
RGB
rgb(219, 175, 15)
HSL
hsl(47, 87%, 46%)
HSB
hsb(47, 93%, 86%)
CMYK
cmyk(0%, 20%, 93%, 14%)
Oklch
oklch(77.2% 0.155 90.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#800E65

Rose Purple · Purple · Eggplant

HEX
#800E65
RGB
rgb(128, 14, 101)
HSL
hsl(314, 80%, 28%)
HSB
hsb(314, 89%, 50%)
CMYK
cmyk(0%, 89%, 21%, 50%)
Oklch
oklch(41.0% 0.167 340.7)

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

#610B5E

Rose Purple · Purple · Eggplant

HEX
#610B5E
RGB
rgb(97, 11, 94)
HSL
hsl(302, 80%, 21%)
HSB
hsb(302, 89%, 38%)
CMYK
cmyk(0%, 89%, 3%, 62%)
Oklch
oklch(35.0% 0.148 329.8)

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

#3B0D40

Royal Purple · MidnightBlue · Dark Purple

HEX
#3B0D40
RGB
rgb(59, 13, 64)
HSL
hsl(294, 66%, 15%)
HSB
hsb(294, 80%, 25%)
CMYK
cmyk(8%, 80%, 0%, 75%)
Oklch
oklch(26.4% 0.100 323.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7C50F
0D3FF8

Analogous

F84F0D
F7C50F
B5F80D

Triadic

F7C50F
0DF8C5
C50DF8

Split-Comp.

F7C50F
0DB5F8
4F0DF8

Tetradic

F7C50F
0DF84F
0D3FF8
F80DB5

Contrast Matrix WCAG 2.1 Contrast

F7C50F
DBAF0F
800E65
610B5E
3B0D40
—
1.3
Fail
6.0
AA
7.5
AAA
9.8
AAA
1.3
Fail
—
4.7
AA
5.9
AA
7.7
AAA
6.0
AA
4.7
AA
—
1.3
Fail
1.6
Fail
7.5
AAA
5.9
AA
1.3
Fail
—
1.3
Fail
9.8
AAA
7.7
AAA
1.6
Fail
1.3
Fail
—
White BG
1.6Fail
2.1Fail
9.7AAA
12.2AAA
15.9AAA
Black BG
12.9AAA
10.2AAA
2.2Fail
1.7Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E13B
C8C836
4F4E50
3C3B4A
272734

Deuteranopia

E4E846
CBCE3F
555E4B
414745
2A2D31

Tritanopia

F45E65
D9545B
7A3F3C
5D3A37
392A28

Achromatopsia

BFBFBF
AAAAAA
3A3A3A
2E2E2E
212121

Shades & Tints Shades & Tints

#F7C50F

Dark
Light

#DBAF0F

Dark
Light

#800E65

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7c50f;
  --color-2: #dbaf0f;
  --color-3: #800e65;
  --color-4: #610b5e;
  --color-5: #3b0d40;
}

SCSS

$color-1: #f7c50f;
$color-2: #dbaf0f;
$color-3: #800e65;
$color-4: #610b5e;
$color-5: #3b0d40;

TAILWIND

colors: {
  'brand-1': '#f7c50f',
  'brand-2': '#dbaf0f',
  'brand-3': '#800e65',
  'brand-4': '#610b5e',
  'brand-5': '#3b0d40',
}

RGB Array

[247, 197, 15], [219, 175, 15], [128, 14, 101], [97, 11, 94], [59, 13, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7C50F, #DBAF0F, #800E65, #610B5E, #3B0D40 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #f7c50f; --color-2: #dbaf0f; --color-3: #800e65; --color-4: #610b5e; --color-5: #3b0d40. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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