← Back to Editor

#CFA575 · #CD8B68 · #C94009 · #7F120D · #241414

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

#CFA575

Ginger · Tan · Warm Sun

HEX
#CFA575
RGB
rgb(207, 165, 117)
HSL
hsl(32, 48%, 64%)
HSB
hsb(32, 43%, 81%)
CMYK
cmyk(0%, 20%, 43%, 19%)
Oklch
oklch(74.9% 0.081 69.8)

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

#CD8B68

Apricot · DarkSalmon · Warm Sun

HEX
#CD8B68
RGB
rgb(205, 139, 104)
HSL
hsl(21, 50%, 61%)
HSB
hsb(21, 49%, 80%)
CMYK
cmyk(0%, 32%, 49%, 20%)
Oklch
oklch(69.5% 0.094 48.6)

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

#C94009

Tangerine · FireBrick · Amber Brown

HEX
#C94009
RGB
rgb(201, 64, 9)
HSL
hsl(17, 91%, 41%)
HSB
hsb(17, 96%, 79%)
CMYK
cmyk(0%, 68%, 96%, 21%)
Oklch
oklch(56.4% 0.182 37.6)

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

#7F120D

Vermilion · Maroon · Wine Red

HEX
#7F120D
RGB
rgb(127, 18, 13)
HSL
hsl(3, 81%, 27%)
HSB
hsb(3, 90%, 50%)
CMYK
cmyk(0%, 86%, 90%, 50%)
Oklch
oklch(38.5% 0.144 28.8)

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

#241414

Crimson · Black · Deep Berry

HEX
#241414
RGB
rgb(36, 20, 20)
HSL
hsl(0, 29%, 11%)
HSB
hsb(0, 44%, 14%)
CMYK
cmyk(0%, 44%, 44%, 86%)
Oklch
oklch(21.3% 0.027 19.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFA575
77A0CF

Analogous

CF7A77
CFA575
CCCF77

Triadic

CFA575
77CFA6
A677CF

Split-Comp.

CFA575
77CCCF
7A77CF

Tetradic

CFA575
77CF7A
77A0CF
CF77CC

Contrast Matrix WCAG 2.1 Contrast

CFA575
CD8B68
C94009
7F120D
241414
—
1.2
Fail
2.2
Fail
4.7
AA
7.8
AAA
1.2
Fail
—
1.8
Fail
3.8
AA Large
6.3
AA
2.2
Fail
1.8
Fail
—
2.1
Fail
3.6
AA Large
4.7
AA
3.8
AA Large
2.1
Fail
—
1.7
Fail
7.8
AAA
6.3
AA
3.6
AA Large
1.7
Fail
—
White BG
2.3Fail
2.8Fail
5.0AA
10.5AAA
17.7AAA
Black BG
9.3AAA
7.5AAA
4.2AA Large
2.0Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBC81
B0B070
8E8C16
504F0E
1D1D14

Deuteranopia

BFC283
B4B973
96A01A
565E0F
1E1F14

Tritanopia

CD8A8C
CA7779
C22123
7A0F0F
231414

Achromatopsia

ACACAC
9B9B9B
636363
323232
191919

Shades & Tints Shades & Tints

#CFA575

Dark
Light

#CD8B68

Dark
Light

#C94009

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfa575;
  --color-2: #cd8b68;
  --color-3: #c94009;
  --color-4: #7f120d;
  --color-5: #241414;
}

SCSS

$color-1: #cfa575;
$color-2: #cd8b68;
$color-3: #c94009;
$color-4: #7f120d;
$color-5: #241414;

TAILWIND

colors: {
  'brand-1': '#cfa575',
  'brand-2': '#cd8b68',
  'brand-3': '#c94009',
  'brand-4': '#7f120d',
  'brand-5': '#241414',
}

RGB Array

[207, 165, 117], [205, 139, 104], [201, 64, 9], [127, 18, 13], [36, 20, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CFA575, #CD8B68, #C94009, #7F120D, #241414 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: #cfa575; --color-2: #cd8b68; --color-3: #c94009; --color-4: #7f120d; --color-5: #241414. 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