← Back to Editor

#FBF8F3 · #D6A68F · #EC0042 · #741A1A · #271511

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FBF8F3

Goose Yellow · SeaShell · Peach Orange

HEX
#FBF8F3
RGB
rgb(251, 248, 243)
HSL
hsl(38, 50%, 97%)
HSB
hsb(38, 3%, 98%)
CMYK
cmyk(0%, 1%, 3%, 2%)
Oklch
oklch(98.0% 0.007 80.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D6A68F

Apricot · Tan · Warm Sun

HEX
#D6A68F
RGB
rgb(214, 166, 143)
HSL
hsl(19, 46%, 70%)
HSB
hsb(19, 33%, 84%)
CMYK
cmyk(0%, 22%, 33%, 16%)
Oklch
oklch(76.3% 0.065 46.8)

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

#EC0042

Dark Violet · Crimson · Camellia

HEX
#EC0042
RGB
rgb(236, 0, 66)
HSL
hsl(343, 100%, 46%)
HSB
hsb(343, 100%, 93%)
CMYK
cmyk(0%, 100%, 72%, 7%)
Oklch
oklch(59.7% 0.239 18.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#741A1A

Vermilion · Maroon · Wine Red

HEX
#741A1A
RGB
rgb(116, 26, 26)
HSL
hsl(0, 63%, 28%)
HSB
hsb(0, 78%, 45%)
CMYK
cmyk(0%, 78%, 78%, 55%)
Oklch
oklch(37.1% 0.124 25.7)

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

#271511

Crimson · Black · Deep Berry

HEX
#271511
RGB
rgb(39, 21, 17)
HSL
hsl(11, 39%, 11%)
HSB
hsb(11, 56%, 15%)
CMYK
cmyk(0%, 46%, 56%, 85%)
Oklch
oklch(21.9% 0.031 33.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBF8F3
F4F6FB

Analogous

FBF5F4
FBF8F3
FAFBF4

Triadic

FBF8F3
F4FBF8
F8F4FB

Split-Comp.

FBF8F3
F4FAFB
F5F4FB

Tetradic

FBF8F3
F4FBF5
F4F6FB
FBF4FA

Contrast Matrix WCAG 2.1 Contrast

FBF8F3
D6A68F
EC0042
741A1A
271511
—
2.0
Fail
4.3
AA Large
10.4
AAA
16.5
AAA
2.0
Fail
—
2.1
Fail
5.1
AA
8.1
AAA
4.3
AA Large
2.1
Fail
—
2.4
Fail
3.9
AA Large
10.4
AAA
5.1
AA
2.4
Fail
—
1.6
Fail
16.5
AAA
8.1
AAA
3.9
AA Large
1.6
Fail
—
White BG
1.1Fail
2.2Fail
4.5AA
11.0AAA
17.5AAA
Black BG
19.8AAA
9.7AAA
4.6AA
1.9Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAF4
C1C195
868432
4D4C1A
1F1F12

Deuteranopia

FAFAF5
C4C896
94A52E
52591A
202212

Tritanopia

FBF5F5
D4999A
E02523
6F1A1A
261313

Achromatopsia

F8F8F8
B2B2B2
4E4E4E
353535
1A1A1A

Shades & Tints Shades & Tints

#FBF8F3

Dark
Light

#D6A68F

Dark
Light

#EC0042

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbf8f3;
  --color-2: #d6a68f;
  --color-3: #ec0042;
  --color-4: #741a1a;
  --color-5: #271511;
}

SCSS

$color-1: #fbf8f3;
$color-2: #d6a68f;
$color-3: #ec0042;
$color-4: #741a1a;
$color-5: #271511;

TAILWIND

colors: {
  'brand-1': '#fbf8f3',
  'brand-2': '#d6a68f',
  'brand-3': '#ec0042',
  'brand-4': '#741a1a',
  'brand-5': '#271511',
}

RGB Array

[251, 248, 243], [214, 166, 143], [236, 0, 66], [116, 26, 26], [39, 21, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBF8F3, #D6A68F, #EC0042, #741A1A, #271511 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: #fbf8f3; --color-2: #d6a68f; --color-3: #ec0042; --color-4: #741a1a; --color-5: #271511. 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