← Back to Editor

#323C52 · #385B80 · #3A8A9E · #38B6BA · #D994EF

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#323C52

Indigo · DarkSlateGray · Prussian Blue

HEX
#323C52
RGB
rgb(50, 60, 82)
HSL
hsl(221, 24%, 26%)
HSB
hsb(221, 39%, 32%)
CMYK
cmyk(39%, 27%, 0%, 68%)
Oklch
oklch(35.7% 0.041 265.5)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#385B80

Indigo · DarkSlateBlue · Prussian Blue

HEX
#385B80
RGB
rgb(56, 91, 128)
HSL
hsl(211, 39%, 36%)
HSB
hsb(211, 56%, 50%)
CMYK
cmyk(56%, 29%, 0%, 50%)
Oklch
oklch(46.1% 0.073 250.9)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#3A8A9E

Slate Blue · SteelBlue · Mint Ice

HEX
#3A8A9E
RGB
rgb(58, 138, 158)
HSL
hsl(192, 46%, 42%)
HSB
hsb(192, 63%, 62%)
CMYK
cmyk(63%, 13%, 0%, 38%)
Oklch
oklch(59.2% 0.083 217.0)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#38B6BA

Lake Blue · LightSeaGreen · Mint Ice

HEX
#38B6BA
RGB
rgb(56, 182, 186)
HSL
hsl(182, 54%, 47%)
HSB
hsb(182, 70%, 73%)
CMYK
cmyk(70%, 2%, 0%, 27%)
Oklch
oklch(71.1% 0.107 198.1)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#D994EF

Lilac · Violet · Lilac Purple

HEX
#D994EF
RGB
rgb(217, 148, 239)
HSL
hsl(285, 74%, 76%)
HSB
hsb(285, 38%, 94%)
CMYK
cmyk(9%, 38%, 0%, 6%)
Oklch
oklch(76.6% 0.145 317.7)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

323C52
524832

Analogous

324C52
323C52
383252

Triadic

323C52
52323C
3C5232

Split-Comp.

323C52
523832
4C5232

Tetradic

323C52
52324C
524832
325238

Contrast Matrix WCAG 2.1 Contrast

323C52
385B80
3A8A9E
38B6BA
D994EF
—
1.6
Fail
2.8
Fail
4.5
AA
5.0
AA
1.6
Fail
—
1.8
Fail
2.9
Fail
3.2
AA Large
2.8
Fail
1.8
Fail
—
1.6
Fail
1.8
Fail
4.5
AA
2.9
Fail
1.6
Fail
—
1.1
Fail
5.0
AA
3.2
AA Large
1.8
Fail
1.1
Fail
—
White BG
11.0AAA
7.1AAA
4.0AA Large
2.5Fail
2.2Fail
Black BG
1.9Fail
3.0Fail
5.3AA
8.6AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

36364D
474777
5D5D99
6F70B9
BBBBD9

Deuteranopia

36354B
454375
585298
675EB9
BFC4D4

Tritanopia

334848
3A706E
3E9595
3EB8B8
D6C8C4

Achromatopsia

3C3C3C
555555
747474
919191
B3B3B3

Shades & Tints Shades & Tints

#323C52

Dark
Light

#385B80

Dark
Light

#3A8A9E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #323c52;
  --color-2: #385b80;
  --color-3: #3a8a9e;
  --color-4: #38b6ba;
  --color-5: #d994ef;
}

SCSS

$color-1: #323c52;
$color-2: #385b80;
$color-3: #3a8a9e;
$color-4: #38b6ba;
$color-5: #d994ef;

TAILWIND

colors: {
  'brand-1': '#323c52',
  'brand-2': '#385b80',
  'brand-3': '#3a8a9e',
  'brand-4': '#38b6ba',
  'brand-5': '#d994ef',
}

RGB Array

[50, 60, 82], [56, 91, 128], [58, 138, 158], [56, 182, 186], [217, 148, 239]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #323C52, #385B80, #3A8A9E, #38B6BA, #D994EF 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: #323c52; --color-2: #385b80; --color-3: #3a8a9e; --color-4: #38b6ba; --color-5: #d994ef. 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