#99C76C + #A5D799 + #C3FABB + #81E7C2 + #46C5BD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#99C76C

Celadon · DarkSeaGreen · Olive Green

HEX

#99C76C

RGB

rgb(153, 199, 108)

HSL

hsl(90, 45%, 60%)

HSB

hsb(90, 46%, 78%)

CMYK

cmyk(23%, 0%, 46%, 22%)

Oklch

oklch(77.6% 0.130 130.8)

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

#A5D799

Celadon · LightGreen · Apple Green

HEX

#A5D799

RGB

rgb(165, 215, 153)

HSL

hsl(108, 44%, 72%)

HSB

hsb(108, 29%, 84%)

CMYK

cmyk(23%, 0%, 29%, 16%)

Oklch

oklch(82.8% 0.099 139.6)

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

#C3FABB

Emerald · LightGray · Mint Green

HEX

#C3FABB

RGB

rgb(195, 250, 187)

HSL

hsl(112, 86%, 86%)

HSB

hsb(112, 25%, 98%)

CMYK

cmyk(22%, 0%, 25%, 2%)

Oklch

oklch(93.2% 0.101 141.5)

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

#81E7C2

Jade · MediumAquaMarine · Apple Green

HEX

#81E7C2

RGB

rgb(129, 231, 194)

HSL

hsl(158, 68%, 71%)

HSB

hsb(158, 44%, 91%)

CMYK

cmyk(44%, 0%, 16%, 9%)

Oklch

oklch(85.6% 0.110 168.2)

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

#46C5BD

Mineral Blue · MediumTurquoise · Lake Green

HEX

#46C5BD

RGB

rgb(70, 197, 189)

HSL

hsl(176, 52%, 52%)

HSB

hsb(176, 64%, 77%)

CMYK

cmyk(64%, 0%, 4%, 23%)

Oklch

oklch(75.2% 0.111 189.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99C76C

996BC7

Analogous

C7C76B

99C76C

6BC76B

Triadic

99C76C

6B99C7

C76B99

Split-Comp.

99C76C

6B6BC7

C76BC7

Tetradic

99C76C

6BC7C7

996BC7

C76B6B

Contrast Matrix WCAG 2.1 Contrast

99C76C	A5D799	C3FABB	81E7C2	46C5BD
—	1.2 Fail	1.6 Fail	1.3 Fail	1.1 Fail
1.2 Fail	—	1.4 Fail	1.1 Fail	1.3 Fail
1.6 Fail	1.4 Fail	—	1.3 Fail	1.8 Fail
1.3 Fail	1.1 Fail	1.3 Fail	—	1.4 Fail
1.1 Fail	1.3 Fail	1.8 Fail	1.4 Fail	—

White BG

2.0Fail

1.6Fail

1.2Fail

1.5Fail

2.1Fail

Black BG

10.7AAA

12.8AAA

17.7AAA

14.1AAA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAD82

BBBBA8

DBDBCA

ADAECB

7D7EBF

Deuteranopia

AAA787

B8B4AC

D8D4CE

A7A0CD

766CBF

Tritanopia

9B9397

A8B4B6

C6D6D9

86D2D4

4CC0C1

Achromatopsia

AFAFAF

C1C1C1

E2E2E2

C4C4C4

9E9E9E

Shades & Tints Shades & Tints

#99C76C

Dark

Light

#A5D799

Dark

Light

#C3FABB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99c76c;
  --color-2: #a5d799;
  --color-3: #c3fabb;
  --color-4: #81e7c2;
  --color-5: #46c5bd;
}

SCSS

$color-1: #99c76c;
$color-2: #a5d799;
$color-3: #c3fabb;
$color-4: #81e7c2;
$color-5: #46c5bd;

TAILWIND

colors: {
  'brand-1': '#99c76c',
  'brand-2': '#a5d799',
  'brand-3': '#c3fabb',
  'brand-4': '#81e7c2',
  'brand-5': '#46c5bd',
}

RGB Array

[153, 199, 108], [165, 215, 153], [195, 250, 187], [129, 231, 194], [70, 197, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #99C76C, #A5D799, #C3FABB, #81E7C2, #46C5BD is ideal for: health products, baby brands, fresh-style blogs. 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: #99c76c; --color-2: #a5d799; --color-3: #c3fabb; --color-4: #81e7c2; --color-5: #46c5bd. 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 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