← Back to Editor

#4F4069 · #816188 · #C48F8B · #F4DFCA · #8E2F51

sunset

A 5-color sunset 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

#4F4069

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#4F4069
RGB
rgb(79, 64, 105)
HSL
hsl(262, 24%, 33%)
HSB
hsb(262, 39%, 41%)
CMYK
cmyk(25%, 39%, 0%, 59%)
Oklch
oklch(40.5% 0.069 300.2)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#816188

Dark Plum · Gray · Violet

HEX
#816188
RGB
rgb(129, 97, 136)
HSL
hsl(289, 17%, 46%)
HSB
hsb(289, 29%, 53%)
CMYK
cmyk(5%, 29%, 0%, 47%)
Oklch
oklch(53.9% 0.071 320.2)

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

#C48F8B

Peach Pink · Tan · Coral Red

HEX
#C48F8B
RGB
rgb(196, 143, 139)
HSL
hsl(4, 33%, 66%)
HSB
hsb(4, 29%, 77%)
CMYK
cmyk(0%, 27%, 29%, 23%)
Oklch
oklch(70.0% 0.065 23.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F4DFCA

Goose Yellow · Bisque · Peach Orange

HEX
#F4DFCA
RGB
rgb(244, 223, 202)
HSL
hsl(30, 66%, 87%)
HSB
hsb(30, 17%, 96%)
CMYK
cmyk(0%, 9%, 17%, 4%)
Oklch
oklch(91.5% 0.036 67.3)

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

#8E2F51

Dark Violet · Brown · Camellia

HEX
#8E2F51
RGB
rgb(142, 47, 81)
HSL
hsl(339, 50%, 37%)
HSB
hsb(339, 67%, 56%)
CMYK
cmyk(0%, 67%, 43%, 44%)
Oklch
oklch(45.5% 0.132 1.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F4069
5A6840

Analogous

404568
4F4069
634068

Triadic

4F4069
684F40
40684F

Split-Comp.

4F4069
686340
456840

Tetradic

4F4069
684045
5A6840
406863

Contrast Matrix WCAG 2.1 Contrast

4F4069
816188
C48F8B
F4DFCA
8E2F51
—
1.8
Fail
3.4
AA Large
7.2
AAA
1.2
Fail
1.8
Fail
—
1.9
Fail
4.1
AA Large
1.5
Fail
3.4
AA Large
1.9
Fail
—
2.1
Fail
2.9
Fail
7.2
AAA
4.1
AA Large
2.1
Fail
—
6.1
AA
1.2
Fail
1.5
Fail
2.9
Fail
6.1
AA
—
White BG
9.3AAA
5.3AA
2.7Fail
1.3Fail
7.8AAA
Black BG
2.3Fail
4.0AA Large
7.6AAA
16.3AAA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

49485F
73737F
ADAD8C
EBEBCF
656449

Deuteranopia

494B5D
75777C
B0B48C
ECEED0
6A7147

Tritanopia

4E5756
7F7775
C18D8D
F3D3D4
894241

Achromatopsia

494949
6F6F6F
9E9E9E
E3E3E3
4F4F4F

Shades & Tints Shades & Tints

#4F4069

Dark
Light

#816188

Dark
Light

#C48F8B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f4069;
  --color-2: #816188;
  --color-3: #c48f8b;
  --color-4: #f4dfca;
  --color-5: #8e2f51;
}

SCSS

$color-1: #4f4069;
$color-2: #816188;
$color-3: #c48f8b;
$color-4: #f4dfca;
$color-5: #8e2f51;

TAILWIND

colors: {
  'brand-1': '#4f4069',
  'brand-2': '#816188',
  'brand-3': '#c48f8b',
  'brand-4': '#f4dfca',
  'brand-5': '#8e2f51',
}

RGB Array

[79, 64, 105], [129, 97, 136], [196, 143, 139], [244, 223, 202], [142, 47, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #4F4069, #816188, #C48F8B, #F4DFCA, #8E2F51 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: #4f4069; --color-2: #816188; --color-3: #c48f8b; --color-4: #f4dfca; --color-5: #8e2f51. 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 sunset-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