← Back to Editor

#65B18A · #74B98C · #FFA17A · #FC655C · #F24B53

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

#65B18A

Celadon · CadetBlue · Olive Green

HEX
#65B18A
RGB
rgb(101, 177, 138)
HSL
hsl(149, 33%, 55%)
HSB
hsb(149, 43%, 69%)
CMYK
cmyk(43%, 0%, 22%, 31%)
Oklch
oklch(70.0% 0.096 160.2)

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

#74B98C

Celadon · DarkSeaGreen · Olive Green

HEX
#74B98C
RGB
rgb(116, 185, 140)
HSL
hsl(141, 33%, 59%)
HSB
hsb(141, 37%, 73%)
CMYK
cmyk(37%, 0%, 24%, 27%)
Oklch
oklch(72.7% 0.096 154.7)

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

#FFA17A

Apricot · LightSalmon · Warm Sun

HEX
#FFA17A
RGB
rgb(255, 161, 122)
HSL
hsl(18, 100%, 74%)
HSB
hsb(18, 52%, 100%)
CMYK
cmyk(0%, 37%, 52%, 0%)
Oklch
oklch(79.5% 0.124 43.1)

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

#FC655C

Peach Pink · Tomato · Coral Red

HEX
#FC655C
RGB
rgb(252, 101, 92)
HSL
hsl(3, 96%, 67%)
HSB
hsb(3, 63%, 99%)
CMYK
cmyk(0%, 60%, 63%, 1%)
Oklch
oklch(69.7% 0.186 26.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F24B53

Peach Pink · Tomato · Coral Red

HEX
#F24B53
RGB
rgb(242, 75, 83)
HSL
hsl(357, 87%, 62%)
HSB
hsb(357, 69%, 95%)
CMYK
cmyk(0%, 69%, 66%, 5%)
Oklch
oklch(65.1% 0.203 22.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

65B18A
B2668E

Analogous

68B266
65B18A
66B2B1

Triadic

65B18A
8B66B2
B28B66

Split-Comp.

65B18A
B166B2
B26668

Tetradic

65B18A
6668B2
B2668E
B2B166

Contrast Matrix WCAG 2.1 Contrast

65B18A
74B98C
FFA17A
FC655C
F24B53
—
1.1
Fail
1.3
Fail
1.1
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.5
Fail
1.8
Fail
1.1
Fail
1.3
Fail
1.5
Fail
—
1.2
Fail
1.4
Fail
1.5
Fail
1.8
Fail
1.2
Fail
—
White BG
2.6Fail
2.3Fail
2.0Fail
2.9Fail
3.6AA Large
Black BG
8.2AAA
9.1AAA
10.6AAA
7.2AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

868793
929297
D6D583
BBB95E
AAA851

Deuteranopia

827C96
8E899A
DCE386
C3CF5F
B3C051

Tritanopia

699B9D
779FA1
FA8B8D
F46060
EA504F

Achromatopsia

969696
9F9F9F
B9B9B9
919191
7E7E7E

Shades & Tints Shades & Tints

#65B18A

Dark
Light

#74B98C

Dark
Light

#FFA17A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #65b18a;
  --color-2: #74b98c;
  --color-3: #ffa17a;
  --color-4: #fc655c;
  --color-5: #f24b53;
}

SCSS

$color-1: #65b18a;
$color-2: #74b98c;
$color-3: #ffa17a;
$color-4: #fc655c;
$color-5: #f24b53;

TAILWIND

colors: {
  'brand-1': '#65b18a',
  'brand-2': '#74b98c',
  'brand-3': '#ffa17a',
  'brand-4': '#fc655c',
  'brand-5': '#f24b53',
}

RGB Array

[101, 177, 138], [116, 185, 140], [255, 161, 122], [252, 101, 92], [242, 75, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #65B18A, #74B98C, #FFA17A, #FC655C, #F24B53 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: #65b18a; --color-2: #74b98c; --color-3: #ffa17a; --color-4: #fc655c; --color-5: #f24b53. 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