← Back to Editor

#66CCCE · #620460 · #890657 · #DB034D · #FE0555

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

#66CCCE

Lake Blue · MediumTurquoise · Lake Green

HEX
#66CCCE
RGB
rgb(102, 204, 206)
HSL
hsl(181, 51%, 60%)
HSB
hsb(181, 50%, 81%)
CMYK
cmyk(50%, 1%, 0%, 19%)
Oklch
oklch(78.5% 0.095 197.1)

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

#620460

Rose Purple · Purple · Dark Purple

HEX
#620460
RGB
rgb(98, 4, 96)
HSL
hsl(301, 92%, 20%)
HSB
hsb(301, 96%, 38%)
CMYK
cmyk(0%, 96%, 2%, 62%)
Oklch
oklch(34.9% 0.156 329.4)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#890657

Rose Purple · Purple · Camellia

HEX
#890657
RGB
rgb(137, 6, 87)
HSL
hsl(323, 92%, 28%)
HSB
hsb(323, 96%, 54%)
CMYK
cmyk(0%, 96%, 36%, 46%)
Oklch
oklch(41.7% 0.169 351.2)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#DB034D

Dark Violet · Crimson · Camellia

HEX
#DB034D
RGB
rgb(219, 3, 77)
HSL
hsl(339, 97%, 44%)
HSB
hsb(339, 99%, 86%)
CMYK
cmyk(0%, 99%, 65%, 14%)
Oklch
oklch(56.8% 0.226 13.9)

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

#FE0555

Dark Violet · Crimson · Rose Pink

HEX
#FE0555
RGB
rgb(254, 5, 85)
HSL
hsl(341, 99%, 51%)
HSB
hsb(341, 98%, 100%)
CMYK
cmyk(0%, 98%, 67%, 0%)
Oklch
oklch(63.4% 0.252 15.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

66CCCE
CD6765

Analogous

65CD9B
66CCCE
6597CD

Triadic

66CCCE
CD65CB
CBCD65

Split-Comp.

66CCCE
CD6597
CD9B65

Tetradic

66CCCE
9B65CD
CD6765
97CD65

Contrast Matrix WCAG 2.1 Contrast

66CCCE
620460
890657
DB034D
FE0555
—
6.5
AA
5.0
AA
2.7
Fail
2.1
Fail
6.5
AA
—
1.3
Fail
2.4
Fail
3.1
AA Large
5.0
AA
1.3
Fail
—
1.9
Fail
2.4
Fail
2.7
Fail
2.4
Fail
1.9
Fail
—
1.3
Fail
2.1
Fail
3.1
AA Large
2.4
Fail
1.3
Fail
—
White BG
1.9Fail
12.3AAA
9.4AAA
5.1AA
3.9AA Large
Black BG
11.1AAA
1.7Fail
2.2Fail
4.1AA Large
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9293CE
39384A
504F43
7D7C3B
929042

Deuteranopia

8C85CD
3F4644
58623F
8A9A37
A1B33D

Tritanopia

6BCDCD
5D3834
823431
D02D2A
F2322F

Achromatopsia

AEAEAE
2B2B2B
363636
4C4C4C
595959

Shades & Tints Shades & Tints

#66CCCE

Dark
Light

#620460

Dark
Light

#890657

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #66ccce;
  --color-2: #620460;
  --color-3: #890657;
  --color-4: #db034d;
  --color-5: #fe0555;
}

SCSS

$color-1: #66ccce;
$color-2: #620460;
$color-3: #890657;
$color-4: #db034d;
$color-5: #fe0555;

TAILWIND

colors: {
  'brand-1': '#66ccce',
  'brand-2': '#620460',
  'brand-3': '#890657',
  'brand-4': '#db034d',
  'brand-5': '#fe0555',
}

RGB Array

[102, 204, 206], [98, 4, 96], [137, 6, 87], [219, 3, 77], [254, 5, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #66CCCE, #620460, #890657, #DB034D, #FE0555 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: #66ccce; --color-2: #620460; --color-3: #890657; --color-4: #db034d; --color-5: #fe0555. 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