← Back to Editor

#C6BE79 · #C6ED6F · #F78E67 · #FF2E94 · #501E49

bright

A 5-color bright 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

#C6BE79

Fresh Green · Tan · Sunflower

HEX
#C6BE79
RGB
rgb(198, 190, 121)
HSL
hsl(54, 40%, 63%)
HSB
hsb(54, 39%, 78%)
CMYK
cmyk(0%, 4%, 39%, 22%)
Oklch
oklch(79.2% 0.090 102.5)

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

#C6ED6F

Willow Green · Khaki · Apple Green

HEX
#C6ED6F
RGB
rgb(198, 237, 111)
HSL
hsl(79, 78%, 68%)
HSB
hsb(79, 53%, 93%)
CMYK
cmyk(16%, 0%, 53%, 7%)
Oklch
oklch(89.3% 0.159 123.9)

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

#F78E67

Apricot · Salmon · Warm Sun

HEX
#F78E67
RGB
rgb(247, 142, 103)
HSL
hsl(16, 90%, 69%)
HSB
hsb(16, 58%, 97%)
CMYK
cmyk(0%, 43%, 58%, 3%)
Oklch
oklch(75.1% 0.138 40.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FF2E94

Dark Violet · DeepPink · Rose Pink

HEX
#FF2E94
RGB
rgb(255, 46, 148)
HSL
hsl(331, 100%, 59%)
HSB
hsb(331, 82%, 100%)
CMYK
cmyk(0%, 82%, 42%, 0%)
Oklch
oklch(66.6% 0.248 357.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#501E49

Rose Purple · DarkSlateGray · Eggplant

HEX
#501E49
RGB
rgb(80, 30, 73)
HSL
hsl(308, 45%, 22%)
HSB
hsb(308, 63%, 31%)
CMYK
cmyk(0%, 62%, 9%, 69%)
Oklch
oklch(32.7% 0.096 333.3)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6BE79
7B82C6

Analogous

C6997B
C6BE79
A8C67B

Triadic

C6BE79
7BC6BF
BF7BC6

Split-Comp.

C6BE79
7BA8C6
997BC6

Tetradic

C6BE79
7BC699
7B82C6
C67BA8

Contrast Matrix WCAG 2.1 Contrast

C6BE79
C6ED6F
F78E67
FF2E94
501E49
—
1.4
Fail
1.2
Fail
1.8
Fail
6.8
AA
1.4
Fail
—
1.7
Fail
2.6
Fail
9.7
AAA
1.2
Fail
1.7
Fail
—
1.5
Fail
5.6
AA
1.8
Fail
2.6
Fail
1.5
Fail
—
3.7
AA Large
6.8
AA
9.7
AAA
5.6
AA
3.7
AA Large
—
White BG
1.9Fail
1.3Fail
2.3Fail
3.5AA Large
12.9AAA
Black BG
11.0AAA
15.7AAA
9.0AAA
6.1AA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C28A
D7D78D
CAC970
A5A37B
3A3A3F

Deuteranopia

C3C48E
D5D295
D0D773
B1C075
3D413C

Tritanopia

C6979A
C8A6AB
F2787A
F56864
4E3635

Achromatopsia

B9B9B9
D3D3D3
A9A9A9
787878
323232

Shades & Tints Shades & Tints

#C6BE79

Dark
Light

#C6ED6F

Dark
Light

#F78E67

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6be79;
  --color-2: #c6ed6f;
  --color-3: #f78e67;
  --color-4: #ff2e94;
  --color-5: #501e49;
}

SCSS

$color-1: #c6be79;
$color-2: #c6ed6f;
$color-3: #f78e67;
$color-4: #ff2e94;
$color-5: #501e49;

TAILWIND

colors: {
  'brand-1': '#c6be79',
  'brand-2': '#c6ed6f',
  'brand-3': '#f78e67',
  'brand-4': '#ff2e94',
  'brand-5': '#501e49',
}

RGB Array

[198, 190, 121], [198, 237, 111], [247, 142, 103], [255, 46, 148], [80, 30, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #C6BE79, #C6ED6F, #F78E67, #FF2E94, #501E49 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: #c6be79; --color-2: #c6ed6f; --color-3: #f78e67; --color-4: #ff2e94; --color-5: #501e49. 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 bright-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