← Back to Editor

#F1B35B · #F1AC0A · #E26810 · #9D1609 · #4F828D

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 App

Color Details Color Details

#F1B35B

Ginger · SandyBrown · Warm Sun

HEX
#F1B35B
RGB
rgb(241, 179, 91)
HSL
hsl(35, 84%, 65%)
HSB
hsb(35, 62%, 95%)
CMYK
cmyk(0%, 26%, 62%, 5%)
Oklch
oklch(80.8% 0.127 73.8)

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

#F1AC0A

Ochre · Orange · Honey Gold

HEX
#F1AC0A
RGB
rgb(241, 172, 10)
HSL
hsl(42, 92%, 49%)
HSB
hsb(42, 96%, 95%)
CMYK
cmyk(0%, 29%, 96%, 5%)
Oklch
oklch(79.0% 0.162 79.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#E26810

Tangerine · Chocolate · Amber Brown

HEX
#E26810
RGB
rgb(226, 104, 16)
HSL
hsl(25, 87%, 47%)
HSB
hsb(25, 93%, 89%)
CMYK
cmyk(0%, 54%, 93%, 11%)
Oklch
oklch(65.5% 0.174 48.0)

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

#9D1609

Vermilion · DarkRed · Wine Red

HEX
#9D1609
RGB
rgb(157, 22, 9)
HSL
hsl(5, 89%, 33%)
HSB
hsb(5, 94%, 62%)
CMYK
cmyk(0%, 86%, 94%, 38%)
Oklch
oklch(44.7% 0.170 30.2)

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

#4F828D

Slate Blue · SlateGray · Mint Ice

HEX
#4F828D
RGB
rgb(79, 130, 141)
HSL
hsl(191, 28%, 43%)
HSB
hsb(191, 44%, 55%)
CMYK
cmyk(44%, 8%, 0%, 45%)
Oklch
oklch(57.5% 0.057 212.9)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1B35B
5B99F1

Analogous

F1675B
F1B35B
E4F15B

Triadic

F1B35B
5BF1B2
B25BF1

Split-Comp.

F1B35B
5BE4F1
675BF1

Tetradic

F1B35B
5BF167
5B99F1
F15BE4

Contrast Matrix WCAG 2.1 Contrast

F1B35B
F1AC0A
E26810
9D1609
4F828D
—
1.1
Fail
1.8
Fail
4.4
AA Large
2.3
Fail
1.1
Fail
—
1.7
Fail
4.2
AA Large
2.2
Fail
1.8
Fail
1.7
Fail
—
2.4
Fail
1.3
Fail
4.4
AA Large
4.2
AA Large
2.4
Fail
—
1.9
Fail
2.3
Fail
2.2
Fail
1.3
Fail
1.9
Fail
—
White BG
1.9Fail
2.0Fail
3.4AA Large
8.2AAA
4.3AA Large
Black BG
11.3AAA
10.6AAA
6.2AA
2.6Fail
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D670
D3D331
ADAC25
63610C
65668A

Deuteranopia

DADE75
D7DC3B
B4BD2A
6A740D
625E8A

Tritanopia

EE8185
EE5057
DC363A
960F0F
528888

Achromatopsia

BCBCBC
AEAEAE
828282
3D3D3D
747474

Shades & Tints Shades & Tints

#F1B35B

Dark
Light

#F1AC0A

Dark
Light

#E26810

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1b35b;
  --color-2: #f1ac0a;
  --color-3: #e26810;
  --color-4: #9d1609;
  --color-5: #4f828d;
}

SCSS

$color-1: #f1b35b;
$color-2: #f1ac0a;
$color-3: #e26810;
$color-4: #9d1609;
$color-5: #4f828d;

TAILWIND

colors: {
  'brand-1': '#f1b35b',
  'brand-2': '#f1ac0a',
  'brand-3': '#e26810',
  'brand-4': '#9d1609',
  'brand-5': '#4f828d',
}

RGB Array

[241, 179, 91], [241, 172, 10], [226, 104, 16], [157, 22, 9], [79, 130, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1B35B, #F1AC0A, #E26810, #9D1609, #4F828D is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #f1b35b; --color-2: #f1ac0a; --color-3: #e26810; --color-4: #9d1609; --color-5: #4f828d. 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. 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