← Back to Editor

#FFC35C · #F18F50 · #D94E4B · #9B123E · #4D0624

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

#FFC35C

Ginger · SandyBrown · Warm Sun

HEX
#FFC35C
RGB
rgb(255, 195, 92)
HSL
hsl(38, 100%, 68%)
HSB
hsb(38, 64%, 100%)
CMYK
cmyk(0%, 24%, 64%, 0%)
Oklch
oklch(85.2% 0.137 78.6)

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

#F18F50

Apricot · Coral · Warm Sun

HEX
#F18F50
RGB
rgb(241, 143, 80)
HSL
hsl(23, 85%, 63%)
HSB
hsb(23, 67%, 95%)
CMYK
cmyk(0%, 41%, 67%, 5%)
Oklch
oklch(74.2% 0.142 51.6)

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

#D94E4B

Vermilion · Tomato · Passion Red

HEX
#D94E4B
RGB
rgb(217, 78, 75)
HSL
hsl(1, 65%, 57%)
HSB
hsb(1, 65%, 85%)
CMYK
cmyk(0%, 64%, 65%, 15%)
Oklch
oklch(61.3% 0.175 25.0)

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

#9B123E

Dark Violet · Brown · Camellia

HEX
#9B123E
RGB
rgb(155, 18, 62)
HSL
hsl(341, 79%, 34%)
HSB
hsb(341, 88%, 61%)
CMYK
cmyk(0%, 88%, 60%, 39%)
Oklch
oklch(44.8% 0.168 10.5)

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

#4D0624

Dark Violet · Maroon · Raspberry

HEX
#4D0624
RGB
rgb(77, 6, 36)
HSL
hsl(335, 86%, 16%)
HSB
hsb(335, 92%, 30%)
CMYK
cmyk(0%, 92%, 53%, 70%)
Oklch
oklch(27.7% 0.103 2.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC35C
5C98FF

Analogous

FF725C
FFC35C
E9FF5C

Triadic

FFC35C
5CFFC3
C35CFF

Split-Comp.

FFC35C
5CE9FF
725CFF

Tetradic

FFC35C
5CFF72
5C98FF
FF5CE9

Contrast Matrix WCAG 2.1 Contrast

FFC35C
F18F50
D94E4B
9B123E
4D0624
—
1.5
Fail
2.6
Fail
5.2
AA
9.7
AAA
1.5
Fail
—
1.7
Fail
3.4
AA Large
6.4
AA
2.6
Fail
1.7
Fail
—
2.0
Fail
3.8
AA Large
5.2
AA
3.4
AA Large
2.0
Fail
—
1.9
Fail
9.7
AAA
6.4
AA
3.8
AA Large
1.9
Fail
—
White BG
1.6Fail
2.4Fail
4.1AA Large
8.2AAA
15.4AAA
Black BG
13.2AAA
8.8AAA
5.1AA
2.5Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E475
C7C65F
9D9C4C
605E33
2E2E1D

Deuteranopia

E9ED7B
CCD463
A5AF4C
687231
32381B

Tritanopia

FC898D
EC6B6E
D24C4C
942B29
491716

Achromatopsia

C9C9C9
A5A5A5
777777
404040
1F1F1F

Shades & Tints Shades & Tints

#FFC35C

Dark
Light

#F18F50

Dark
Light

#D94E4B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc35c;
  --color-2: #f18f50;
  --color-3: #d94e4b;
  --color-4: #9b123e;
  --color-5: #4d0624;
}

SCSS

$color-1: #ffc35c;
$color-2: #f18f50;
$color-3: #d94e4b;
$color-4: #9b123e;
$color-5: #4d0624;

TAILWIND

colors: {
  'brand-1': '#ffc35c',
  'brand-2': '#f18f50',
  'brand-3': '#d94e4b',
  'brand-4': '#9b123e',
  'brand-5': '#4d0624',
}

RGB Array

[255, 195, 92], [241, 143, 80], [217, 78, 75], [155, 18, 62], [77, 6, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFC35C, #F18F50, #D94E4B, #9B123E, #4D0624 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: #ffc35c; --color-2: #f18f50; --color-3: #d94e4b; --color-4: #9b123e; --color-5: #4d0624. 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