← Back to Editor

#F7DB92 · #E0BE99 · #8A9AAA · #2A1C1C · #F13228

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F7DB92

Goose Yellow · Khaki · Lemon Cream

HEX
#F7DB92
RGB
rgb(247, 219, 146)
HSL
hsl(43, 86%, 77%)
HSB
hsb(43, 41%, 97%)
CMYK
cmyk(0%, 11%, 41%, 3%)
Oklch
oklch(89.8% 0.097 89.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E0BE99

Goose Yellow · BurlyWood · Warm Sun

HEX
#E0BE99
RGB
rgb(224, 190, 153)
HSL
hsl(31, 53%, 74%)
HSB
hsb(31, 32%, 88%)
CMYK
cmyk(0%, 15%, 32%, 12%)
Oklch
oklch(82.2% 0.063 69.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#8A9AAA

Azure · LightSlateGray · Navy Blue

HEX
#8A9AAA
RGB
rgb(138, 154, 170)
HSL
hsl(210, 16%, 60%)
HSB
hsb(210, 19%, 67%)
CMYK
cmyk(19%, 9%, 0%, 33%)
Oklch
oklch(67.9% 0.030 248.3)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#2A1C1C

Crimson · Black · Deep Berry

HEX
#2A1C1C
RGB
rgb(42, 28, 28)
HSL
hsl(0, 20%, 14%)
HSB
hsb(0, 33%, 16%)
CMYK
cmyk(0%, 33%, 33%, 84%)
Oklch
oklch(24.4% 0.022 18.8)

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

#F13228

Vermilion · Crimson · Passion Red

HEX
#F13228
RGB
rgb(241, 50, 40)
HSL
hsl(3, 88%, 55%)
HSB
hsb(3, 83%, 95%)
CMYK
cmyk(0%, 79%, 83%, 5%)
Oklch
oklch(62.3% 0.226 28.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7DB92
92AEF7

Analogous

F7A892
F7DB92
E1F792

Triadic

F7DB92
92F7DA
DA92F7

Split-Comp.

F7DB92
92E1F7
A892F7

Tetradic

F7DB92
92F7A8
92AEF7
F792E1

Contrast Matrix WCAG 2.1 Contrast

F7DB92
E0BE99
8A9AAA
2A1C1C
F13228
—
1.3
Fail
2.1
Fail
12.1
AAA
3.0
Fail
1.3
Fail
—
1.6
Fail
9.4
AAA
2.3
Fail
2.1
Fail
1.6
Fail
—
5.7
AA
1.4
Fail
12.1
AAA
9.4
AAA
5.7
AA
—
4.1
AA Large
3.0
Fail
2.3
Fail
1.4
Fail
4.1
AA Large
—
White BG
1.4Fail
1.8Fail
2.9Fail
16.4AAA
4.0AA Large
Black BG
15.5AAA
12.0AAA
7.3AAA
1.3Fail
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBA4
D1D1A2
9191A6
24241C
9E9D2A

Deuteranopia

EDEFA8
D3D6A4
908FA5
25261C
A9B82B

Tritanopia

F6B2B5
DEA9AB
8BA3A2
291C1C
E72C2D

Achromatopsia

DBDBDB
C4C4C4
979797
202020
6A6A6A

Shades & Tints Shades & Tints

#F7DB92

Dark
Light

#E0BE99

Dark
Light

#8A9AAA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7db92;
  --color-2: #e0be99;
  --color-3: #8a9aaa;
  --color-4: #2a1c1c;
  --color-5: #f13228;
}

SCSS

$color-1: #f7db92;
$color-2: #e0be99;
$color-3: #8a9aaa;
$color-4: #2a1c1c;
$color-5: #f13228;

TAILWIND

colors: {
  'brand-1': '#f7db92',
  'brand-2': '#e0be99',
  'brand-3': '#8a9aaa',
  'brand-4': '#2a1c1c',
  'brand-5': '#f13228',
}

RGB Array

[247, 219, 146], [224, 190, 153], [138, 154, 170], [42, 28, 28], [241, 50, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7DB92, #E0BE99, #8A9AAA, #2A1C1C, #F13228 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f7db92; --color-2: #e0be99; --color-3: #8a9aaa; --color-4: #2a1c1c; --color-5: #f13228. 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 tech, SaaS, healthcare, eco industries. 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