#AFDD3B + #79CF63 + #35BD95 + #94DAA4 + #D3EDAE · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AFDD3B

Grass Green · GreenYellow · Olive Green

HEX

#AFDD3B

RGB

rgb(175, 221, 59)

HSL

hsl(77, 70%, 55%)

HSB

hsb(77, 73%, 87%)

CMYK

cmyk(21%, 0%, 73%, 13%)

Oklch

oklch(83.6% 0.188 124.5)

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

#79CF63

Emerald · DarkSeaGreen · Olive Green

HEX

#79CF63

RGB

rgb(121, 207, 99)

HSL

hsl(108, 53%, 60%)

HSB

hsb(108, 52%, 81%)

CMYK

cmyk(42%, 0%, 52%, 19%)

Oklch

oklch(77.6% 0.167 139.5)

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

#35BD95

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#35BD95

RGB

rgb(53, 189, 149)

HSL

hsl(162, 56%, 47%)

HSB

hsb(162, 72%, 74%)

CMYK

cmyk(72%, 0%, 21%, 26%)

Oklch

oklch(71.6% 0.129 168.7)

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

#94DAA4

Celadon · LightGreen · Apple Green

HEX

#94DAA4

RGB

rgb(148, 218, 164)

HSL

hsl(134, 49%, 72%)

HSB

hsb(134, 32%, 85%)

CMYK

cmyk(32%, 0%, 25%, 15%)

Oklch

oklch(82.8% 0.103 150.8)

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

#D3EDAE

Willow Green · Wheat · Mint Green

HEX

#D3EDAE

RGB

rgb(211, 237, 174)

HSL

hsl(85, 64%, 81%)

HSB

hsb(85, 27%, 93%)

CMYK

cmyk(11%, 0%, 27%, 7%)

Oklch

oklch(91.2% 0.087 126.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AFDD3B

693CDD

Analogous

DDBA3C

AFDD3B

5FDD3C

Triadic

AFDD3B

3CAFDD

DD3CAF

Split-Comp.

AFDD3B

3C5FDD

BA3CDD

Tetradic

AFDD3B

3CDDBA

693CDD

DD3C5F

Contrast Matrix WCAG 2.1 Contrast

AFDD3B	79CF63	35BD95	94DAA4	D3EDAE
—	1.2 Fail	1.5 Fail	1.0 Fail	1.2 Fail
1.2 Fail	—	1.2 Fail	1.2 Fail	1.5 Fail
1.5 Fail	1.2 Fail	—	1.4 Fail	1.9 Fail
1.0 Fail	1.2 Fail	1.4 Fail	—	1.3 Fail
1.2 Fail	1.5 Fail	1.9 Fail	1.3 Fail	—

White BG

1.6Fail

1.9Fail

2.4Fail

1.6Fail

1.3Fail

Black BG

13.2AAA

10.9AAA

8.9AAA

12.8AAA

16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C362

9E9F7D

70719F

B2B3B1

DEDEBD

Deuteranopia

C0BD6C

999383

685EA1

AEA9B4

DDDBC1

Tritanopia

B18188

7D9296

3CA6A8

98BBBE

D4C9CC

Achromatopsia

BDBDBD

A9A9A9

909090

BFBFBF

DEDEDE

Shades & Tints Shades & Tints

#AFDD3B

Dark

Light

#79CF63

Dark

Light

#35BD95

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #afdd3b;
  --color-2: #79cf63;
  --color-3: #35bd95;
  --color-4: #94daa4;
  --color-5: #d3edae;
}

SCSS

$color-1: #afdd3b;
$color-2: #79cf63;
$color-3: #35bd95;
$color-4: #94daa4;
$color-5: #d3edae;

TAILWIND

colors: {
  'brand-1': '#afdd3b',
  'brand-2': '#79cf63',
  'brand-3': '#35bd95',
  'brand-4': '#94daa4',
  'brand-5': '#d3edae',
}

RGB Array

[175, 221, 59], [121, 207, 99], [53, 189, 149], [148, 218, 164], [211, 237, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #AFDD3B, #79CF63, #35BD95, #94DAA4, #D3EDAE is ideal for: corporate websites, product showcases, portfolios. 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: #afdd3b; --color-2: #79cf63; --color-3: #35bd95; --color-4: #94daa4; --color-5: #d3edae. 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. 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 sea-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