← Back to Editor

#2CDBB5 · #C0F350 · #FCF7FB · #EC6D5C · #FB9E58

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#2CDBB5

Mineral Blue · Turquoise · Lake Green

HEX
#2CDBB5
RGB
rgb(44, 219, 181)
HSL
hsl(167, 71%, 52%)
HSB
hsb(167, 80%, 86%)
CMYK
cmyk(80%, 0%, 17%, 14%)
Oklch
oklch(79.9% 0.145 173.3)

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

#C0F350

Willow Green · GreenYellow · Apple Green

HEX
#C0F350
RGB
rgb(192, 243, 80)
HSL
hsl(79, 87%, 63%)
HSB
hsb(79, 67%, 95%)
CMYK
cmyk(21%, 0%, 67%, 5%)
Oklch
oklch(89.9% 0.194 125.2)

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

#FCF7FB

Mauve · Snow · Lavender

HEX
#FCF7FB
RGB
rgb(252, 247, 251)
HSL
hsl(312, 45%, 98%)
HSB
hsb(312, 2%, 99%)
CMYK
cmyk(0%, 2%, 0%, 1%)
Oklch
oklch(98.1% 0.007 332.1)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#EC6D5C

Peach Pink · Coral · Coral Red

HEX
#EC6D5C
RGB
rgb(236, 109, 92)
HSL
hsl(7, 79%, 64%)
HSB
hsb(7, 61%, 93%)
CMYK
cmyk(0%, 54%, 61%, 7%)
Oklch
oklch(68.4% 0.161 29.6)

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

#FB9E58

Apricot · SandyBrown · Warm Sun

HEX
#FB9E58
RGB
rgb(251, 158, 88)
HSL
hsl(26, 95%, 66%)
HSB
hsb(26, 65%, 98%)
CMYK
cmyk(0%, 37%, 65%, 2%)
Oklch
oklch(78.1% 0.140 55.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2CDBB5
DC2E53

Analogous

2EDC5F
2CDBB5
2EAADC

Triadic

2CDBB5
B62EDC
DCB62E

Split-Comp.

2CDBB5
DC2EAA
DC5F2E

Tetradic

2CDBB5
5F2EDC
DC2E53
AADC2E

Contrast Matrix WCAG 2.1 Contrast

2CDBB5
C0F350
FCF7FB
EC6D5C
FB9E58
—
1.4
Fail
1.7
Fail
1.7
Fail
1.2
Fail
1.4
Fail
—
1.2
Fail
2.3
Fail
1.6
Fail
1.7
Fail
1.2
Fail
—
2.9
Fail
2.0
Fail
1.7
Fail
2.3
Fail
2.9
Fail
—
1.5
Fail
1.2
Fail
1.6
Fail
2.0
Fail
1.5
Fail
—
White BG
1.8Fail
1.3Fail
1.1Fail
3.0AA Large
2.1Fail
Black BG
11.9AAA
16.2AAA
19.8AAA
6.9AA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7879BE
D6D777
FAFAFA
B5B460
D3D269

Deuteranopia

6E61C0
D3CF81
FAFAFA
BCC661
D8DF6D

Tritanopia

35C5C7
C3979D
FCF9F9
E66364
F67679

Achromatopsia

A2A2A2
D1D1D1
F9F9F9
919191
B2B2B2

Shades & Tints Shades & Tints

#2CDBB5

Dark
Light

#C0F350

Dark
Light

#FCF7FB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2cdbb5;
  --color-2: #c0f350;
  --color-3: #fcf7fb;
  --color-4: #ec6d5c;
  --color-5: #fb9e58;
}

SCSS

$color-1: #2cdbb5;
$color-2: #c0f350;
$color-3: #fcf7fb;
$color-4: #ec6d5c;
$color-5: #fb9e58;

TAILWIND

colors: {
  'brand-1': '#2cdbb5',
  'brand-2': '#c0f350',
  'brand-3': '#fcf7fb',
  'brand-4': '#ec6d5c',
  'brand-5': '#fb9e58',
}

RGB Array

[44, 219, 181], [192, 243, 80], [252, 247, 251], [236, 109, 92], [251, 158, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #2CDBB5, #C0F350, #FCF7FB, #EC6D5C, #FB9E58 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #2cdbb5; --color-2: #c0f350; --color-3: #fcf7fb; --color-4: #ec6d5c; --color-5: #fb9e58. 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. 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 space-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