← Back to Editor

#FAFAF0 · #A64151 · #56001D · #69152F · #1D0007

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FAFAF0

Fresh Green · SeaShell · Lemon Cream

HEX
#FAFAF0
RGB
rgb(250, 250, 240)
HSL
hsl(60, 50%, 96%)
HSB
hsb(60, 4%, 98%)
CMYK
cmyk(0%, 0%, 4%, 2%)
Oklch
oklch(98.2% 0.013 106.6)

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

#A64151

Crimson · Sienna · Passion Red

HEX
#A64151
RGB
rgb(166, 65, 81)
HSL
hsl(350, 44%, 45%)
HSB
hsb(350, 61%, 65%)
CMYK
cmyk(0%, 61%, 51%, 35%)
Oklch
oklch(51.7% 0.133 13.5)

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

#56001D

Dark Violet · Maroon · Raspberry

HEX
#56001D
RGB
rgb(86, 0, 29)
HSL
hsl(340, 100%, 17%)
HSB
hsb(340, 100%, 34%)
CMYK
cmyk(0%, 100%, 66%, 66%)
Oklch
oklch(28.9% 0.116 10.6)

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

#69152F

Dark Violet · Maroon · Raspberry

HEX
#69152F
RGB
rgb(105, 21, 47)
HSL
hsl(341, 67%, 25%)
HSB
hsb(341, 80%, 41%)
CMYK
cmyk(0%, 80%, 55%, 59%)
Oklch
oklch(35.0% 0.118 7.6)

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

#1D0007

Vermilion · Black · Deep Berry

HEX
#1D0007
RGB
rgb(29, 0, 7)
HSL
hsl(346, 100%, 6%)
HSB
hsb(346, 100%, 11%)
CMYK
cmyk(0%, 100%, 76%, 89%)
Oklch
oklch(14.8% 0.059 6.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAFAF0
F0F0FA

Analogous

FAF5F0
FAFAF0
F5FAF0

Triadic

FAFAF0
F0FAFA
FAF0FA

Split-Comp.

FAFAF0
F0F5FA
F5F0FA

Tetradic

FAFAF0
F0FAF5
F0F0FA
FAF0F5

Contrast Matrix WCAG 2.1 Contrast

FAFAF0
A64151
56001D
69152F
1D0007
—
5.7
AA
14.1
AAA
11.4
AAA
18.9
AAA
5.7
AA
—
2.5
Fail
2.0
Fail
3.3
AA Large
14.1
AAA
2.5
Fail
—
1.2
Fail
1.3
Fail
11.4
AAA
2.0
Fail
1.2
Fail
—
1.7
Fail
18.9
AAA
3.3
AA Large
1.3
Fail
1.7
Fail
—
White BG
1.1Fail
6.0AA
14.9AAA
12.0AAA
19.9AAA
Black BG
20.0AAA
3.5AA Large
1.4Fail
1.7Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAF2
7A794D
313016
454429
101005

Deuteranopia

FAFAF3
80884C
363C14
4A5027
121405

Tritanopia

FAF4F5
A14A49
52100F
652423
1C0404

Achromatopsia

F9F9F9
616161
1D1D1D
313131
090909

Shades & Tints Shades & Tints

#FAFAF0

Dark
Light

#A64151

Dark
Light

#56001D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fafaf0;
  --color-2: #a64151;
  --color-3: #56001d;
  --color-4: #69152f;
  --color-5: #1d0007;
}

SCSS

$color-1: #fafaf0;
$color-2: #a64151;
$color-3: #56001d;
$color-4: #69152f;
$color-5: #1d0007;

TAILWIND

colors: {
  'brand-1': '#fafaf0',
  'brand-2': '#a64151',
  'brand-3': '#56001d',
  'brand-4': '#69152f',
  'brand-5': '#1d0007',
}

RGB Array

[250, 250, 240], [166, 65, 81], [86, 0, 29], [105, 21, 47], [29, 0, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAFAF0, #A64151, #56001D, #69152F, #1D0007 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #fafaf0; --color-2: #a64151; --color-3: #56001d; --color-4: #69152f; --color-5: #1d0007. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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