← Back to Editor

#4B0119 · #C2708A · #E4C2CD · #C8E4EA · #72ADBA

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#4B0119

Dark Violet · Maroon · Raspberry

HEX
#4B0119
RGB
rgb(75, 1, 25)
HSL
hsl(341, 97%, 15%)
HSB
hsb(341, 99%, 29%)
CMYK
cmyk(0%, 99%, 67%, 71%)
Oklch
oklch(26.5% 0.104 10.3)

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

#C2708A

Dark Violet · LightCoral · Rose Pink

HEX
#C2708A
RGB
rgb(194, 112, 138)
HSL
hsl(341, 40%, 60%)
HSB
hsb(341, 42%, 76%)
CMYK
cmyk(0%, 42%, 29%, 24%)
Oklch
oklch(64.3% 0.108 0.2)

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

#E4C2CD

Rouge · LightGray · Cherry Blossom

HEX
#E4C2CD
RGB
rgb(228, 194, 205)
HSL
hsl(341, 39%, 83%)
HSB
hsb(341, 15%, 89%)
CMYK
cmyk(0%, 15%, 10%, 11%)
Oklch
oklch(84.6% 0.041 356.6)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#C8E4EA

Sky Blue · LightBlue · Glacier Blue

HEX
#C8E4EA
RGB
rgb(200, 228, 234)
HSL
hsl(191, 45%, 85%)
HSB
hsb(191, 15%, 92%)
CMYK
cmyk(15%, 3%, 0%, 8%)
Oklch
oklch(90.0% 0.031 212.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#72ADBA

Slate Blue · CadetBlue · Lake Green

HEX
#72ADBA
RGB
rgb(114, 173, 186)
HSL
hsl(191, 34%, 59%)
HSB
hsb(191, 39%, 73%)
CMYK
cmyk(39%, 7%, 0%, 27%)
Oklch
oklch(71.2% 0.064 213.1)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B0119
014B34

Analogous

4B013E
4B0119
4B0F01

Triadic

4B0119
194B01
01194B

Split-Comp.

4B0119
014B0F
013E4B

Tetradic

4B0119
3E4B01
014B34
0F014B

Contrast Matrix WCAG 2.1 Contrast

4B0119
C2708A
E4C2CD
C8E4EA
72ADBA
—
4.5
AA
9.8
AAA
11.9
AAA
6.4
AA
4.5
AA
—
2.2
Fail
2.6
Fail
1.4
Fail
9.8
AAA
2.2
Fail
—
1.2
Fail
1.5
Fail
11.9
AAA
2.6
Fail
1.2
Fail
—
1.9
Fail
6.4
AA
1.4
Fail
1.5
Fail
1.9
Fail
—
White BG
15.9AAA
3.5AA Large
1.6Fail
1.3Fail
2.5Fail
Black BG
1.3Fail
6.0AA
12.9AAA
15.7AAA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2A13
9E9E84
D5D5CA
D4D4E9
8C8CB7

Deuteranopia

2F3512
A3A982
D7DACA
D3D0E8
8884B6

Tritanopia

470F0E
BE7F7E
E2C8C8
C9E7E7
75B4B4

Achromatopsia

1A1A1A
8B8B8B
CDCDCD
DCDCDC
9D9D9D

Shades & Tints Shades & Tints

#4B0119

Dark
Light

#C2708A

Dark
Light

#E4C2CD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b0119;
  --color-2: #c2708a;
  --color-3: #e4c2cd;
  --color-4: #c8e4ea;
  --color-5: #72adba;
}

SCSS

$color-1: #4b0119;
$color-2: #c2708a;
$color-3: #e4c2cd;
$color-4: #c8e4ea;
$color-5: #72adba;

TAILWIND

colors: {
  'brand-1': '#4b0119',
  'brand-2': '#c2708a',
  'brand-3': '#e4c2cd',
  'brand-4': '#c8e4ea',
  'brand-5': '#72adba',
}

RGB Array

[75, 1, 25], [194, 112, 138], [228, 194, 205], [200, 228, 234], [114, 173, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #4B0119, #C2708A, #E4C2CD, #C8E4EA, #72ADBA 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: #4b0119; --color-2: #c2708a; --color-3: #e4c2cd; --color-4: #c8e4ea; --color-5: #72adba. 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 pastel-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