← Back to Editor

#F2F0CB · #F7950C · #F75A0D · #991900 · #0A1626

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

#F2F0CB

Fresh Green · Beige · Lemon Cream

HEX
#F2F0CB
RGB
rgb(242, 240, 203)
HSL
hsl(57, 60%, 87%)
HSB
hsb(57, 16%, 95%)
CMYK
cmyk(0%, 1%, 16%, 5%)
Oklch
oklch(94.7% 0.048 104.7)

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

#F7950C

Ginger · Orange · Warm Sun

HEX
#F7950C
RGB
rgb(247, 149, 12)
HSL
hsl(35, 94%, 51%)
HSB
hsb(35, 95%, 97%)
CMYK
cmyk(0%, 40%, 95%, 3%)
Oklch
oklch(75.5% 0.168 64.6)

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

#F75A0D

Tangerine · OrangeRed · Warm Sun

HEX
#F75A0D
RGB
rgb(247, 90, 13)
HSL
hsl(20, 94%, 51%)
HSB
hsb(20, 95%, 97%)
CMYK
cmyk(0%, 64%, 95%, 3%)
Oklch
oklch(66.9% 0.205 40.2)

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

#991900

Vermilion · DarkRed · Wine Red

HEX
#991900
RGB
rgb(153, 25, 0)
HSL
hsl(10, 100%, 30%)
HSB
hsb(10, 100%, 60%)
CMYK
cmyk(0%, 84%, 100%, 40%)
Oklch
oklch(44.0% 0.165 32.3)

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

#0A1626

Indigo · Black · Deep Sea Blue

HEX
#0A1626
RGB
rgb(10, 22, 38)
HSL
hsl(214, 58%, 9%)
HSB
hsb(214, 74%, 15%)
CMYK
cmyk(74%, 42%, 0%, 85%)
Oklch
oklch(19.8% 0.037 256.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2F0CB
CACCF2

Analogous

F2DCCA
F2F0CB
E0F2CA

Triadic

F2F0CB
CAF2F0
F0CAF2

Split-Comp.

F2F0CB
CAE0F2
DCCAF2

Tetradic

F2F0CB
CAF2DC
CACCF2
F2CAE0

Contrast Matrix WCAG 2.1 Contrast

F2F0CB
F7950C
F75A0D
991900
0A1626
—
2.0
Fail
2.8
Fail
7.3
AAA
15.7
AAA
2.0
Fail
—
1.4
Fail
3.7
AA Large
8.0
AAA
2.8
Fail
1.4
Fail
—
2.6
Fail
5.6
AA
7.3
AAA
3.7
AA Large
2.6
Fail
—
2.2
Fail
15.7
AAA
8.0
AAA
5.6
AA
2.2
Fail
—
White BG
1.2Fail
2.3Fail
3.3AA Large
8.4AAA
18.2AAA
Black BG
18.1AAA
9.3AAA
6.4AA
2.5Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1D4
CDCC2D
B3B220
626006
0F0F22

Deuteranopia

F1F1D6
D2DA35
BCC824
697308
0F0E21

Tritanopia

F2DBDD
F2474D
EF2E32
930B0C
0B1F1E

Achromatopsia

ECECEC
A3A3A3
808080
3C3C3C
141414

Shades & Tints Shades & Tints

#F2F0CB

Dark
Light

#F7950C

Dark
Light

#F75A0D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2f0cb;
  --color-2: #f7950c;
  --color-3: #f75a0d;
  --color-4: #991900;
  --color-5: #0a1626;
}

SCSS

$color-1: #f2f0cb;
$color-2: #f7950c;
$color-3: #f75a0d;
$color-4: #991900;
$color-5: #0a1626;

TAILWIND

colors: {
  'brand-1': '#f2f0cb',
  'brand-2': '#f7950c',
  'brand-3': '#f75a0d',
  'brand-4': '#991900',
  'brand-5': '#0a1626',
}

RGB Array

[242, 240, 203], [247, 149, 12], [247, 90, 13], [153, 25, 0], [10, 22, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2F0CB, #F7950C, #F75A0D, #991900, #0A1626 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: #f2f0cb; --color-2: #f7950c; --color-3: #f75a0d; --color-4: #991900; --color-5: #0a1626. 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