← Back to Editor

#5D2B4B · #694C7D · #828DA4 · #B3C9C1 · #FFFFDB

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

#5D2B4B

Rose Purple · DarkSlateGray · Camellia

HEX
#5D2B4B
RGB
rgb(93, 43, 75)
HSL
hsl(322, 37%, 27%)
HSB
hsb(322, 54%, 36%)
CMYK
cmyk(0%, 54%, 19%, 64%)
Oklch
oklch(36.8% 0.085 343.0)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#694C7D

Dark Plum · DimGray · Eggplant

HEX
#694C7D
RGB
rgb(105, 76, 125)
HSL
hsl(276, 24%, 39%)
HSB
hsb(276, 39%, 49%)
CMYK
cmyk(16%, 39%, 0%, 51%)
Oklch
oklch(46.8% 0.084 310.6)

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

#828DA4

Azure · LightSlateGray · Navy Blue

HEX
#828DA4
RGB
rgb(130, 141, 164)
HSL
hsl(221, 16%, 58%)
HSB
hsb(221, 21%, 64%)
CMYK
cmyk(21%, 14%, 0%, 36%)
Oklch
oklch(64.2% 0.037 265.1)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#B3C9C1

Jade · Silver · Apple Green

HEX
#B3C9C1
RGB
rgb(179, 201, 193)
HSL
hsl(158, 17%, 75%)
HSB
hsb(158, 11%, 79%)
CMYK
cmyk(11%, 0%, 4%, 21%)
Oklch
oklch(81.7% 0.026 171.8)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#FFFFDB

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFDB
RGB
rgb(255, 255, 219)
HSL
hsl(60, 100%, 93%)
HSB
hsb(60, 14%, 100%)
CMYK
cmyk(0%, 0%, 14%, 0%)
Oklch
oklch(99.1% 0.047 107.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5D2B4B
2B5E3E

Analogous

582B5E
5D2B4B
5E2B32

Triadic

5D2B4B
4C5E2B
2B4C5E

Split-Comp.

5D2B4B
325E2B
2B5E58

Tetradic

5D2B4B
5E582B
2B5E3E
2B325E

Contrast Matrix WCAG 2.1 Contrast

5D2B4B
694C7D
828DA4
B3C9C1
FFFFDB
—
1.5
Fail
3.3
AA Large
6.3
AA
10.8
AAA
1.5
Fail
—
2.1
Fail
4.1
AA Large
7.0
AAA
3.3
AA Large
2.1
Fail
—
1.9
Fail
3.3
AA Large
6.3
AA
4.1
AA Large
1.9
Fail
—
1.7
Fail
10.8
AAA
7.0
AAA
3.3
AA Large
1.7
Fail
—
White BG
11.0AAA
7.2AAA
3.3AA Large
1.7Fail
1.0Fail
Black BG
1.9Fail
2.9Fail
6.3AA
12.0AAA
20.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

474743
5C5C71
87879E
BDBDC3
FFFFE4

Deuteranopia

4A4E41
5E606E
86859D
BBBAC3
FFFFE6

Tritanopia

5B3D3C
686866
839A99
B4C4C5
FFEBEC

Achromatopsia

3E3E3E
5A5A5A
8C8C8C
C2C2C2
FBFBFB

Shades & Tints Shades & Tints

#5D2B4B

Dark
Light

#694C7D

Dark
Light

#828DA4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5d2b4b;
  --color-2: #694c7d;
  --color-3: #828da4;
  --color-4: #b3c9c1;
  --color-5: #ffffdb;
}

SCSS

$color-1: #5d2b4b;
$color-2: #694c7d;
$color-3: #828da4;
$color-4: #b3c9c1;
$color-5: #ffffdb;

TAILWIND

colors: {
  'brand-1': '#5d2b4b',
  'brand-2': '#694c7d',
  'brand-3': '#828da4',
  'brand-4': '#b3c9c1',
  'brand-5': '#ffffdb',
}

RGB Array

[93, 43, 75], [105, 76, 125], [130, 141, 164], [179, 201, 193], [255, 255, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #5D2B4B, #694C7D, #828DA4, #B3C9C1, #FFFFDB 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: #5d2b4b; --color-2: #694c7d; --color-3: #828da4; --color-4: #b3c9c1; --color-5: #ffffdb. 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