← Back to Editor

#74DBC9 · #FFEA64 · #FC9E69 · #FA5362 · #F70763

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#74DBC9

Jade · MediumAquaMarine · Lake Green

HEX
#74DBC9
RGB
rgb(116, 219, 201)
HSL
hsl(170, 59%, 66%)
HSB
hsb(170, 47%, 86%)
CMYK
cmyk(47%, 0%, 8%, 14%)
Oklch
oklch(82.4% 0.100 181.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#FFEA64

Fresh Green · Khaki · Sunflower

HEX
#FFEA64
RGB
rgb(255, 234, 100)
HSL
hsl(52, 100%, 70%)
HSB
hsb(52, 61%, 100%)
CMYK
cmyk(0%, 8%, 61%, 0%)
Oklch
oklch(92.9% 0.153 100.4)

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

#FC9E69

Apricot · SandyBrown · Warm Sun

HEX
#FC9E69
RGB
rgb(252, 158, 105)
HSL
hsl(22, 96%, 70%)
HSB
hsb(22, 58%, 99%)
CMYK
cmyk(0%, 37%, 58%, 1%)
Oklch
oklch(78.4% 0.132 49.4)

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

#FA5362

Peach Pink · Tomato · Coral Red

HEX
#FA5362
RGB
rgb(250, 83, 98)
HSL
hsl(355, 94%, 65%)
HSB
hsb(355, 67%, 98%)
CMYK
cmyk(0%, 67%, 61%, 2%)
Oklch
oklch(67.4% 0.202 19.4)

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

#F70763

Dark Violet · Crimson · Camellia

HEX
#F70763
RGB
rgb(247, 7, 99)
HSL
hsl(337, 94%, 50%)
HSB
hsb(337, 97%, 97%)
CMYK
cmyk(0%, 97%, 60%, 3%)
Oklch
oklch(62.5% 0.248 10.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

74DBC9
DB7586

Analogous

75DB97
74DBC9
75B9DB

Triadic

74DBC9
CA75DB
DBCA75

Split-Comp.

74DBC9
DB75B9
DB9775

Tetradic

74DBC9
9775DB
DB7586
B9DB75

Contrast Matrix WCAG 2.1 Contrast

74DBC9
FFEA64
FC9E69
FA5362
F70763
—
1.4
Fail
1.2
Fail
2.0
Fail
2.5
Fail
1.4
Fail
—
1.7
Fail
2.7
Fail
3.3
AA Large
1.2
Fail
1.7
Fail
—
1.6
Fail
2.0
Fail
2.0
Fail
2.7
Fail
1.6
Fail
—
1.3
Fail
2.5
Fail
3.3
AA Large
2.0
Fail
1.3
Fail
—
White BG
1.7Fail
1.2Fail
2.1Fail
3.2AA Large
4.1AA Large
Black BG
12.7AAA
17.2AAA
10.2AAA
6.5AA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A2CD
F6F684
D3D276
B2B05E
8F8D4D

Deuteranopia

9B93CE
F7F98C
D9E079
BBC85E
9DAF47

Tritanopia

79D1D2
FE9EA4
F78082
F25C5B
EB3B37

Achromatopsia

BABABA
E1E1E1
B4B4B4
878787
595959

Shades & Tints Shades & Tints

#74DBC9

Dark
Light

#FFEA64

Dark
Light

#FC9E69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #74dbc9;
  --color-2: #ffea64;
  --color-3: #fc9e69;
  --color-4: #fa5362;
  --color-5: #f70763;
}

SCSS

$color-1: #74dbc9;
$color-2: #ffea64;
$color-3: #fc9e69;
$color-4: #fa5362;
$color-5: #f70763;

TAILWIND

colors: {
  'brand-1': '#74dbc9',
  'brand-2': '#ffea64',
  'brand-3': '#fc9e69',
  'brand-4': '#fa5362',
  'brand-5': '#f70763',
}

RGB Array

[116, 219, 201], [255, 234, 100], [252, 158, 105], [250, 83, 98], [247, 7, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #74DBC9, #FFEA64, #FC9E69, #FA5362, #F70763 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: #74dbc9; --color-2: #ffea64; --color-3: #fc9e69; --color-4: #fa5362; --color-5: #f70763. 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