← Back to Editor

#C4B8A6 · #EF7D3E · #C14A22 · #060701 · #998E65

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

#C4B8A6

Goose Yellow · Silver · Warm Sun

HEX
#C4B8A6
RGB
rgb(196, 184, 166)
HSL
hsl(36, 20%, 71%)
HSB
hsb(36, 15%, 77%)
CMYK
cmyk(0%, 6%, 15%, 23%)
Oklch
oklch(78.8% 0.028 78.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EF7D3E

Tangerine · Coral · Warm Sun

HEX
#EF7D3E
RGB
rgb(239, 125, 62)
HSL
hsl(21, 85%, 59%)
HSB
hsb(21, 74%, 94%)
CMYK
cmyk(0%, 48%, 74%, 6%)
Oklch
oklch(70.8% 0.159 47.1)

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

#C14A22

Tangerine · Chocolate · Amber Brown

HEX
#C14A22
RGB
rgb(193, 74, 34)
HSL
hsl(15, 70%, 45%)
HSB
hsb(15, 82%, 76%)
CMYK
cmyk(0%, 62%, 82%, 24%)
Oklch
oklch(56.4% 0.162 38.0)

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

#060701

Grass Green · Black · Dark Green

HEX
#060701
RGB
rgb(6, 7, 1)
HSL
hsl(70, 75%, 2%)
HSB
hsb(70, 86%, 3%)
CMYK
cmyk(14%, 0%, 86%, 97%)
Oklch
oklch(12.3% 0.022 115.1)

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

#998E65

Ochre · Gray · Honey Gold

HEX
#998E65
RGB
rgb(153, 142, 101)
HSL
hsl(47, 20%, 50%)
HSB
hsb(47, 34%, 60%)
CMYK
cmyk(0%, 7%, 34%, 40%)
Oklch
oklch(64.6% 0.059 94.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4B8A6
A6B2C4

Analogous

C4A9A6
C4B8A6
C1C4A6

Triadic

C4B8A6
A6C4B8
B8A6C4

Split-Comp.

C4B8A6
A6C1C4
A9A6C4

Tetradic

C4B8A6
A6C4A9
A6B2C4
C4A6C1

Contrast Matrix WCAG 2.1 Contrast

C4B8A6
EF7D3E
C14A22
060701
998E65
—
1.4
Fail
2.5
Fail
10.4
AAA
1.7
Fail
1.4
Fail
—
1.8
Fail
7.4
AAA
1.2
Fail
2.5
Fail
1.8
Fail
—
4.1
AA Large
1.5
Fail
10.4
AAA
7.4
AAA
4.1
AA Large
—
6.2
AA
1.7
Fail
1.2
Fail
1.5
Fail
6.2
AA
—
White BG
2.0Fail
2.7Fail
4.9AA
20.2AAA
3.3AA Large
Black BG
10.8AAA
7.7AAA
4.3AA Large
1.0Fail
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBFAA
BEBD4D
8D8C2C
060602
94946F

Deuteranopia

C0C0AB
C4CD51
949D2E
060603
959671

Tritanopia

C3AEAF
E9595C
BB3335
060404
987778

Achromatopsia

BABABA
989898
696969
060606
8D8D8D

Shades & Tints Shades & Tints

#C4B8A6

Dark
Light

#EF7D3E

Dark
Light

#C14A22

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4b8a6;
  --color-2: #ef7d3e;
  --color-3: #c14a22;
  --color-4: #060701;
  --color-5: #998e65;
}

SCSS

$color-1: #c4b8a6;
$color-2: #ef7d3e;
$color-3: #c14a22;
$color-4: #060701;
$color-5: #998e65;

TAILWIND

colors: {
  'brand-1': '#c4b8a6',
  'brand-2': '#ef7d3e',
  'brand-3': '#c14a22',
  'brand-4': '#060701',
  'brand-5': '#998e65',
}

RGB Array

[196, 184, 166], [239, 125, 62], [193, 74, 34], [6, 7, 1], [153, 142, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C4B8A6, #EF7D3E, #C14A22, #060701, #998E65 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: #c4b8a6; --color-2: #ef7d3e; --color-3: #c14a22; --color-4: #060701; --color-5: #998e65. 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