← Back to Editor

#19859A · #71B696 · #F8EEAC · #A2562D · #5B2E0A

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

#19859A

Lake Blue · Teal · Mint Ice

HEX
#19859A
RGB
rgb(25, 133, 154)
HSL
hsl(190, 72%, 35%)
HSB
hsb(190, 84%, 60%)
CMYK
cmyk(84%, 14%, 0%, 40%)
Oklch
oklch(57.0% 0.095 214.9)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#71B696

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#71B696
RGB
rgb(113, 182, 150)
HSL
hsl(152, 32%, 58%)
HSB
hsb(152, 38%, 71%)
CMYK
cmyk(38%, 0%, 18%, 29%)
Oklch
oklch(72.1% 0.085 163.3)

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

#F8EEAC

Fresh Green · Wheat · Lemon Cream

HEX
#F8EEAC
RGB
rgb(248, 238, 172)
HSL
hsl(52, 84%, 82%)
HSB
hsb(52, 31%, 97%)
CMYK
cmyk(0%, 4%, 31%, 3%)
Oklch
oklch(94.2% 0.085 100.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#A2562D

Tangerine · Sienna · Amber Brown

HEX
#A2562D
RGB
rgb(162, 86, 45)
HSL
hsl(21, 57%, 41%)
HSB
hsb(21, 72%, 64%)
CMYK
cmyk(0%, 47%, 72%, 36%)
Oklch
oklch(53.6% 0.114 47.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#5B2E0A

Tangerine · Maroon · Cinnamon

HEX
#5B2E0A
RGB
rgb(91, 46, 10)
HSL
hsl(27, 80%, 20%)
HSB
hsb(27, 89%, 36%)
CMYK
cmyk(0%, 49%, 89%, 64%)
Oklch
oklch(35.4% 0.080 54.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

19859A
9A2E19

Analogous

199A6F
19859A
19449A

Triadic

19859A
9A1984
849A19

Split-Comp.

19859A
9A1944
9A6F19

Tetradic

19859A
6F199A
9A2E19
449A19

Contrast Matrix WCAG 2.1 Contrast

19859A
71B696
F8EEAC
A2562D
5B2E0A
—
1.8
Fail
3.7
AA Large
1.2
Fail
2.6
Fail
1.8
Fail
—
2.0
Fail
2.3
Fail
4.8
AA
3.7
AA Large
2.0
Fail
—
4.6
AA
9.7
AAA
1.2
Fail
2.3
Fail
4.6
AA
—
2.1
Fail
2.6
Fail
4.8
AA
9.7
AAA
2.1
Fail
—
White BG
4.3AA Large
2.4Fail
1.2Fail
5.4AA
11.4AAA
Black BG
4.9AA
8.8AAA
17.8AAA
3.9AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

484995
8F8F9E
F4F4BC
818037
484713

Deuteranopia

423994
8B86A0
F4F5C0
868B39
4A4E15

Tritanopia

1E9190
74A4A5
F8C9CB
9E3F40
591A1B

Achromatopsia

676767
9E9E9E
E9E9E9
686868
373737

Shades & Tints Shades & Tints

#19859A

Dark
Light

#71B696

Dark
Light

#F8EEAC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #19859a;
  --color-2: #71b696;
  --color-3: #f8eeac;
  --color-4: #a2562d;
  --color-5: #5b2e0a;
}

SCSS

$color-1: #19859a;
$color-2: #71b696;
$color-3: #f8eeac;
$color-4: #a2562d;
$color-5: #5b2e0a;

TAILWIND

colors: {
  'brand-1': '#19859a',
  'brand-2': '#71b696',
  'brand-3': '#f8eeac',
  'brand-4': '#a2562d',
  'brand-5': '#5b2e0a',
}

RGB Array

[25, 133, 154], [113, 182, 150], [248, 238, 172], [162, 86, 45], [91, 46, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #19859A, #71B696, #F8EEAC, #A2562D, #5B2E0A is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #19859a; --color-2: #71b696; --color-3: #f8eeac; --color-4: #a2562d; --color-5: #5b2e0a. 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 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