← Back to Editor

#C2FCD3 · #A4F7D4 · #14D8BD · #0CBFB3 · #600F97

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#C2FCD3

Emerald · LightGray · Mint Green

HEX
#C2FCD3
RGB
rgb(194, 252, 211)
HSL
hsl(138, 91%, 87%)
HSB
hsb(138, 23%, 99%)
CMYK
cmyk(23%, 0%, 16%, 1%)
Oklch
oklch(94.1% 0.081 153.9)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#A4F7D4

Jade · LightBlue · Mint Green

HEX
#A4F7D4
RGB
rgb(164, 247, 212)
HSL
hsl(155, 84%, 81%)
HSB
hsb(155, 34%, 97%)
CMYK
cmyk(34%, 0%, 14%, 3%)
Oklch
oklch(91.3% 0.095 166.0)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#14D8BD

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#14D8BD
RGB
rgb(20, 216, 189)
HSL
hsl(172, 83%, 46%)
HSB
hsb(172, 91%, 85%)
CMYK
cmyk(91%, 0%, 12%, 15%)
Oklch
oklch(79.1% 0.142 179.2)

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

#0CBFB3

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0CBFB3
RGB
rgb(12, 191, 179)
HSL
hsl(176, 88%, 40%)
HSB
hsb(176, 94%, 75%)
CMYK
cmyk(94%, 0%, 6%, 25%)
Oklch
oklch(72.5% 0.125 186.8)

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

#600F97

Royal Purple · Purple · Eggplant

HEX
#600F97
RGB
rgb(96, 15, 151)
HSL
hsl(276, 82%, 33%)
HSB
hsb(276, 90%, 59%)
CMYK
cmyk(36%, 90%, 0%, 41%)
Oklch
oklch(39.6% 0.194 305.0)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2FCD3
FCC0EA

Analogous

CCFCC0
C2FCD3
C0FCF0

Triadic

C2FCD3
D2C0FC
FCD2C0

Split-Comp.

C2FCD3
F0C0FC
FCC0CC

Tetradic

C2FCD3
C0CCFC
FCC0EA
FCF0C0

Contrast Matrix WCAG 2.1 Contrast

C2FCD3
A4F7D4
14D8BD
0CBFB3
600F97
—
1.1
Fail
1.6
Fail
2.0
Fail
9.0
AAA
1.1
Fail
—
1.5
Fail
1.8
Fail
8.4
AAA
1.6
Fail
1.5
Fail
—
1.3
Fail
5.8
AA
2.0
Fail
1.8
Fail
1.3
Fail
—
4.5
AA
9.0
AAA
8.4
AAA
5.8
AA
4.5
AA
—
White BG
1.2Fail
1.2Fail
1.8Fail
2.3Fail
10.4AAA
Black BG
18.2AAA
16.8AAA
11.6AAA
9.1AAA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDCDD
C8C9DC
696BC4
5A5BB6
3D3C76

Deuteranopia

D8D3DF
C3BDDE
5E4FC5
4F42B7
42486E

Tritanopia

C5E5E6
A8E3E5
1EC9CA
15B8B9
5C5C56

Achromatopsia

E6E6E6
DADADA
9A9A9A
888888
373737

Shades & Tints Shades & Tints

#C2FCD3

Dark
Light

#A4F7D4

Dark
Light

#14D8BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2fcd3;
  --color-2: #a4f7d4;
  --color-3: #14d8bd;
  --color-4: #0cbfb3;
  --color-5: #600f97;
}

SCSS

$color-1: #c2fcd3;
$color-2: #a4f7d4;
$color-3: #14d8bd;
$color-4: #0cbfb3;
$color-5: #600f97;

TAILWIND

colors: {
  'brand-1': '#c2fcd3',
  'brand-2': '#a4f7d4',
  'brand-3': '#14d8bd',
  'brand-4': '#0cbfb3',
  'brand-5': '#600f97',
}

RGB Array

[194, 252, 211], [164, 247, 212], [20, 216, 189], [12, 191, 179], [96, 15, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2FCD3, #A4F7D4, #14D8BD, #0CBFB3, #600F97 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: #c2fcd3; --color-2: #a4f7d4; --color-3: #14d8bd; --color-4: #0cbfb3; --color-5: #600f97. 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 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