← Back to Editor

#FFF0A6 · #EBB22F · #B33905 · #870404 · #25212B

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

#FFF0A6

Fresh Green · Wheat · Lemon Cream

HEX
#FFF0A6
RGB
rgb(255, 240, 166)
HSL
hsl(50, 100%, 83%)
HSB
hsb(50, 35%, 100%)
CMYK
cmyk(0%, 6%, 35%, 0%)
Oklch
oklch(95.0% 0.094 98.1)

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

#EBB22F

Ginger · GoldenRod · Sunflower

HEX
#EBB22F
RGB
rgb(235, 178, 47)
HSL
hsl(42, 82%, 55%)
HSB
hsb(42, 80%, 92%)
CMYK
cmyk(0%, 24%, 80%, 8%)
Oklch
oklch(79.6% 0.151 83.0)

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

#B33905

Tangerine · FireBrick · Amber Brown

HEX
#B33905
RGB
rgb(179, 57, 5)
HSL
hsl(18, 95%, 36%)
HSB
hsb(18, 97%, 70%)
CMYK
cmyk(0%, 68%, 97%, 30%)
Oklch
oklch(51.8% 0.166 38.2)

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

#870404

Vermilion · DarkRed · Wine Red

HEX
#870404
RGB
rgb(135, 4, 4)
HSL
hsl(0, 94%, 27%)
HSB
hsb(0, 97%, 53%)
CMYK
cmyk(0%, 97%, 97%, 47%)
Oklch
oklch(39.4% 0.159 28.8)

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

#25212B

Deep Indigo · DarkSlateGray · Dark Purple

HEX
#25212B
RGB
rgb(37, 33, 43)
HSL
hsl(264, 13%, 15%)
HSB
hsb(264, 23%, 17%)
CMYK
cmyk(14%, 23%, 0%, 83%)
Oklch
oklch(25.7% 0.019 303.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF0A6
A8B7FF

Analogous

FFC5A8
FFF0A6
E2FFA8

Triadic

FFF0A6
A8FFF1
F1A8FF

Split-Comp.

FFF0A6
A8E2FF
C5A8FF

Tetradic

FFF0A6
A8FFC5
A8B7FF
FFA8E2

Contrast Matrix WCAG 2.1 Contrast

FFF0A6
EBB22F
B33905
870404
25212B
—
1.7
Fail
5.2
AA
8.9
AAA
13.7
AAA
1.7
Fail
—
3.1
AA Large
5.3
AA
8.2
AAA
5.2
AA
3.1
AA Large
—
1.7
Fail
2.6
Fail
8.9
AAA
5.3
AA
1.7
Fail
—
1.5
Fail
13.7
AAA
8.2
AAA
2.6
Fail
1.5
Fail
—
White BG
1.1Fail
1.9Fail
6.0AA
10.2AAA
15.8AAA
Black BG
18.3AAA
10.9AAA
3.5AA Large
2.0Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F8B8
D2D24F
7E7D12
4E4D04
232329

Deuteranopia

F9FBBC
D6DA56
858E15
566004
242428

Tritanopia

FEC6C9
E8686D
AD1C1E
800404
252726

Achromatopsia

ECECEC
B4B4B4
585858
2B2B2B
232323

Shades & Tints Shades & Tints

#FFF0A6

Dark
Light

#EBB22F

Dark
Light

#B33905

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff0a6;
  --color-2: #ebb22f;
  --color-3: #b33905;
  --color-4: #870404;
  --color-5: #25212b;
}

SCSS

$color-1: #fff0a6;
$color-2: #ebb22f;
$color-3: #b33905;
$color-4: #870404;
$color-5: #25212b;

TAILWIND

colors: {
  'brand-1': '#fff0a6',
  'brand-2': '#ebb22f',
  'brand-3': '#b33905',
  'brand-4': '#870404',
  'brand-5': '#25212b',
}

RGB Array

[255, 240, 166], [235, 178, 47], [179, 57, 5], [135, 4, 4], [37, 33, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF0A6, #EBB22F, #B33905, #870404, #25212B 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: #fff0a6; --color-2: #ebb22f; --color-3: #b33905; --color-4: #870404; --color-5: #25212b. 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