← Back to Editor

#CC9999 · #611C27 · #CC7079 · #E4B297 · #517361

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#CC9999

Peach Pink · Tan · Coral Red

HEX
#CC9999
RGB
rgb(204, 153, 153)
HSL
hsl(0, 33%, 70%)
HSB
hsb(0, 25%, 80%)
CMYK
cmyk(0%, 25%, 25%, 20%)
Oklch
oklch(73.1% 0.061 18.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#611C27

Crimson · Maroon · Wine Red

HEX
#611C27
RGB
rgb(97, 28, 39)
HSL
hsl(350, 55%, 25%)
HSB
hsb(350, 71%, 38%)
CMYK
cmyk(0%, 71%, 60%, 62%)
Oklch
oklch(34.0% 0.100 14.9)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#CC7079

Peach Pink · LightCoral · Coral Red

HEX
#CC7079
RGB
rgb(204, 112, 121)
HSL
hsl(354, 47%, 62%)
HSB
hsb(354, 45%, 80%)
CMYK
cmyk(0%, 45%, 41%, 20%)
Oklch
oklch(65.1% 0.116 14.6)

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

#E4B297

Apricot · BurlyWood · Warm Sun

HEX
#E4B297
RGB
rgb(228, 178, 151)
HSL
hsl(21, 59%, 74%)
HSB
hsb(21, 34%, 89%)
CMYK
cmyk(0%, 22%, 34%, 11%)
Oklch
oklch(80.2% 0.069 49.7)

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

#517361

Celadon · DimGray · Forest Green

HEX
#517361
RGB
rgb(81, 115, 97)
HSL
hsl(148, 17%, 38%)
HSB
hsb(148, 30%, 45%)
CMYK
cmyk(30%, 0%, 16%, 55%)
Oklch
oklch(52.4% 0.048 161.0)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CC9999
99CCCC

Analogous

CC99B3
CC9999
CCB399

Triadic

CC9999
99CC99
9999CC

Split-Comp.

CC9999
99CCB3
99B3CC

Tetradic

CC9999
B3CC99
99CCCC
B399CC

Contrast Matrix WCAG 2.1 Contrast

CC9999
611C27
CC7079
E4B297
517361
—
5.0
AA
1.4
Fail
1.3
Fail
2.2
Fail
5.0
AA
—
3.6
AA Large
6.5
AA
2.3
Fail
1.4
Fail
3.6
AA Large
—
1.8
Fail
1.6
Fail
1.3
Fail
6.5
AA
1.8
Fail
—
2.8
Fail
2.2
Fail
2.3
Fail
1.6
Fail
2.8
Fail
—
White BG
2.4Fail
12.3AAA
3.4AA Large
1.9Fail
5.3AA
Black BG
8.6AAA
1.7Fail
6.2AA
11.1AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B599
434324
A4A377
CECE9E
606065

Deuteranopia

B9BD99
474C24
AAB076
D1D59F
5E5B66

Tritanopia

C99999
5E2222
C77575
E2A3A4
53696A

Achromatopsia

A8A8A8
323232
8D8D8D
BEBEBE
676767

Shades & Tints Shades & Tints

#CC9999

Dark
Light

#611C27

Dark
Light

#CC7079

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cc9999;
  --color-2: #611c27;
  --color-3: #cc7079;
  --color-4: #e4b297;
  --color-5: #517361;
}

SCSS

$color-1: #cc9999;
$color-2: #611c27;
$color-3: #cc7079;
$color-4: #e4b297;
$color-5: #517361;

TAILWIND

colors: {
  'brand-1': '#cc9999',
  'brand-2': '#611c27',
  'brand-3': '#cc7079',
  'brand-4': '#e4b297',
  'brand-5': '#517361',
}

RGB Array

[204, 153, 153], [97, 28, 39], [204, 112, 121], [228, 178, 151], [81, 115, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CC9999, #611C27, #CC7079, #E4B297, #517361 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cc9999; --color-2: #611c27; --color-3: #cc7079; --color-4: #e4b297; --color-5: #517361. 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 tech, SaaS, healthcare, eco industries. 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