← Back to Editor

#614551 · #C1426F · #FE4E7D · #FFEAA8 · #6DC5AF

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 AppData Visualization

Color Details Color Details

#614551

Dark Violet · DimGray · Camellia

HEX
#614551
RGB
rgb(97, 69, 81)
HSL
hsl(334, 17%, 33%)
HSB
hsb(334, 29%, 38%)
CMYK
cmyk(0%, 29%, 16%, 62%)
Oklch
oklch(42.5% 0.042 351.6)

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

#C1426F

Dark Violet · MediumVioletRed · Rose Pink

HEX
#C1426F
RGB
rgb(193, 66, 111)
HSL
hsl(339, 51%, 51%)
HSB
hsb(339, 66%, 76%)
CMYK
cmyk(0%, 66%, 42%, 24%)
Oklch
oklch(56.9% 0.166 2.2)

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

#FE4E7D

Rouge · Salmon · Rose Pink

HEX
#FE4E7D
RGB
rgb(254, 78, 125)
HSL
hsl(344, 99%, 65%)
HSB
hsb(344, 69%, 100%)
CMYK
cmyk(0%, 69%, 51%, 0%)
Oklch
oklch(68.2% 0.213 9.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FFEAA8

Goose Yellow · Wheat · Lemon Cream

HEX
#FFEAA8
RGB
rgb(255, 234, 168)
HSL
hsl(46, 100%, 83%)
HSB
hsb(46, 34%, 100%)
CMYK
cmyk(0%, 8%, 34%, 0%)
Oklch
oklch(93.9% 0.086 92.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#6DC5AF

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#6DC5AF
RGB
rgb(109, 197, 175)
HSL
hsl(165, 43%, 60%)
HSB
hsb(165, 45%, 77%)
CMYK
cmyk(45%, 0%, 11%, 23%)
Oklch
oklch(76.2% 0.092 175.6)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

614551
466256

Analogous

624661
614551
624846

Triadic

614551
526246
465262

Split-Comp.

614551
466248
466162

Tetradic

614551
616246
466256
484662

Contrast Matrix WCAG 2.1 Contrast

614551
C1426F
FE4E7D
FFEAA8
6DC5AF
—
1.7
Fail
2.7
Fail
7.1
AAA
4.1
AA Large
1.7
Fail
—
1.5
Fail
4.1
AA Large
2.4
Fail
2.7
Fail
1.5
Fail
—
2.7
Fail
1.6
Fail
7.1
AAA
4.1
AA Large
2.7
Fail
—
1.7
Fail
4.1
AA Large
2.4
Fail
1.6
Fail
1.7
Fail
—
White BG
8.5AAA
4.9AA
3.2AA Large
1.2Fail
2.0Fail
Black BG
2.5Fail
4.3AA Large
6.6AA
17.6AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

55554E
8A8964
B2B072
F6F6B8
9394B4

Deuteranopia

57594D
919B61
BCC96F
F7F9BC
8E87B6

Tritanopia

604C4B
BB5C5A
F56967
FEC5C7
71B9B9

Achromatopsia

4F4F4F
6D6D6D
888888
E9E9E9
A8A8A8

Shades & Tints Shades & Tints

#614551

Dark
Light

#C1426F

Dark
Light

#FE4E7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #614551;
  --color-2: #c1426f;
  --color-3: #fe4e7d;
  --color-4: #ffeaa8;
  --color-5: #6dc5af;
}

SCSS

$color-1: #614551;
$color-2: #c1426f;
$color-3: #fe4e7d;
$color-4: #ffeaa8;
$color-5: #6dc5af;

TAILWIND

colors: {
  'brand-1': '#614551',
  'brand-2': '#c1426f',
  'brand-3': '#fe4e7d',
  'brand-4': '#ffeaa8',
  'brand-5': '#6dc5af',
}

RGB Array

[97, 69, 81], [193, 66, 111], [254, 78, 125], [255, 234, 168], [109, 197, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #614551, #C1426F, #FE4E7D, #FFEAA8, #6DC5AF 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: #614551; --color-2: #c1426f; --color-3: #fe4e7d; --color-4: #ffeaa8; --color-5: #6dc5af. 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 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