← Back to Editor

#2DC2B3 · #7FD4CA · #B4EACE · #C7F2D4 · #E6F0D1

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#2DC2B3

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#2DC2B3
RGB
rgb(45, 194, 179)
HSL
hsl(174, 62%, 47%)
HSB
hsb(174, 77%, 76%)
CMYK
cmyk(77%, 0%, 8%, 24%)
Oklch
oklch(73.6% 0.121 184.6)

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

#7FD4CA

Jade · SkyBlue · Lake Green

HEX
#7FD4CA
RGB
rgb(127, 212, 202)
HSL
hsl(173, 50%, 66%)
HSB
hsb(173, 40%, 83%)
CMYK
cmyk(40%, 0%, 5%, 17%)
Oklch
oklch(81.3% 0.084 186.1)

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

#B4EACE

Emerald · LightBlue · Mint Green

HEX
#B4EACE
RGB
rgb(180, 234, 206)
HSL
hsl(149, 56%, 81%)
HSB
hsb(149, 23%, 92%)
CMYK
cmyk(23%, 0%, 12%, 8%)
Oklch
oklch(89.2% 0.067 162.1)

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

#C7F2D4

Emerald · LightGray · Mint Green

HEX
#C7F2D4
RGB
rgb(199, 242, 212)
HSL
hsl(138, 62%, 86%)
HSB
hsb(138, 18%, 95%)
CMYK
cmyk(18%, 0%, 12%, 5%)
Oklch
oklch(92.3% 0.060 154.6)

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

#E6F0D1

Willow Green · Beige · Mint Green

HEX
#E6F0D1
RGB
rgb(230, 240, 209)
HSL
hsl(79, 51%, 88%)
HSB
hsb(79, 13%, 94%)
CMYK
cmyk(4%, 0%, 13%, 6%)
Oklch
oklch(93.9% 0.042 121.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2DC2B3
C22E3C

Analogous

2EC269
2DC2B3
2E87C2

Triadic

2DC2B3
B32EC2
C2B32E

Split-Comp.

2DC2B3
C22E87
C2692E

Tetradic

2DC2B3
692EC2
C22E3C
87C22E

Contrast Matrix WCAG 2.1 Contrast

2DC2B3
7FD4CA
B4EACE
C7F2D4
E6F0D1
—
1.3
Fail
1.6
Fail
1.8
Fail
1.9
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.5
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
1.8
Fail
1.4
Fail
1.1
Fail
—
1.0
Fail
1.9
Fail
1.5
Fail
1.1
Fail
1.0
Fail
—
White BG
2.2Fail
1.7Fail
1.3Fail
1.2Fail
1.2Fail
Black BG
9.5AAA
12.2AAA
15.6AAA
17.1AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6FB7
A4A5CC
CBCCD5
DADADB
EAEAD9

Deuteranopia

655AB8
9F99CD
C8C4D6
D7D4DD
EAE9DA

Tritanopia

34B9BA
83CECF
B7DADB
C9E1E2
E7DEE0

Achromatopsia

949494
B9B9B9
D7D7D7
E2E2E2
E9E9E9

Shades & Tints Shades & Tints

#2DC2B3

Dark
Light

#7FD4CA

Dark
Light

#B4EACE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2dc2b3;
  --color-2: #7fd4ca;
  --color-3: #b4eace;
  --color-4: #c7f2d4;
  --color-5: #e6f0d1;
}

SCSS

$color-1: #2dc2b3;
$color-2: #7fd4ca;
$color-3: #b4eace;
$color-4: #c7f2d4;
$color-5: #e6f0d1;

TAILWIND

colors: {
  'brand-1': '#2dc2b3',
  'brand-2': '#7fd4ca',
  'brand-3': '#b4eace',
  'brand-4': '#c7f2d4',
  'brand-5': '#e6f0d1',
}

RGB Array

[45, 194, 179], [127, 212, 202], [180, 234, 206], [199, 242, 212], [230, 240, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2DC2B3, #7FD4CA, #B4EACE, #C7F2D4, #E6F0D1 is ideal for: health products, baby brands, fresh-style blogs, 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: #2dc2b3; --color-2: #7fd4ca; --color-3: #b4eace; --color-4: #c7f2d4; --color-5: #e6f0d1. 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 general-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