← Back to Editor

#FFFB98 · #7B452D · #310909 · #0F0205 · #841114

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

#FFFB98

Fresh Green · Khaki · Lemon Cream

HEX
#FFFB98
RGB
rgb(255, 251, 152)
HSL
hsl(58, 100%, 80%)
HSB
hsb(58, 40%, 100%)
CMYK
cmyk(0%, 2%, 40%, 0%)
Oklch
oklch(97.0% 0.121 106.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#7B452D

Tangerine · Sienna · Amber Brown

HEX
#7B452D
RGB
rgb(123, 69, 45)
HSL
hsl(18, 46%, 33%)
HSB
hsb(18, 63%, 48%)
CMYK
cmyk(0%, 44%, 63%, 52%)
Oklch
oklch(45.0% 0.083 44.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#310909

Vermilion · Black · Deep Berry

HEX
#310909
RGB
rgb(49, 9, 9)
HSL
hsl(0, 69%, 11%)
HSB
hsb(0, 82%, 19%)
CMYK
cmyk(0%, 82%, 82%, 81%)
Oklch
oklch(21.3% 0.065 24.5)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#0F0205

Vermilion · Black · Deep Berry

HEX
#0F0205
RGB
rgb(15, 2, 5)
HSL
hsl(346, 76%, 3%)
HSB
hsb(346, 87%, 6%)
CMYK
cmyk(0%, 87%, 67%, 94%)
Oklch
oklch(12.0% 0.033 2.1)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#841114

Vermilion · Maroon · Wine Red

HEX
#841114
RGB
rgb(132, 17, 20)
HSL
hsl(358, 77%, 29%)
HSB
hsb(358, 87%, 52%)
CMYK
cmyk(0%, 87%, 85%, 48%)
Oklch
oklch(39.5% 0.148 26.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFB98
999CFF

Analogous

FFC999
FFFB98
CFFF99

Triadic

FFFB98
99FFFC
FC99FF

Split-Comp.

FFFB98
99CFFF
C999FF

Tetradic

FFFB98
99FFC9
999CFF
FF99CF

Contrast Matrix WCAG 2.1 Contrast

FFFB98
7B452D
310909
0F0205
841114
—
7.1
AAA
16.6
AAA
18.9
AAA
9.4
AAA
7.1
AAA
—
2.3
Fail
2.6
Fail
1.3
Fail
16.6
AAA
2.3
Fail
—
1.1
Fail
1.8
Fail
18.9
AAA
2.6
Fail
1.1
Fail
—
2.0
Fail
9.4
AAA
1.3
Fail
1.8
Fail
2.0
Fail
—
White BG
1.1Fail
7.7AAA
17.9AAA
20.4AAA
10.1AAA
Black BG
19.5AAA
2.7Fail
1.2Fail
1.0Fail
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDB0
646333
201F09
090904
525113

Deuteranopia

FEFEB6
676B34
222509
0A0B04
596113

Tritanopia

FFC3C7
783738
2F0909
0E0404
7E1313

Achromatopsia

F1F1F1
525252
151515
060606
343434

Shades & Tints Shades & Tints

#FFFB98

Dark
Light

#7B452D

Dark
Light

#310909

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffb98;
  --color-2: #7b452d;
  --color-3: #310909;
  --color-4: #0f0205;
  --color-5: #841114;
}

SCSS

$color-1: #fffb98;
$color-2: #7b452d;
$color-3: #310909;
$color-4: #0f0205;
$color-5: #841114;

TAILWIND

colors: {
  'brand-1': '#fffb98',
  'brand-2': '#7b452d',
  'brand-3': '#310909',
  'brand-4': '#0f0205',
  'brand-5': '#841114',
}

RGB Array

[255, 251, 152], [123, 69, 45], [49, 9, 9], [15, 2, 5], [132, 17, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFB98, #7B452D, #310909, #0F0205, #841114 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #fffb98; --color-2: #7b452d; --color-3: #310909; --color-4: #0f0205; --color-5: #841114. 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. 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