← Back to Editor

#711C5F · #D30C71 · #D56B00 · #CEAC40 · #79A0AF

cool

A 5-color cool 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

#711C5F

Rose Purple · Purple · Eggplant

HEX
#711C5F
RGB
rgb(113, 28, 95)
HSL
hsl(313, 60%, 28%)
HSB
hsb(313, 75%, 44%)
CMYK
cmyk(0%, 75%, 16%, 56%)
Oklch
oklch(39.1% 0.141 337.8)

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

#D30C71

Dark Violet · MediumVioletRed · Camellia

HEX
#D30C71
RGB
rgb(211, 12, 113)
HSL
hsl(330, 89%, 44%)
HSB
hsb(330, 94%, 83%)
CMYK
cmyk(0%, 94%, 46%, 17%)
Oklch
oklch(56.5% 0.225 359.7)

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

#D56B00

Ochre · Chocolate · Amber Brown

HEX
#D56B00
RGB
rgb(213, 107, 0)
HSL
hsl(30, 100%, 42%)
HSB
hsb(30, 100%, 84%)
CMYK
cmyk(0%, 50%, 100%, 16%)
Oklch
oklch(64.1% 0.161 53.6)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#CEAC40

Ginger · GoldenRod · Sunflower

HEX
#CEAC40
RGB
rgb(206, 172, 64)
HSL
hsl(46, 59%, 53%)
HSB
hsb(46, 69%, 81%)
CMYK
cmyk(0%, 17%, 69%, 19%)
Oklch
oklch(75.5% 0.130 91.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#79A0AF

Slate Blue · CadetBlue · Lake Green

HEX
#79A0AF
RGB
rgb(121, 160, 175)
HSL
hsl(197, 25%, 58%)
HSB
hsb(197, 31%, 69%)
CMYK
cmyk(31%, 9%, 0%, 31%)
Oklch
oklch(68.2% 0.048 223.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

711C5F
1D722F

Analogous

5A1D72
711C5F
721D35

Triadic

711C5F
60721D
1D6072

Split-Comp.

711C5F
35721D
1D725A

Tetradic

711C5F
725A1D
1D722F
1D3572

Contrast Matrix WCAG 2.1 Contrast

711C5F
D30C71
D56B00
CEAC40
79A0AF
—
2.0
Fail
2.9
Fail
4.7
AA
3.7
AA Large
2.0
Fail
—
1.5
Fail
2.4
Fail
1.8
Fail
2.9
Fail
1.5
Fail
—
1.6
Fail
1.3
Fail
4.7
AA
2.4
Fail
1.6
Fail
—
1.3
Fail
3.7
AA Large
1.8
Fail
1.3
Fail
1.3
Fail
—
White BG
10.3AAA
5.2AA
3.5AA Large
2.2Fail
2.8Fail
Black BG
2.0Fail
4.1AA Large
5.9AA
9.6AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4B4F
7D7B59
A7A61A
BFBF5A
8A8AAB

Deuteranopia

51584B
889753
ADB520
C1C460
8885AB

Tritanopia

6D423F
C94541
D02E33
CC6F73
7BA9A8

Achromatopsia

3D3D3D
535353
7E7E7E
AAAAAA
969696

Shades & Tints Shades & Tints

#711C5F

Dark
Light

#D30C71

Dark
Light

#D56B00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #711c5f;
  --color-2: #d30c71;
  --color-3: #d56b00;
  --color-4: #ceac40;
  --color-5: #79a0af;
}

SCSS

$color-1: #711c5f;
$color-2: #d30c71;
$color-3: #d56b00;
$color-4: #ceac40;
$color-5: #79a0af;

TAILWIND

colors: {
  'brand-1': '#711c5f',
  'brand-2': '#d30c71',
  'brand-3': '#d56b00',
  'brand-4': '#ceac40',
  'brand-5': '#79a0af',
}

RGB Array

[113, 28, 95], [211, 12, 113], [213, 107, 0], [206, 172, 64], [121, 160, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #711C5F, #D30C71, #D56B00, #CEAC40, #79A0AF 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: #711c5f; --color-2: #d30c71; --color-3: #d56b00; --color-4: #ceac40; --color-5: #79a0af. 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 cool-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