← Back to Editor

#CD2947 · #EA4F90 · #EA7041 · #A61F04

pastel

A 4-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#CD2947

Vermilion · Crimson · Passion Red

HEX
#CD2947
RGB
rgb(205, 41, 71)
HSL
hsl(349, 67%, 48%)
HSB
hsb(349, 80%, 80%)
CMYK
cmyk(0%, 80%, 65%, 20%)
Oklch
oklch(55.6% 0.197 17.3)

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

#EA4F90

Rouge · LightCoral · Rose Pink

HEX
#EA4F90
RGB
rgb(234, 79, 144)
HSL
hsl(335, 79%, 61%)
HSB
hsb(335, 66%, 92%)
CMYK
cmyk(0%, 66%, 38%, 8%)
Oklch
oklch(65.7% 0.198 358.3)

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

#EA7041

Tangerine · Tomato · Warm Sun

HEX
#EA7041
RGB
rgb(234, 112, 65)
HSL
hsl(17, 80%, 59%)
HSB
hsb(17, 72%, 92%)
CMYK
cmyk(0%, 52%, 72%, 8%)
Oklch
oklch(68.2% 0.163 40.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#A61F04

Vermilion · FireBrick · Wine Red

HEX
#A61F04
RGB
rgb(166, 31, 4)
HSL
hsl(10, 95%, 33%)
HSB
hsb(10, 98%, 65%)
CMYK
cmyk(0%, 81%, 98%, 35%)
Oklch
oklch(47.0% 0.173 32.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CD2947
28CCAE

Analogous

CC2898
CD2947
CC5C28

Triadic

CD2947
46CC28
2846CC

Split-Comp.

CD2947
28CC5C
2898CC

Tetradic

CD2947
98CC28
28CCAE
5C28CC

Contrast Matrix WCAG 2.1 Contrast

CD2947
EA4F90
EA7041
A61F04
—
1.5
Fail
1.7
Fail
1.4
Fail
1.5
Fail
—
1.1
Fail
2.1
Fail
1.7
Fail
1.1
Fail
—
2.4
Fail
1.4
Fail
2.1
Fail
2.4
Fail
—
White BG
5.2AA
3.5AA Large
3.0AA Large
7.4AAA
Black BG
4.0AA Large
6.0AA
6.9AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

868540
A7A580
B5B44C
6C6A0B

Deuteranopia

909C3E
B0BB7D
BCC54F
737D0C

Tritanopia

C53A39
E27471
E45557
9F1011

Achromatopsia

5D5D5D
858585
8F8F8F
444444

Shades & Tints Shades & Tints

#CD2947

Dark
Light

#EA4F90

Dark
Light

#EA7041

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cd2947;
  --color-2: #ea4f90;
  --color-3: #ea7041;
  --color-4: #a61f04;
}

SCSS

$color-1: #cd2947;
$color-2: #ea4f90;
$color-3: #ea7041;
$color-4: #a61f04;

TAILWIND

colors: {
  'brand-1': '#cd2947',
  'brand-2': '#ea4f90',
  'brand-3': '#ea7041',
  'brand-4': '#a61f04',
}

RGB Array

[205, 41, 71], [234, 79, 144], [234, 112, 65], [166, 31, 4]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This pastel-style palette of #CD2947, #EA4F90, #EA7041, #A61F04 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cd2947; --color-2: #ea4f90; --color-3: #ea7041; --color-4: #a61f04. 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 pastel-style 4-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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