← Back to Editor

#3E0120 · #472C2E · #A83445 · #74AB90 · #AABFDB

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

#3E0120

Dark Violet · Black · Raspberry

HEX
#3E0120
RGB
rgb(62, 1, 32)
HSL
hsl(330, 97%, 12%)
HSB
hsb(330, 98%, 24%)
CMYK
cmyk(0%, 98%, 48%, 76%)
Oklch
oklch(23.8% 0.096 356.3)

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

#472C2E

Crimson · DarkSlateGray · Wine Red

HEX
#472C2E
RGB
rgb(71, 44, 46)
HSL
hsl(356, 23%, 23%)
HSB
hsb(356, 38%, 28%)
CMYK
cmyk(0%, 38%, 35%, 72%)
Oklch
oklch(32.7% 0.040 14.7)

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

#A83445

Crimson · Brown · Passion Red

HEX
#A83445
RGB
rgb(168, 52, 69)
HSL
hsl(351, 53%, 43%)
HSB
hsb(351, 69%, 66%)
CMYK
cmyk(0%, 69%, 59%, 34%)
Oklch
oklch(50.1% 0.151 16.1)

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

#74AB90

Mineral Blue · CadetBlue · Olive Green

HEX
#74AB90
RGB
rgb(116, 171, 144)
HSL
hsl(151, 25%, 56%)
HSB
hsb(151, 32%, 67%)
CMYK
cmyk(32%, 0%, 16%, 33%)
Oklch
oklch(69.5% 0.071 162.5)

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

#AABFDB

Azure · LightSteelBlue · Cobalt Blue

HEX
#AABFDB
RGB
rgb(170, 191, 219)
HSL
hsl(214, 40%, 76%)
HSB
hsb(214, 22%, 86%)
CMYK
cmyk(22%, 13%, 0%, 14%)
Oklch
oklch(79.8% 0.046 255.7)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3E0120
013C1F

Analogous

3C013C
3E0120
3C0101

Triadic

3E0120
1F3C01
011F3C

Split-Comp.

3E0120
013C01
013C3C

Tetradic

3E0120
3C3C01
013C1F
01013C

Contrast Matrix WCAG 2.1 Contrast

3E0120
472C2E
A83445
74AB90
AABFDB
—
1.4
Fail
2.6
Fail
6.5
AA
9.1
AAA
1.4
Fail
—
1.9
Fail
4.8
AA
6.7
AA
2.6
Fail
1.9
Fail
—
2.5
Fail
3.4
AA Large
6.5
AA
4.8
AA
2.5
Fail
—
1.4
Fail
9.1
AAA
6.7
AA
3.4
AA Large
1.4
Fail
—
White BG
17.1AAA
12.6AAA
6.5AA
2.6Fail
1.9Fail
Black BG
1.2Fail
1.7Fail
3.2AA Large
8.0AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

242318
3B3B2E
767541
8C8C97
B3B3D4

Deuteranopia

272C17
3D3F2D
7D8540
898598
B2B0D3

Tritanopia

3B1311
462D2D
A23E3D
779C9D
ABCFCE

Achromatopsia

171717
343434
595959
979797
BCBCBC

Shades & Tints Shades & Tints

#3E0120

Dark
Light

#472C2E

Dark
Light

#A83445

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3e0120;
  --color-2: #472c2e;
  --color-3: #a83445;
  --color-4: #74ab90;
  --color-5: #aabfdb;
}

SCSS

$color-1: #3e0120;
$color-2: #472c2e;
$color-3: #a83445;
$color-4: #74ab90;
$color-5: #aabfdb;

TAILWIND

colors: {
  'brand-1': '#3e0120',
  'brand-2': '#472c2e',
  'brand-3': '#a83445',
  'brand-4': '#74ab90',
  'brand-5': '#aabfdb',
}

RGB Array

[62, 1, 32], [71, 44, 46], [168, 52, 69], [116, 171, 144], [170, 191, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #3E0120, #472C2E, #A83445, #74AB90, #AABFDB 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: #3e0120; --color-2: #472c2e; --color-3: #a83445; --color-4: #74ab90; --color-5: #aabfdb. 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