← Back to Editor

#93C261 · #C9DDA7 · #FF7A45 · #FA5137 · #F2273B

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

#93C261

Grass Green · DarkSeaGreen · Olive Green

HEX
#93C261
RGB
rgb(147, 194, 97)
HSL
hsl(89, 44%, 57%)
HSB
hsb(89, 50%, 76%)
CMYK
cmyk(24%, 0%, 50%, 24%)
Oklch
oklch(75.9% 0.137 130.4)

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

#C9DDA7

Willow Green · Silver · Apple Green

HEX
#C9DDA7
RGB
rgb(201, 221, 167)
HSL
hsl(82, 44%, 76%)
HSB
hsb(82, 24%, 87%)
CMYK
cmyk(9%, 0%, 24%, 13%)
Oklch
oklch(86.9% 0.075 124.4)

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

#FF7A45

Apricot · Coral · Warm Sun

HEX
#FF7A45
RGB
rgb(255, 122, 69)
HSL
hsl(17, 100%, 64%)
HSB
hsb(17, 73%, 100%)
CMYK
cmyk(0%, 52%, 73%, 0%)
Oklch
oklch(72.7% 0.176 41.2)

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

#FA5137

Vermilion · Tomato · Passion Red

HEX
#FA5137
RGB
rgb(250, 81, 55)
HSL
hsl(8, 95%, 60%)
HSB
hsb(8, 78%, 98%)
CMYK
cmyk(0%, 68%, 78%, 2%)
Oklch
oklch(66.6% 0.209 31.6)

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

#F2273B

Vermilion · Crimson · Passion Red

HEX
#F2273B
RGB
rgb(242, 39, 59)
HSL
hsl(354, 89%, 55%)
HSB
hsb(354, 84%, 95%)
CMYK
cmyk(0%, 84%, 76%, 5%)
Oklch
oklch(62.0% 0.232 23.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93C261
9061C2

Analogous

C2C061
93C261
63C261

Triadic

93C261
6193C2
C26193

Split-Comp.

93C261
6163C2
C061C2

Tetradic

93C261
61C2C0
9061C2
C26163

Contrast Matrix WCAG 2.1 Contrast

93C261
C9DDA7
FF7A45
FA5137
F2273B
—
1.4
Fail
1.2
Fail
1.6
Fail
2.0
Fail
1.4
Fail
—
1.8
Fail
2.3
Fail
2.8
Fail
1.2
Fail
1.8
Fail
—
1.3
Fail
1.6
Fail
1.6
Fail
2.3
Fail
1.3
Fail
—
1.2
Fail
2.0
Fail
2.8
Fail
1.6
Fail
1.2
Fail
—
White BG
2.1Fail
1.5Fail
2.6Fail
3.3AA Large
4.1AA Large
Black BG
10.1AAA
14.4AAA
8.1AAA
6.3AA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A878
D2D2B4
C5C452
B1AF3D
9A9836

Deuteranopia

A5A17E
D1CFB7
CDD755
BBC73F
A6B535

Tritanopia

958B8F
CABEC1
F85C5E
F24243
E83232

Achromatopsia

A9A9A9
D1D1D1
9C9C9C
818181
666666

Shades & Tints Shades & Tints

#93C261

Dark
Light

#C9DDA7

Dark
Light

#FF7A45

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93c261;
  --color-2: #c9dda7;
  --color-3: #ff7a45;
  --color-4: #fa5137;
  --color-5: #f2273b;
}

SCSS

$color-1: #93c261;
$color-2: #c9dda7;
$color-3: #ff7a45;
$color-4: #fa5137;
$color-5: #f2273b;

TAILWIND

colors: {
  'brand-1': '#93c261',
  'brand-2': '#c9dda7',
  'brand-3': '#ff7a45',
  'brand-4': '#fa5137',
  'brand-5': '#f2273b',
}

RGB Array

[147, 194, 97], [201, 221, 167], [255, 122, 69], [250, 81, 55], [242, 39, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #93C261, #C9DDA7, #FF7A45, #FA5137, #F2273B 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: #93c261; --color-2: #c9dda7; --color-3: #ff7a45; --color-4: #fa5137; --color-5: #f2273b. 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