← Back to Editor

#C3FF82 · #DEF246 · #C9B324 · #836130 · #0C0414

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#C3FF82

Willow Green · Khaki · Apple Green

HEX
#C3FF82
RGB
rgb(195, 255, 130)
HSL
hsl(89, 100%, 75%)
HSB
hsb(89, 49%, 100%)
CMYK
cmyk(24%, 0%, 49%, 0%)
Oklch
oklch(93.3% 0.167 130.2)

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

#DEF246

Fresh Green · GreenYellow · Sunflower

HEX
#DEF246
RGB
rgb(222, 242, 70)
HSL
hsl(67, 87%, 61%)
HSB
hsb(67, 71%, 95%)
CMYK
cmyk(8%, 0%, 71%, 5%)
Oklch
oklch(91.7% 0.187 116.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#C9B324

Autumn Sage · GoldenRod · Honey Gold

HEX
#C9B324
RGB
rgb(201, 179, 36)
HSL
hsl(52, 70%, 46%)
HSB
hsb(52, 82%, 79%)
CMYK
cmyk(0%, 11%, 82%, 21%)
Oklch
oklch(76.3% 0.150 99.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#836130

Ochre · Sienna · Amber Brown

HEX
#836130
RGB
rgb(131, 97, 48)
HSL
hsl(35, 46%, 35%)
HSB
hsb(35, 63%, 51%)
CMYK
cmyk(0%, 26%, 63%, 49%)
Oklch
oklch(51.7% 0.079 74.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#0C0414

Royal Purple · Black · Dark Purple

HEX
#0C0414
RGB
rgb(12, 4, 20)
HSL
hsl(270, 67%, 5%)
HSB
hsb(270, 80%, 8%)
CMYK
cmyk(40%, 80%, 0%, 92%)
Oklch
oklch(13.4% 0.039 307.1)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3FF82
BD80FF

Analogous

FFFD80
C3FF82
82FF80

Triadic

C3FF82
80C1FF
FF80C1

Split-Comp.

C3FF82
8082FF
FD80FF

Tetradic

C3FF82
80FFFD
BD80FF
FF8082

Contrast Matrix WCAG 2.1 Contrast

C3FF82
DEF246
C9B324
836130
0C0414
—
1.1
Fail
1.8
Fail
4.8
AA
17.2
AAA
1.1
Fail
—
1.7
Fail
4.5
AA
16.2
AAA
1.8
Fail
1.7
Fail
—
2.7
Fail
9.5
AAA
4.8
AA
4.5
AA
2.7
Fail
—
3.6
AA Large
17.2
AAA
16.2
AAA
9.5
AAA
3.6
AA Large
—
White BG
1.2Fail
1.2Fail
2.1Fail
5.6AA
20.1AAA
Black BG
17.9AAA
16.9AAA
10.0AAA
3.7AA Large
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDEA0
E7E770
BFBF47
74743C
090810

Deuteranopia

DAD5A8
E6E47A
C1C24F
76793F
090A0F

Tritanopia

C6B8BD
DF9098
C86268
814547
0C0D0C

Achromatopsia

DFDFDF
D8D8D8
A9A9A9
666666
080808

Shades & Tints Shades & Tints

#C3FF82

Dark
Light

#DEF246

Dark
Light

#C9B324

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3ff82;
  --color-2: #def246;
  --color-3: #c9b324;
  --color-4: #836130;
  --color-5: #0c0414;
}

SCSS

$color-1: #c3ff82;
$color-2: #def246;
$color-3: #c9b324;
$color-4: #836130;
$color-5: #0c0414;

TAILWIND

colors: {
  'brand-1': '#c3ff82',
  'brand-2': '#def246',
  'brand-3': '#c9b324',
  'brand-4': '#836130',
  'brand-5': '#0c0414',
}

RGB Array

[195, 255, 130], [222, 242, 70], [201, 179, 36], [131, 97, 48], [12, 4, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C3FF82, #DEF246, #C9B324, #836130, #0C0414 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #c3ff82; --color-2: #def246; --color-3: #c9b324; --color-4: #836130; --color-5: #0c0414. 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. 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 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