← Back to Editor

#67C258 · #B8F24C · #FAA73F · #F4593D · #CB0057

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 App

Color Details Color Details

#67C258

Celadon · MediumSeaGreen · Olive Green

HEX
#67C258
RGB
rgb(103, 194, 88)
HSL
hsl(112, 46%, 55%)
HSB
hsb(112, 55%, 76%)
CMYK
cmyk(47%, 0%, 55%, 24%)
Oklch
oklch(73.4% 0.168 140.9)

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

#B8F24C

Willow Green · GreenYellow · Apple Green

HEX
#B8F24C
RGB
rgb(184, 242, 76)
HSL
hsl(81, 86%, 62%)
HSB
hsb(81, 69%, 95%)
CMYK
cmyk(24%, 0%, 69%, 5%)
Oklch
oklch(89.1% 0.199 126.9)

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

#FAA73F

Ginger · SandyBrown · Warm Sun

HEX
#FAA73F
RGB
rgb(250, 167, 63)
HSL
hsl(33, 95%, 61%)
HSB
hsb(33, 75%, 98%)
CMYK
cmyk(0%, 33%, 75%, 2%)
Oklch
oklch(79.3% 0.150 68.0)

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

#F4593D

Vermilion · Tomato · Passion Red

HEX
#F4593D
RGB
rgb(244, 89, 61)
HSL
hsl(9, 89%, 60%)
HSB
hsb(9, 75%, 96%)
CMYK
cmyk(0%, 64%, 75%, 4%)
Oklch
oklch(66.6% 0.195 32.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#CB0057

Dark Violet · Crimson · Camellia

HEX
#CB0057
RGB
rgb(203, 0, 87)
HSL
hsl(334, 100%, 40%)
HSB
hsb(334, 100%, 80%)
CMYK
cmyk(0%, 100%, 57%, 20%)
Oklch
oklch(54.0% 0.216 7.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

67C258
B357C1

Analogous

9AC157
67C258
57C17E

Triadic

67C258
5766C1
C15766

Split-Comp.

67C258
7E57C1
C1579A

Tetradic

67C258
579AC1
B357C1
C17E57

Contrast Matrix WCAG 2.1 Contrast

67C258
B8F24C
FAA73F
F4593D
CB0057
—
1.7
Fail
1.1
Fail
1.5
Fail
2.6
Fail
1.7
Fail
—
1.5
Fail
2.5
Fail
4.3
AA Large
1.1
Fail
1.5
Fail
—
1.7
Fail
2.9
Fail
1.5
Fail
2.5
Fail
1.7
Fail
—
1.7
Fail
2.6
Fail
4.3
AA Large
2.9
Fail
1.7
Fail
—
White BG
2.2Fail
1.3Fail
2.0Fail
3.3AA Large
5.7AA
Black BG
9.4AAA
15.8AAA
10.7AAA
6.3AA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8F72
D1D274
D6D558
B1AF44
737142

Deuteranopia

898278
CEC97E
DBE15E
BAC545
7F8E3D

Tritanopia

6C868A
BB949B
F66C70
EC494A
C1312E

Achromatopsia

9B9B9B
CECECE
B4B4B4
848484
474747

Shades & Tints Shades & Tints

#67C258

Dark
Light

#B8F24C

Dark
Light

#FAA73F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #67c258;
  --color-2: #b8f24c;
  --color-3: #faa73f;
  --color-4: #f4593d;
  --color-5: #cb0057;
}

SCSS

$color-1: #67c258;
$color-2: #b8f24c;
$color-3: #faa73f;
$color-4: #f4593d;
$color-5: #cb0057;

TAILWIND

colors: {
  'brand-1': '#67c258',
  'brand-2': '#b8f24c',
  'brand-3': '#faa73f',
  'brand-4': '#f4593d',
  'brand-5': '#cb0057',
}

RGB Array

[103, 194, 88], [184, 242, 76], [250, 167, 63], [244, 89, 61], [203, 0, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #67C258, #B8F24C, #FAA73F, #F4593D, #CB0057 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #67c258; --color-2: #b8f24c; --color-3: #faa73f; --color-4: #f4593d; --color-5: #cb0057. 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 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