← Back to Editor

#6AB547 · #C5FF5F · #FF827D · #FF9C91 · #FFC1A5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#6AB547

Celadon · MediumSeaGreen · Olive Green

HEX
#6AB547
RGB
rgb(106, 181, 71)
HSL
hsl(101, 44%, 49%)
HSB
hsb(101, 61%, 71%)
CMYK
cmyk(41%, 0%, 61%, 29%)
Oklch
oklch(70.0% 0.163 137.0)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#C5FF5F

Willow Green · GreenYellow · Apple Green

HEX
#C5FF5F
RGB
rgb(197, 255, 95)
HSL
hsl(82, 100%, 69%)
HSB
hsb(82, 63%, 100%)
CMYK
cmyk(23%, 0%, 63%, 0%)
Oklch
oklch(93.0% 0.196 126.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#FF827D

Peach Pink · Salmon · Coral Red

HEX
#FF827D
RGB
rgb(255, 130, 125)
HSL
hsl(2, 100%, 75%)
HSB
hsb(2, 51%, 100%)
CMYK
cmyk(0%, 49%, 51%, 0%)
Oklch
oklch(74.7% 0.153 23.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF9C91

Peach Pink · LightSalmon · Coral Red

HEX
#FF9C91
RGB
rgb(255, 156, 145)
HSL
hsl(6, 100%, 78%)
HSB
hsb(6, 43%, 100%)
CMYK
cmyk(0%, 39%, 43%, 0%)
Oklch
oklch(79.2% 0.120 26.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFC1A5

Apricot · LightPink · Peach Orange

HEX
#FFC1A5
RGB
rgb(255, 193, 165)
HSL
hsl(19, 100%, 82%)
HSB
hsb(19, 35%, 100%)
CMYK
cmyk(0%, 24%, 35%, 0%)
Oklch
oklch(86.0% 0.081 45.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6AB547
9146B4

Analogous

A0B446
6AB547
46B45A

Triadic

6AB547
4669B4
B44669

Split-Comp.

6AB547
5A46B4
B446A0

Tetradic

6AB547
46A0B4
9146B4
B45A46

Contrast Matrix WCAG 2.1 Contrast

6AB547
C5FF5F
FF827D
FF9C91
FFC1A5
—
2.1
Fail
1.1
Fail
1.3
Fail
1.6
Fail
2.1
Fail
—
2.0
Fail
1.7
Fail
1.3
Fail
1.1
Fail
2.0
Fail
—
1.2
Fail
1.5
Fail
1.3
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
1.3
Fail
1.5
Fail
1.3
Fail
—
White BG
2.5Fail
1.2Fail
2.4Fail
2.0Fail
1.6Fail
Black BG
8.3AAA
17.8AAA
8.7AAA
10.4AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8B62
DEDF86
C9C87E
D4D394
E4E4AC

Deuteranopia

868168
DBD68F
D0DA7F
DAE194
E8ECAD

Tritanopia

6E777B
C8A4AB
F97F7F
FA9696
FCB1B2

Achromatopsia

929292
DBDBDB
A7A7A7
B8B8B8
D0D0D0

Shades & Tints Shades & Tints

#6AB547

Dark
Light

#C5FF5F

Dark
Light

#FF827D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6ab547;
  --color-2: #c5ff5f;
  --color-3: #ff827d;
  --color-4: #ff9c91;
  --color-5: #ffc1a5;
}

SCSS

$color-1: #6ab547;
$color-2: #c5ff5f;
$color-3: #ff827d;
$color-4: #ff9c91;
$color-5: #ffc1a5;

TAILWIND

colors: {
  'brand-1': '#6ab547',
  'brand-2': '#c5ff5f',
  'brand-3': '#ff827d',
  'brand-4': '#ff9c91',
  'brand-5': '#ffc1a5',
}

RGB Array

[106, 181, 71], [197, 255, 95], [255, 130, 125], [255, 156, 145], [255, 193, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6AB547, #C5FF5F, #FF827D, #FF9C91, #FFC1A5 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #6ab547; --color-2: #c5ff5f; --color-3: #ff827d; --color-4: #ff9c91; --color-5: #ffc1a5. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 general-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