← Back to Editor

#CCA89C · #AE7B66 · #80584E · #0A5E00 · #0E0405

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

#CCA89C

Apricot · Tan · Warm Sun

HEX
#CCA89C
RGB
rgb(204, 168, 156)
HSL
hsl(15, 32%, 71%)
HSB
hsb(15, 24%, 80%)
CMYK
cmyk(0%, 18%, 24%, 20%)
Oklch
oklch(76.0% 0.046 39.3)

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

#AE7B66

Tangerine · Gray · Warm Sun

HEX
#AE7B66
RGB
rgb(174, 123, 102)
HSL
hsl(17, 31%, 54%)
HSB
hsb(17, 41%, 68%)
CMYK
cmyk(0%, 29%, 41%, 32%)
Oklch
oklch(62.9% 0.071 43.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#80584E

Crimson · DimGray · Wine Red

HEX
#80584E
RGB
rgb(128, 88, 78)
HSL
hsl(12, 24%, 40%)
HSB
hsb(12, 39%, 50%)
CMYK
cmyk(0%, 31%, 39%, 50%)
Oklch
oklch(50.1% 0.056 34.6)

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

#0A5E00

Pine Green · DarkGreen · Dark Green

HEX
#0A5E00
RGB
rgb(10, 94, 0)
HSL
hsl(114, 100%, 18%)
HSB
hsb(114, 100%, 37%)
CMYK
cmyk(89%, 0%, 100%, 63%)
Oklch
oklch(41.9% 0.140 141.7)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#0E0405

Crimson · Black · Deep Berry

HEX
#0E0405
RGB
rgb(14, 4, 5)
HSL
hsl(354, 56%, 4%)
HSB
hsb(354, 71%, 5%)
CMYK
cmyk(0%, 71%, 64%, 95%)
Oklch
oklch(12.7% 0.022 11.9)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CCA89C
9DC1CD

Analogous

CD9DA9
CCA89C
CDC19D

Triadic

CCA89C
9DCDA9
A99DCD

Split-Comp.

CCA89C
9DCDC1
9DA9CD

Tetradic

CCA89C
A9CD9D
9DC1CD
C19DCD

Contrast Matrix WCAG 2.1 Contrast

CCA89C
AE7B66
80584E
0A5E00
0E0405
—
1.7
Fail
2.8
Fail
3.7
AA Large
9.3
AAA
1.7
Fail
—
1.7
Fail
2.2
Fail
5.6
AA
2.8
Fail
1.7
Fail
—
1.3
Fail
3.3
AA Large
3.7
AA Large
2.2
Fail
1.3
Fail
—
2.5
Fail
9.3
AAA
5.6
AA
3.3
AA Large
2.5
Fail
—
White BG
2.2Fail
3.6AA Large
6.1AA
8.0AAA
20.2AAA
Black BG
9.6AAA
5.8AA
3.4AA Large
2.6Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC9F
98976B
6F6E50
2E2F17
0A0A05

Deuteranopia

BFC1A0
9B9F6C
717451
2A231C
0A0B05

Tritanopia

CAA1A2
AB6F70
7E5253
0E292D
0D0505

Achromatopsia

B1B1B1
888888
636363
3A3A3A
070707

Shades & Tints Shades & Tints

#CCA89C

Dark
Light

#AE7B66

Dark
Light

#80584E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cca89c;
  --color-2: #ae7b66;
  --color-3: #80584e;
  --color-4: #0a5e00;
  --color-5: #0e0405;
}

SCSS

$color-1: #cca89c;
$color-2: #ae7b66;
$color-3: #80584e;
$color-4: #0a5e00;
$color-5: #0e0405;

TAILWIND

colors: {
  'brand-1': '#cca89c',
  'brand-2': '#ae7b66',
  'brand-3': '#80584e',
  'brand-4': '#0a5e00',
  'brand-5': '#0e0405',
}

RGB Array

[204, 168, 156], [174, 123, 102], [128, 88, 78], [10, 94, 0], [14, 4, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CCA89C, #AE7B66, #80584E, #0A5E00, #0E0405 is ideal for: tech websites, dark mode UIs, game UIs, 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: #cca89c; --color-2: #ae7b66; --color-3: #80584e; --color-4: #0a5e00; --color-5: #0e0405. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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