← Back to Editor

#F9E4DD · #BE6769 · #8E2E59 · #4F1062 · #0F1039

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

#F9E4DD

Apricot · Linen · Peach Orange

HEX
#F9E4DD
RGB
rgb(249, 228, 221)
HSL
hsl(15, 70%, 92%)
HSB
hsb(15, 11%, 98%)
CMYK
cmyk(0%, 8%, 11%, 2%)
Oklch
oklch(93.4% 0.025 39.4)

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

#BE6769

Crimson · LightCoral · Passion Red

HEX
#BE6769
RGB
rgb(190, 103, 105)
HSL
hsl(359, 40%, 57%)
HSB
hsb(359, 46%, 75%)
CMYK
cmyk(0%, 46%, 45%, 25%)
Oklch
oklch(61.4% 0.111 19.4)

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

#8E2E59

Dark Violet · Brown · Camellia

HEX
#8E2E59
RGB
rgb(142, 46, 89)
HSL
hsl(333, 51%, 37%)
HSB
hsb(333, 68%, 56%)
CMYK
cmyk(0%, 68%, 37%, 44%)
Oklch
oklch(45.6% 0.136 356.3)

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

#4F1062

Royal Purple · MidnightBlue · Eggplant

HEX
#4F1062
RGB
rgb(79, 16, 98)
HSL
hsl(286, 72%, 22%)
HSB
hsb(286, 84%, 38%)
CMYK
cmyk(19%, 84%, 0%, 62%)
Oklch
oklch(32.6% 0.139 316.7)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#0F1039

Indigo · MidnightBlue · Deep Sea Blue

HEX
#0F1039
RGB
rgb(15, 16, 57)
HSL
hsl(239, 58%, 14%)
HSB
hsb(239, 74%, 22%)
CMYK
cmyk(74%, 72%, 0%, 78%)
Oklch
oklch(20.3% 0.078 276.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9E4DD
DCF2F9

Analogous

F9DCE3
F9E4DD
F9F2DC

Triadic

F9E4DD
DCF9E3
E3DCF9

Split-Comp.

F9E4DD
DCF9F2
DCE3F9

Tetradic

F9E4DD
E3F9DC
DCF2F9
F2DCF9

Contrast Matrix WCAG 2.1 Contrast

F9E4DD
BE6769
8E2E59
4F1062
0F1039
—
3.2
AA Large
6.4
AA
10.8
AAA
14.9
AAA
3.2
AA Large
—
2.0
Fail
3.4
AA Large
4.6
AA
6.4
AA
2.0
Fail
—
1.7
Fail
2.3
Fail
10.8
AAA
3.4
AA Large
1.7
Fail
—
1.4
Fail
14.9
AAA
4.6
AA
2.3
Fail
1.4
Fail
—
White BG
1.2Fail
3.9AA Large
7.8AAA
13.3AAA
18.2AAA
Black BG
17.2AAA
5.3AA
2.7Fail
1.6Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0DF
989869
64644F
34334E
0F0F2F

Deuteranopia

F1F3DF
9DA468
6A714C
373C49
0F0F2D

Tritanopia

F8E0E0
BA6868
894645
4C3E3B
0F2726

Achromatopsia

E9E9E9
818181
505050
2C2C2C
141414

Shades & Tints Shades & Tints

#F9E4DD

Dark
Light

#BE6769

Dark
Light

#8E2E59

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9e4dd;
  --color-2: #be6769;
  --color-3: #8e2e59;
  --color-4: #4f1062;
  --color-5: #0f1039;
}

SCSS

$color-1: #f9e4dd;
$color-2: #be6769;
$color-3: #8e2e59;
$color-4: #4f1062;
$color-5: #0f1039;

TAILWIND

colors: {
  'brand-1': '#f9e4dd',
  'brand-2': '#be6769',
  'brand-3': '#8e2e59',
  'brand-4': '#4f1062',
  'brand-5': '#0f1039',
}

RGB Array

[249, 228, 221], [190, 103, 105], [142, 46, 89], [79, 16, 98], [15, 16, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9E4DD, #BE6769, #8E2E59, #4F1062, #0F1039 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: #f9e4dd; --color-2: #be6769; --color-3: #8e2e59; --color-4: #4f1062; --color-5: #0f1039. 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