← Back to Editor

#666713 · #C66613 · #CC1713 · #CC1666 · #CC6663

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#666713

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#666713
RGB
rgb(102, 103, 19)
HSL
hsl(61, 69%, 24%)
HSB
hsb(61, 82%, 40%)
CMYK
cmyk(1%, 0%, 82%, 60%)
Oklch
oklch(49.7% 0.101 110.3)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#C66613

Tangerine · Chocolate · Amber Brown

HEX
#C66613
RGB
rgb(198, 102, 19)
HSL
hsl(28, 82%, 43%)
HSB
hsb(28, 90%, 78%)
CMYK
cmyk(0%, 48%, 90%, 22%)
Oklch
oklch(61.2% 0.148 53.5)

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

#CC1713

Vermilion · FireBrick · Passion Red

HEX
#CC1713
RGB
rgb(204, 23, 19)
HSL
hsl(1, 83%, 44%)
HSB
hsb(1, 91%, 80%)
CMYK
cmyk(0%, 89%, 91%, 20%)
Oklch
oklch(53.8% 0.210 28.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#CC1666

Dark Violet · MediumVioletRed · Camellia

HEX
#CC1666
RGB
rgb(204, 22, 102)
HSL
hsl(334, 81%, 44%)
HSB
hsb(334, 89%, 80%)
CMYK
cmyk(0%, 89%, 50%, 20%)
Oklch
oklch(55.2% 0.213 3.0)

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

#CC6663

Crimson · LightCoral · Passion Red

HEX
#CC6663
RGB
rgb(204, 102, 99)
HSL
hsl(2, 51%, 59%)
HSB
hsb(2, 51%, 80%)
CMYK
cmyk(0%, 50%, 51%, 20%)
Oklch
oklch(63.0% 0.130 23.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

666713
141367

Analogous

673F13
666713
3C6713

Triadic

666713
136667
671366

Split-Comp.

666713
133C67
3F1367

Tetradic

666713
13673F
141367
67133C

Contrast Matrix WCAG 2.1 Contrast

666713
C66613
CC1713
CC1666
CC6663
—
1.5
Fail
1.1
Fail
1.1
Fail
1.6
Fail
1.5
Fail
—
1.4
Fail
1.4
Fail
1.1
Fail
1.1
Fail
1.4
Fail
—
1.0
Fail
1.5
Fail
1.1
Fail
1.4
Fail
1.0
Fail
—
1.5
Fail
1.6
Fail
1.1
Fail
1.5
Fail
1.5
Fail
—
White BG
6.0AA
4.0AA Large
5.7AA
5.4AA
3.7AA Large
Black BG
3.5AA Large
5.3AA
3.7AA Large
3.9AA Large
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

666627
9C9C27
7E7C14
7D7C53
A09F64

Deuteranopia

66662C
A2A92C
889614
88954E
A6AD64

Tritanopia

66373B
C1373A
C31515
C34340
C76464

Achromatopsia

5D5D5D
797979
4D4D4D
565656
848484

Shades & Tints Shades & Tints

#666713

Dark
Light

#C66613

Dark
Light

#CC1713

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #666713;
  --color-2: #c66613;
  --color-3: #cc1713;
  --color-4: #cc1666;
  --color-5: #cc6663;
}

SCSS

$color-1: #666713;
$color-2: #c66613;
$color-3: #cc1713;
$color-4: #cc1666;
$color-5: #cc6663;

TAILWIND

colors: {
  'brand-1': '#666713',
  'brand-2': '#c66613',
  'brand-3': '#cc1713',
  'brand-4': '#cc1666',
  'brand-5': '#cc6663',
}

RGB Array

[102, 103, 19], [198, 102, 19], [204, 23, 19], [204, 22, 102], [204, 102, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #666713, #C66613, #CC1713, #CC1666, #CC6663 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: #666713; --color-2: #c66613; --color-3: #cc1713; --color-4: #cc1666; --color-5: #cc6663. 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