#EB1F43 + #D64465 + #C2567B + #C972A8 + #CDBBCE · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EB1F43

Vermilion · Crimson · Passion Red

HEX

#EB1F43

RGB

rgb(235, 31, 67)

HSL

hsl(349, 84%, 52%)

HSB

hsb(349, 87%, 92%)

CMYK

cmyk(0%, 87%, 71%, 8%)

Oklch

oklch(60.4% 0.230 20.1)

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

#D64465

Vermilion · MediumVioletRed · Passion Red

HEX

#D64465

RGB

rgb(214, 68, 101)

HSL

hsl(346, 64%, 55%)

HSB

hsb(346, 68%, 84%)

CMYK

cmyk(0%, 68%, 53%, 16%)

Oklch

oklch(60.2% 0.182 11.2)

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

#C2567B

Dark Violet · LightCoral · Rose Pink

HEX

#C2567B

RGB

rgb(194, 86, 123)

HSL

hsl(339, 47%, 55%)

HSB

hsb(339, 56%, 76%)

CMYK

cmyk(0%, 56%, 37%, 24%)

Oklch

oklch(59.9% 0.143 0.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#C972A8

Mauve · Orchid · Rose Pink

HEX

#C972A8

RGB

rgb(201, 114, 168)

HSL

hsl(323, 45%, 62%)

HSB

hsb(323, 43%, 79%)

CMYK

cmyk(0%, 43%, 16%, 21%)

Oklch

oklch(66.5% 0.128 343.2)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#CDBBCE

Lilac · Silver · Lilac Purple

HEX

#CDBBCE

RGB

rgb(205, 187, 206)

HSL

hsl(297, 16%, 77%)

HSB

hsb(297, 9%, 81%)

CMYK

cmyk(0%, 9%, 0%, 19%)

Oklch

oklch(81.3% 0.033 324.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB1F43

1EEBC6

Analogous

EB1EAA

EB1F43

EB5F1E

Triadic

EB1F43

43EB1E

1E43EB

Split-Comp.

EB1F43

1EEB5F

1EAAEB

Tetradic

EB1F43

AAEB1E

1EEBC6

5F1EEB

Contrast Matrix WCAG 2.1 Contrast

EB1F43	D64465	C2567B	C972A8	CDBBCE
—	1.0 Fail	1.0 Fail	1.3 Fail	2.4 Fail
1.0 Fail	—	1.0 Fail	1.3 Fail	2.4 Fail
1.0 Fail	1.0 Fail	—	1.3 Fail	2.4 Fail
1.3 Fail	1.3 Fail	1.3 Fail	—	1.8 Fail
2.4 Fail	2.4 Fail	2.4 Fail	1.8 Fail	—

White BG

4.4AA Large

4.3AA Large

3.3AA Large

1.8Fail

Black BG

4.8AA

4.9AA

6.5AA

11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

93913A

97955D

939272

A3A39B

C5C5C9

Deuteranopia

9FAE38

9FAA5B

9AA270

A8AF98

C6C8C8

Tritanopia

E13332

CF5755

BD6B69

C5918E

CCC6C5

Achromatopsia

606060

737373

7B7B7B

929292

C3C3C3

Shades & Tints Shades & Tints

#EB1F43

Dark

Light

#D64465

Dark

Light

#C2567B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb1f43;
  --color-2: #d64465;
  --color-3: #c2567b;
  --color-4: #c972a8;
  --color-5: #cdbbce;
}

SCSS

$color-1: #eb1f43;
$color-2: #d64465;
$color-3: #c2567b;
$color-4: #c972a8;
$color-5: #cdbbce;

TAILWIND

colors: {
  'brand-1': '#eb1f43',
  'brand-2': '#d64465',
  'brand-3': '#c2567b',
  'brand-4': '#c972a8',
  'brand-5': '#cdbbce',
}

RGB Array

[235, 31, 67], [214, 68, 101], [194, 86, 123], [201, 114, 168], [205, 187, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #EB1F43, #D64465, #C2567B, #C972A8, #CDBBCE is ideal for: corporate websites, product showcases, portfolios. 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: #eb1f43; --color-2: #d64465; --color-3: #c2567b; --color-4: #c972a8; --color-5: #cdbbce. 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. 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