← Back to Editor

#94BAA5 · #C3A9A3 · #D2838A · #AF295A · #5D1A27

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#94BAA5

Celadon · DarkSeaGreen · Apple Green

HEX
#94BAA5
RGB
rgb(148, 186, 165)
HSL
hsl(147, 22%, 65%)
HSB
hsb(147, 20%, 73%)
CMYK
cmyk(20%, 0%, 11%, 27%)
Oklch
oklch(75.5% 0.051 160.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#C3A9A3

Peach Pink · DarkGray · Coral Red

HEX
#C3A9A3
RGB
rgb(195, 169, 163)
HSL
hsl(11, 21%, 70%)
HSB
hsb(11, 16%, 76%)
CMYK
cmyk(0%, 13%, 16%, 24%)
Oklch
oklch(75.6% 0.032 33.1)

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

#D2838A

Peach Pink · LightCoral · Coral Red

HEX
#D2838A
RGB
rgb(210, 131, 138)
HSL
hsl(355, 47%, 67%)
HSB
hsb(355, 38%, 82%)
CMYK
cmyk(0%, 38%, 34%, 18%)
Oklch
oklch(69.4% 0.098 14.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#AF295A

Dark Violet · Brown · Camellia

HEX
#AF295A
RGB
rgb(175, 41, 90)
HSL
hsl(338, 62%, 42%)
HSB
hsb(338, 77%, 69%)
CMYK
cmyk(0%, 77%, 49%, 31%)
Oklch
oklch(50.8% 0.173 4.0)

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

#5D1A27

Crimson · Maroon · Wine Red

HEX
#5D1A27
RGB
rgb(93, 26, 39)
HSL
hsl(348, 56%, 23%)
HSB
hsb(348, 72%, 36%)
CMYK
cmyk(0%, 72%, 58%, 64%)
Oklch
oklch(33.0% 0.097 12.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94BAA5
B992A8

Analogous

94B992
94BAA5
92B9B7

Triadic

94BAA5
A492B9
B9A492

Split-Comp.

94BAA5
B792B9
B99294

Tetradic

94BAA5
9294B9
B992A8
B9B792

Contrast Matrix WCAG 2.1 Contrast

94BAA5
C3A9A3
D2838A
AF295A
5D1A27
—
1.0
Fail
1.3
Fail
3.0
Fail
6.0
AA
1.0
Fail
—
1.3
Fail
2.9
Fail
5.8
AA
1.3
Fail
1.3
Fail
—
2.2
Fail
4.5
AA Large
3.0
Fail
2.9
Fail
2.2
Fail
—
2.0
Fail
6.0
AA
5.8
AA
4.5
AA Large
2.0
Fail
—
White BG
2.1Fail
2.2Fail
2.9Fail
6.4AA
12.8AAA
Black BG
9.8AAA
9.5AAA
7.4AAA
3.3AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A5AA
B8B8A4
B0AF88
75744E
403F24

Deuteranopia

A29FAB
B9BBA5
B4BA88
7D874B
444923

Tritanopia

96AEAF
C2A6A6
CE8787
A84543
5A2121

Achromatopsia

ACACAC
B0B0B0
9B9B9B
575757
303030

Shades & Tints Shades & Tints

#94BAA5

Dark
Light

#C3A9A3

Dark
Light

#D2838A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94baa5;
  --color-2: #c3a9a3;
  --color-3: #d2838a;
  --color-4: #af295a;
  --color-5: #5d1a27;
}

SCSS

$color-1: #94baa5;
$color-2: #c3a9a3;
$color-3: #d2838a;
$color-4: #af295a;
$color-5: #5d1a27;

TAILWIND

colors: {
  'brand-1': '#94baa5',
  'brand-2': '#c3a9a3',
  'brand-3': '#d2838a',
  'brand-4': '#af295a',
  'brand-5': '#5d1a27',
}

RGB Array

[148, 186, 165], [195, 169, 163], [210, 131, 138], [175, 41, 90], [93, 26, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #94BAA5, #C3A9A3, #D2838A, #AF295A, #5D1A27 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: #94baa5; --color-2: #c3a9a3; --color-3: #d2838a; --color-4: #af295a; --color-5: #5d1a27. 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