← Back to Editor

#C9F236 · #90D20D · #3D950B · #336A74 · #22464D

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 App

Color Details Color Details

#C9F236

Grass Green · GreenYellow · Olive Green

HEX
#C9F236
RGB
rgb(201, 242, 54)
HSL
hsl(73, 88%, 58%)
HSB
hsb(73, 78%, 95%)
CMYK
cmyk(17%, 0%, 78%, 5%)
Oklch
oklch(90.1% 0.203 121.8)

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

#90D20D

Grass Green · Chartreuse · Olive Green

HEX
#90D20D
RGB
rgb(144, 210, 13)
HSL
hsl(80, 88%, 44%)
HSB
hsb(80, 94%, 82%)
CMYK
cmyk(31%, 0%, 94%, 18%)
Oklch
oklch(78.9% 0.207 129.0)

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

#3D950B

Pine Green · ForestGreen · Forest Green

HEX
#3D950B
RGB
rgb(61, 149, 11)
HSL
hsl(98, 86%, 31%)
HSB
hsb(98, 93%, 58%)
CMYK
cmyk(59%, 0%, 93%, 42%)
Oklch
oklch(59.2% 0.180 138.2)

Traditional「Pine Green」· Paint「Forest Green」· Creative Blush Sunrise

#336A74

Slate Blue · SeaGreen · Mint Ice

HEX
#336A74
RGB
rgb(51, 106, 116)
HSL
hsl(189, 39%, 33%)
HSB
hsb(189, 56%, 45%)
CMYK
cmyk(56%, 9%, 0%, 55%)
Oklch
oklch(49.1% 0.060 210.9)

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

#22464D

Slate Blue · DarkSlateGray · Peacock Green

HEX
#22464D
RGB
rgb(34, 70, 77)
HSL
hsl(190, 39%, 22%)
HSB
hsb(190, 56%, 30%)
CMYK
cmyk(56%, 9%, 0%, 70%)
Oklch
oklch(37.0% 0.043 211.7)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9F236
5E36F2

Analogous

F2BD36
C9F236
6BF236

Triadic

C9F236
36C9F2
F236C9

Split-Comp.

C9F236
366BF2
BD36F2

Tetradic

C9F236
36F2BD
5E36F2
F2366B

Contrast Matrix WCAG 2.1 Contrast

C9F236
90D20D
3D950B
336A74
22464D
—
1.4
Fail
3.0
Fail
4.7
AA
7.9
AAA
1.4
Fail
—
2.1
Fail
3.3
AA Large
5.6
AA
3.0
Fail
2.1
Fail
—
1.6
Fail
2.7
Fail
4.7
AA
3.3
AA Large
1.6
Fail
—
1.7
Fail
7.9
AAA
5.6
AA
2.7
Fail
1.7
Fail
—
White BG
1.3Fail
1.8Fail
3.8AA Large
6.1AA
10.2AAA
Black BG
16.2AAA
11.4AAA
5.5AA
3.5AA Large
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDB63
ADAD3D
63642C
4B4B72
32324B

Deuteranopia

D8D56E
A9A448
5E5734
484471
302D4B

Tritanopia

CB878F
93626B
41474D
36706F
244A4A

Achromatopsia

D0D0D0
A8A8A8
6B6B6B
5B5B5B
3C3C3C

Shades & Tints Shades & Tints

#C9F236

Dark
Light

#90D20D

Dark
Light

#3D950B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9f236;
  --color-2: #90d20d;
  --color-3: #3d950b;
  --color-4: #336a74;
  --color-5: #22464d;
}

SCSS

$color-1: #c9f236;
$color-2: #90d20d;
$color-3: #3d950b;
$color-4: #336a74;
$color-5: #22464d;

TAILWIND

colors: {
  'brand-1': '#c9f236',
  'brand-2': '#90d20d',
  'brand-3': '#3d950b',
  'brand-4': '#336a74',
  'brand-5': '#22464d',
}

RGB Array

[201, 242, 54], [144, 210, 13], [61, 149, 11], [51, 106, 116], [34, 70, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9F236, #90D20D, #3D950B, #336A74, #22464D is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #c9f236; --color-2: #90d20d; --color-3: #3d950b; --color-4: #336a74; --color-5: #22464d. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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