← Back to Editor

#A66954 · #14050A · #672D5D · #CC1436 · #749B40

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

#A66954

Tangerine · Sienna · Amber Brown

HEX
#A66954
RGB
rgb(166, 105, 84)
HSL
hsl(15, 33%, 49%)
HSB
hsb(15, 49%, 65%)
CMYK
cmyk(0%, 37%, 49%, 35%)
Oklch
oklch(58.2% 0.085 39.7)

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

#14050A

Dark Violet · Black · Raspberry

HEX
#14050A
RGB
rgb(20, 5, 10)
HSL
hsl(340, 60%, 5%)
HSB
hsb(340, 75%, 8%)
CMYK
cmyk(0%, 75%, 50%, 92%)
Oklch
oklch(14.5% 0.031 357.9)

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

#672D5D

Rose Purple · DarkSlateBlue · Eggplant

HEX
#672D5D
RGB
rgb(103, 45, 93)
HSL
hsl(310, 39%, 29%)
HSB
hsb(310, 56%, 40%)
CMYK
cmyk(0%, 56%, 10%, 60%)
Oklch
oklch(39.5% 0.105 334.4)

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

#CC1436

Vermilion · Crimson · Passion Red

HEX
#CC1436
RGB
rgb(204, 20, 54)
HSL
hsl(349, 82%, 44%)
HSB
hsb(349, 90%, 80%)
CMYK
cmyk(0%, 90%, 74%, 20%)
Oklch
oklch(54.0% 0.209 20.6)

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

#749B40

Grass Green · DarkOliveGreen · Olive Green

HEX
#749B40
RGB
rgb(116, 155, 64)
HSL
hsl(86, 42%, 43%)
HSB
hsb(86, 59%, 61%)
CMYK
cmyk(25%, 0%, 59%, 39%)
Oklch
oklch(64.1% 0.128 128.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A66954
5492A6

Analogous

A65468
A66954
A69254

Triadic

A66954
54A668
6854A6

Split-Comp.

A66954
54A692
5468A6

Tetradic

A66954
68A654
5492A6
9254A6

Contrast Matrix WCAG 2.1 Contrast

A66954
14050A
672D5D
CC1436
749B40
—
4.5
AA
2.3
Fail
1.3
Fail
1.4
Fail
4.5
AA
—
2.0
Fail
3.5
AA Large
6.2
AA
2.3
Fail
2.0
Fail
—
1.8
Fail
3.1
AA Large
1.3
Fail
3.5
AA Large
1.8
Fail
—
1.7
Fail
1.4
Fail
6.2
AA
3.1
AA Large
1.7
Fail
—
White BG
4.4AA Large
19.9AAA
10.0AAA
5.6AA
3.2AA Large
Black BG
4.8AA
1.1Fail
2.1Fail
3.7AA Large
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8B59
0E0D09
4E4D51
7C7B2E
858556

Deuteranopia

8F945A
0E1009
51564F
87952C
83805B

Tritanopia

A35D5E
130808
644846
C32726
76676B

Achromatopsia

797979
0A0A0A
444444
4F4F4F
858585

Shades & Tints Shades & Tints

#A66954

Dark
Light

#14050A

Dark
Light

#672D5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a66954;
  --color-2: #14050a;
  --color-3: #672d5d;
  --color-4: #cc1436;
  --color-5: #749b40;
}

SCSS

$color-1: #a66954;
$color-2: #14050a;
$color-3: #672d5d;
$color-4: #cc1436;
$color-5: #749b40;

TAILWIND

colors: {
  'brand-1': '#a66954',
  'brand-2': '#14050a',
  'brand-3': '#672d5d',
  'brand-4': '#cc1436',
  'brand-5': '#749b40',
}

RGB Array

[166, 105, 84], [20, 5, 10], [103, 45, 93], [204, 20, 54], [116, 155, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A66954, #14050A, #672D5D, #CC1436, #749B40 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: #a66954; --color-2: #14050a; --color-3: #672d5d; --color-4: #cc1436; --color-5: #749b40. 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