← Back to Editor

#F7C79F · #BB9882 · #DA4D44 · #91342D · #2B0D0D

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

#F7C79F

Apricot · Wheat · Peach Orange

HEX
#F7C79F
RGB
rgb(247, 199, 159)
HSL
hsl(27, 85%, 80%)
HSB
hsb(27, 36%, 97%)
CMYK
cmyk(0%, 19%, 36%, 3%)
Oklch
oklch(86.2% 0.076 61.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#BB9882

Apricot · Tan · Warm Sun

HEX
#BB9882
RGB
rgb(187, 152, 130)
HSL
hsl(23, 30%, 62%)
HSB
hsb(23, 30%, 73%)
CMYK
cmyk(0%, 19%, 30%, 27%)
Oklch
oklch(70.6% 0.052 53.8)

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

#DA4D44

Vermilion · Tomato · Passion Red

HEX
#DA4D44
RGB
rgb(218, 77, 68)
HSL
hsl(4, 67%, 56%)
HSB
hsb(4, 69%, 85%)
CMYK
cmyk(0%, 65%, 69%, 15%)
Oklch
oklch(61.2% 0.178 27.3)

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

#91342D

Crimson · Brown · Wine Red

HEX
#91342D
RGB
rgb(145, 52, 45)
HSL
hsl(4, 53%, 37%)
HSB
hsb(4, 69%, 57%)
CMYK
cmyk(0%, 64%, 69%, 43%)
Oklch
oklch(45.7% 0.127 27.5)

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

#2B0D0D

Crimson · Black · Deep Berry

HEX
#2B0D0D
RGB
rgb(43, 13, 13)
HSL
hsl(0, 54%, 11%)
HSB
hsb(0, 70%, 17%)
CMYK
cmyk(0%, 70%, 70%, 83%)
Oklch
oklch(20.9% 0.050 22.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7C79F
A1D0F7

Analogous

F7A1A5
F7C79F
F7F3A1

Triadic

F7C79F
A1F7C8
C8A1F7

Split-Comp.

F7C79F
A1F7F3
A1A5F7

Tetradic

F7C79F
A5F7A1
A1D0F7
F3A1F7

Contrast Matrix WCAG 2.1 Contrast

F7C79F
BB9882
DA4D44
91342D
2B0D0D
—
1.7
Fail
2.7
Fail
5.0
AA
11.7
AAA
1.7
Fail
—
1.5
Fail
2.9
Fail
6.8
AA
2.7
Fail
1.5
Fail
—
1.9
Fail
4.4
AA Large
5.0
AA
2.9
Fail
1.9
Fail
—
2.3
Fail
11.7
AAA
6.8
AA
4.4
AA Large
2.3
Fail
—
White BG
1.5Fail
2.6Fail
4.1AA Large
7.7AAA
18.0AAA
Black BG
13.6AAA
7.9AAA
5.1AA
2.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2A9
ACAC87
9D9C46
69682F
1E1E0D

Deuteranopia

E5E9AB
AEB189
A5B047
6E752F
20220D

Tritanopia

F5B0B2
B98C8C
D34848
8C3030
2A0D0D

Achromatopsia

D1D1D1
A0A0A0
767676
4F4F4F
161616

Shades & Tints Shades & Tints

#F7C79F

Dark
Light

#BB9882

Dark
Light

#DA4D44

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7c79f;
  --color-2: #bb9882;
  --color-3: #da4d44;
  --color-4: #91342d;
  --color-5: #2b0d0d;
}

SCSS

$color-1: #f7c79f;
$color-2: #bb9882;
$color-3: #da4d44;
$color-4: #91342d;
$color-5: #2b0d0d;

TAILWIND

colors: {
  'brand-1': '#f7c79f',
  'brand-2': '#bb9882',
  'brand-3': '#da4d44',
  'brand-4': '#91342d',
  'brand-5': '#2b0d0d',
}

RGB Array

[247, 199, 159], [187, 152, 130], [218, 77, 68], [145, 52, 45], [43, 13, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7C79F, #BB9882, #DA4D44, #91342D, #2B0D0D 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: #f7c79f; --color-2: #bb9882; --color-3: #da4d44; --color-4: #91342d; --color-5: #2b0d0d. 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