← Back to Editor

#1F0441 · #FC1068 · #FCAB10 · #F9CE07

A 4-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

#1F0441

Deep Indigo · MidnightBlue · Dark Purple

HEX
#1F0441
RGB
rgb(31, 4, 65)
HSL
hsl(267, 88%, 14%)
HSB
hsb(267, 94%, 25%)
CMYK
cmyk(52%, 94%, 0%, 75%)
Oklch
oklch(21.0% 0.104 296.3)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#FC1068

Dark Violet · DeepPink · Rose Pink

HEX
#FC1068
RGB
rgb(252, 16, 104)
HSL
hsl(338, 98%, 53%)
HSB
hsb(338, 94%, 99%)
CMYK
cmyk(0%, 94%, 59%, 1%)
Oklch
oklch(63.7% 0.250 9.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FCAB10

Ginger · Orange · Warm Sun

HEX
#FCAB10
RGB
rgb(252, 171, 16)
HSL
hsl(39, 98%, 53%)
HSB
hsb(39, 94%, 99%)
CMYK
cmyk(0%, 32%, 94%, 1%)
Oklch
oklch(80.0% 0.167 74.4)

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

#F9CE07

Ochre · Gold · Honey Gold

HEX
#F9CE07
RGB
rgb(249, 206, 7)
HSL
hsl(49, 95%, 50%)
HSB
hsb(49, 97%, 98%)
CMYK
cmyk(0%, 17%, 97%, 2%)
Oklch
oklch(86.3% 0.176 93.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1F0441
274304

Analogous

040743
1F0441
400443

Triadic

1F0441
432104
044321

Split-Comp.

1F0441
434004
074304

Tetradic

1F0441
430407
274304
044340

Contrast Matrix WCAG 2.1 Contrast

1F0441
FC1068
FCAB10
F9CE07
—
4.7
AA
9.5
AAA
12.0
AAA
4.7
AA
—
2.0
Fail
2.6
Fail
9.5
AAA
2.0
Fail
—
1.3
Fail
12.0
AAA
2.6
Fail
1.3
Fail
—
White BG
18.2AAA
3.9AA Large
1.9Fail
1.5Fail
Black BG
1.2Fail
5.4AA
11.0AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

131332
969453
D9D836
E6E637

Deuteranopia

15172F
A4B54E
DEE43F
E9EC43

Tritanopia

1E2724
F0423E
F8535A
F75D66

Achromatopsia

131313
616161
B2B2B2
C4C4C4

Shades & Tints Shades & Tints

#1F0441

Dark
Light

#FC1068

Dark
Light

#FCAB10

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1f0441;
  --color-2: #fc1068;
  --color-3: #fcab10;
  --color-4: #f9ce07;
}

SCSS

$color-1: #1f0441;
$color-2: #fc1068;
$color-3: #fcab10;
$color-4: #f9ce07;

TAILWIND

colors: {
  'brand-1': '#1f0441',
  'brand-2': '#fc1068',
  'brand-3': '#fcab10',
  'brand-4': '#f9ce07',
}

RGB Array

[31, 4, 65], [252, 16, 104], [252, 171, 16], [249, 206, 7]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This general-style palette of #1F0441, #FC1068, #FCAB10, #F9CE07 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 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #1f0441; --color-2: #fc1068; --color-3: #fcab10; --color-4: #f9ce07. 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 4-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