← Back to Editor

#F9A260 · #EC594B · #B11A40 · #640A42 · #181A3F

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

#F9A260

Apricot · SandyBrown · Warm Sun

HEX
#F9A260
RGB
rgb(249, 162, 96)
HSL
hsl(26, 93%, 68%)
HSB
hsb(26, 61%, 98%)
CMYK
cmyk(0%, 35%, 61%, 2%)
Oklch
oklch(78.6% 0.132 56.5)

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

#EC594B

Peach Pink · Tomato · Coral Red

HEX
#EC594B
RGB
rgb(236, 89, 75)
HSL
hsl(5, 81%, 61%)
HSB
hsb(5, 68%, 93%)
CMYK
cmyk(0%, 62%, 68%, 7%)
Oklch
oklch(65.5% 0.184 28.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B11A40

Vermilion · Brown · Wine Red

HEX
#B11A40
RGB
rgb(177, 26, 64)
HSL
hsl(345, 74%, 40%)
HSB
hsb(345, 85%, 69%)
CMYK
cmyk(0%, 85%, 64%, 31%)
Oklch
oklch(49.4% 0.183 14.4)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#640A42

Rose Purple · Purple · Raspberry

HEX
#640A42
RGB
rgb(100, 10, 66)
HSL
hsl(323, 82%, 22%)
HSB
hsb(323, 90%, 39%)
CMYK
cmyk(0%, 90%, 34%, 61%)
Oklch
oklch(33.9% 0.132 349.1)

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

#181A3F

Indigo · MidnightBlue · Deep Sea Blue

HEX
#181A3F
RGB
rgb(24, 26, 63)
HSL
hsl(237, 45%, 17%)
HSB
hsb(237, 62%, 25%)
CMYK
cmyk(62%, 59%, 0%, 75%)
Oklch
oklch(23.9% 0.069 277.5)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9A260
62B8F9

Analogous

F9626C
F9A260
F9EF62

Triadic

F9A260
62F9A3
A362F9

Split-Comp.

F9A260
62F9EF
626CF9

Tetradic

F9A260
6CF962
62B8F9
EF62F9

Contrast Matrix WCAG 2.1 Contrast

F9A260
EC594B
B11A40
640A42
181A3F
—
1.7
Fail
3.4
AA Large
6.2
AA
8.2
AAA
1.7
Fail
—
2.0
Fail
3.7
AA Large
4.8
AA
3.4
AA Large
2.0
Fail
—
1.9
Fail
2.5
Fail
6.2
AA
3.7
AA Large
1.9
Fail
—
1.3
Fail
8.2
AAA
4.8
AA
2.5
Fail
1.3
Fail
—
White BG
2.0Fail
3.4AA Large
6.8AA
12.6AAA
16.7AAA
Black BG
10.4AAA
6.1AA
3.1AA Large
1.7Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D370
ACAB4E
706E37
3D3C34
191936

Deuteranopia

D8DF74
B5C04F
788435
424931
191934

Tritanopia

F57D7F
E55152
A9302E
602A27
182F2D

Achromatopsia

B4B4B4
838383
4B4B4B
2B2B2B
1E1E1E

Shades & Tints Shades & Tints

#F9A260

Dark
Light

#EC594B

Dark
Light

#B11A40

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9a260;
  --color-2: #ec594b;
  --color-3: #b11a40;
  --color-4: #640a42;
  --color-5: #181a3f;
}

SCSS

$color-1: #f9a260;
$color-2: #ec594b;
$color-3: #b11a40;
$color-4: #640a42;
$color-5: #181a3f;

TAILWIND

colors: {
  'brand-1': '#f9a260',
  'brand-2': '#ec594b',
  'brand-3': '#b11a40',
  'brand-4': '#640a42',
  'brand-5': '#181a3f',
}

RGB Array

[249, 162, 96], [236, 89, 75], [177, 26, 64], [100, 10, 66], [24, 26, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9A260, #EC594B, #B11A40, #640A42, #181A3F 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: #f9a260; --color-2: #ec594b; --color-3: #b11a40; --color-4: #640a42; --color-5: #181a3f. 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