← Back to Editor

#60A1CF · #CDC45A · #C65793 · #8E074D · #BF0743

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

#60A1CF

Lake Blue · CornflowerBlue · Navy Blue

HEX
#60A1CF
RGB
rgb(96, 161, 207)
HSL
hsl(205, 54%, 59%)
HSB
hsb(205, 54%, 81%)
CMYK
cmyk(54%, 22%, 0%, 19%)
Oklch
oklch(68.4% 0.095 240.9)

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

#CDC45A

Autumn Sage · BurlyWood · Sunflower

HEX
#CDC45A
RGB
rgb(205, 196, 90)
HSL
hsl(55, 53%, 58%)
HSB
hsb(55, 56%, 80%)
CMYK
cmyk(0%, 4%, 56%, 20%)
Oklch
oklch(80.7% 0.128 104.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#C65793

Rose Purple · LightCoral · Rose Pink

HEX
#C65793
RGB
rgb(198, 87, 147)
HSL
hsl(328, 49%, 56%)
HSB
hsb(328, 56%, 78%)
CMYK
cmyk(0%, 56%, 26%, 22%)
Oklch
oklch(61.4% 0.156 349.1)

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

#8E074D

Rose Purple · Purple · Camellia

HEX
#8E074D
RGB
rgb(142, 7, 77)
HSL
hsl(329, 91%, 29%)
HSB
hsb(329, 95%, 56%)
CMYK
cmyk(0%, 95%, 46%, 44%)
Oklch
oklch(42.3% 0.168 358.3)

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

#BF0743

Dark Violet · Crimson · Camellia

HEX
#BF0743
RGB
rgb(191, 7, 67)
HSL
hsl(340, 93%, 39%)
HSB
hsb(340, 96%, 75%)
CMYK
cmyk(0%, 96%, 65%, 25%)
Oklch
oklch(51.4% 0.203 13.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

60A1CF
CF8D5E

Analogous

5ECFC5
60A1CF
5E67CF

Triadic

60A1CF
CF5EA0
A0CF5E

Split-Comp.

60A1CF
CF5E67
CFC55E

Tetradic

60A1CF
C55ECF
CF8D5E
67CF5E

Contrast Matrix WCAG 2.1 Contrast

60A1CF
CDC45A
C65793
8E074D
BF0743
—
1.6
Fail
1.4
Fail
3.3
AA Large
2.3
Fail
1.6
Fail
—
2.2
Fail
5.1
AA
3.5
AA Large
1.4
Fail
2.2
Fail
—
2.3
Fail
1.6
Fail
3.3
AA Large
5.1
AA
2.3
Fail
—
1.5
Fail
2.3
Fail
3.5
AA Large
1.6
Fail
1.5
Fail
—
White BG
2.8Fail
1.8Fail
4.0AA Large
9.2AAA
6.3AA
Black BG
7.5AAA
11.6AAA
5.2AA
2.3Fail
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7DC4
C9C974
969584
54523C
6F6E34

Deuteranopia

7873C1
CACA7A
9CA581
5B6538
7A8831

Tritanopia

63BBB9
CD888C
C07977
872F2C
B62927

Achromatopsia

939393
BBBBBB
7F7F7F
373737
454545

Shades & Tints Shades & Tints

#60A1CF

Dark
Light

#CDC45A

Dark
Light

#C65793

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #60a1cf;
  --color-2: #cdc45a;
  --color-3: #c65793;
  --color-4: #8e074d;
  --color-5: #bf0743;
}

SCSS

$color-1: #60a1cf;
$color-2: #cdc45a;
$color-3: #c65793;
$color-4: #8e074d;
$color-5: #bf0743;

TAILWIND

colors: {
  'brand-1': '#60a1cf',
  'brand-2': '#cdc45a',
  'brand-3': '#c65793',
  'brand-4': '#8e074d',
  'brand-5': '#bf0743',
}

RGB Array

[96, 161, 207], [205, 196, 90], [198, 87, 147], [142, 7, 77], [191, 7, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #60A1CF, #CDC45A, #C65793, #8E074D, #BF0743 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: #60a1cf; --color-2: #cdc45a; --color-3: #c65793; --color-4: #8e074d; --color-5: #bf0743. 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