← Back to Editor

#ED5A52 · #CE626F · #8F7173 · #606465 · #174F46

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

#ED5A52

Peach Pink · Tomato · Coral Red

HEX
#ED5A52
RGB
rgb(237, 90, 82)
HSL
hsl(3, 81%, 63%)
HSB
hsb(3, 65%, 93%)
CMYK
cmyk(0%, 62%, 65%, 7%)
Oklch
oklch(65.9% 0.183 26.4)

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

#CE626F

Crimson · LightCoral · Passion Red

HEX
#CE626F
RGB
rgb(206, 98, 111)
HSL
hsl(353, 52%, 60%)
HSB
hsb(353, 52%, 81%)
CMYK
cmyk(0%, 52%, 46%, 19%)
Oklch
oklch(63.0% 0.137 14.4)

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

#8F7173

Crimson · Gray · Passion Red

HEX
#8F7173
RGB
rgb(143, 113, 115)
HSL
hsl(356, 12%, 50%)
HSB
hsb(356, 21%, 56%)
CMYK
cmyk(0%, 21%, 20%, 44%)
Oklch
oklch(57.8% 0.038 13.8)

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

#606465

Ink Gray · DimGray · Charcoal

HEX
#606465
RGB
rgb(96, 100, 101)
HSL
hsl(192, 3%, 39%)
HSB
hsb(192, 5%, 40%)
CMYK
cmyk(5%, 1%, 0%, 60%)
Oklch
oklch(50.0% 0.005 214.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#174F46

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#174F46
RGB
rgb(23, 79, 70)
HSL
hsl(170, 55%, 20%)
HSB
hsb(170, 71%, 31%)
CMYK
cmyk(71%, 0%, 11%, 69%)
Oklch
oklch(38.9% 0.060 180.3)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED5A52
54E5ED

Analogous

ED5499
ED5A52
EDA854

Triadic

ED5A52
54ED5C
5C54ED

Split-Comp.

ED5A52
54EDA8
5499ED

Tetradic

ED5A52
99ED54
54E5ED
A854ED

Contrast Matrix WCAG 2.1 Contrast

ED5A52
CE626F
8F7173
606465
174F46
—
1.1
Fail
1.3
Fail
1.8
Fail
2.8
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
2.5
Fail
1.3
Fail
1.2
Fail
—
1.4
Fail
2.1
Fail
1.8
Fail
1.6
Fail
1.4
Fail
—
1.6
Fail
2.8
Fail
2.5
Fail
2.1
Fail
1.6
Fail
—
White BG
3.4AA Large
3.7AA Large
4.4AA Large
6.0AA
9.4AAA
Black BG
6.2AA
5.6AA
4.8AA
3.5AA Large
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAC54
9F9E6C
828273
626265
2F3048

Deuteranopia

B6C154
A6AE6B
848672
626165
2C2849

Tritanopia

E65556
C96969
8E7272
606565
1A4A4A

Achromatopsia

858585
848484
7A7A7A
636363
3D3D3D

Shades & Tints Shades & Tints

#ED5A52

Dark
Light

#CE626F

Dark
Light

#8F7173

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed5a52;
  --color-2: #ce626f;
  --color-3: #8f7173;
  --color-4: #606465;
  --color-5: #174f46;
}

SCSS

$color-1: #ed5a52;
$color-2: #ce626f;
$color-3: #8f7173;
$color-4: #606465;
$color-5: #174f46;

TAILWIND

colors: {
  'brand-1': '#ed5a52',
  'brand-2': '#ce626f',
  'brand-3': '#8f7173',
  'brand-4': '#606465',
  'brand-5': '#174f46',
}

RGB Array

[237, 90, 82], [206, 98, 111], [143, 113, 115], [96, 100, 101], [23, 79, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #ED5A52, #CE626F, #8F7173, #606465, #174F46 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: #ed5a52; --color-2: #ce626f; --color-3: #8f7173; --color-4: #606465; --color-5: #174f46. 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