← Back to Editor

#19171A · #9E5A2D · #CB9660 · #F7EECD · #FFFFF6

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

#19171A

Ink Black · Black · Jet Black

HEX
#19171A
RGB
rgb(25, 23, 26)
HSL
hsl(280, 6%, 10%)
HSB
hsb(280, 12%, 10%)
CMYK
cmyk(4%, 12%, 0%, 90%)
Oklch
oklch(20.8% 0.007 314.7)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#9E5A2D

Tangerine · Sienna · Amber Brown

HEX
#9E5A2D
RGB
rgb(158, 90, 45)
HSL
hsl(24, 56%, 40%)
HSB
hsb(24, 72%, 62%)
CMYK
cmyk(0%, 43%, 72%, 38%)
Oklch
oklch(53.8% 0.107 51.9)

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

#CB9660

Ginger · DarkSalmon · Warm Sun

HEX
#CB9660
RGB
rgb(203, 150, 96)
HSL
hsl(30, 51%, 59%)
HSB
hsb(30, 53%, 80%)
CMYK
cmyk(0%, 26%, 53%, 20%)
Oklch
oklch(71.2% 0.095 65.8)

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

#F7EECD

Goose Yellow · Bisque · Lemon Cream

HEX
#F7EECD
RGB
rgb(247, 238, 205)
HSL
hsl(47, 72%, 89%)
HSB
hsb(47, 17%, 97%)
CMYK
cmyk(0%, 4%, 17%, 3%)
Oklch
oklch(94.8% 0.044 94.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFFFF6

Fresh Green · Snow · Lemon Cream

HEX
#FFFFF6
RGB
rgb(255, 255, 246)
HSL
hsl(60, 100%, 98%)
HSB
hsb(60, 4%, 100%)
CMYK
cmyk(0%, 0%, 4%, 0%)
Oklch
oklch(99.8% 0.012 106.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

19171A
191B18

Analogous

18181B
19171A
1B181B

Triadic

19171A
1B1A18
181B1A

Split-Comp.

19171A
1B1B18
181B18

Tetradic

19171A
1B1818
191B18
181B1B

Contrast Matrix WCAG 2.1 Contrast

19171A
9E5A2D
CB9660
F7EECD
FFFFF6
—
3.4
AA Large
6.8
AA
15.3
AAA
17.7
AAA
3.4
AA Large
—
2.0
Fail
4.6
AA
5.3
AA
6.8
AA
2.0
Fail
—
2.2
Fail
2.6
Fail
15.3
AAA
4.6
AA
2.2
Fail
—
1.2
Fail
17.7
AAA
5.3
AA
2.6
Fail
1.2
Fail
—
White BG
17.8AAA
5.3AA
2.6Fail
1.2Fail
1.0Fail
Black BG
1.2Fail
4.0AA Large
8.1AAA
18.1AAA
20.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

181819
818038
B4B46D
F3F3D5
FFFFF8

Deuteranopia

181819
858A3B
B7BB70
F4F4D7
FFFFF9

Tritanopia

191919
9B4042
C8777A
F7DBDD
FFFAFA

Achromatopsia

181818
696969
A0A0A0
EDEDED
FEFEFE

Shades & Tints Shades & Tints

#19171A

Dark
Light

#9E5A2D

Dark
Light

#CB9660

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #19171a;
  --color-2: #9e5a2d;
  --color-3: #cb9660;
  --color-4: #f7eecd;
  --color-5: #fffff6;
}

SCSS

$color-1: #19171a;
$color-2: #9e5a2d;
$color-3: #cb9660;
$color-4: #f7eecd;
$color-5: #fffff6;

TAILWIND

colors: {
  'brand-1': '#19171a',
  'brand-2': '#9e5a2d',
  'brand-3': '#cb9660',
  'brand-4': '#f7eecd',
  'brand-5': '#fffff6',
}

RGB Array

[25, 23, 26], [158, 90, 45], [203, 150, 96], [247, 238, 205], [255, 255, 246]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #19171A, #9E5A2D, #CB9660, #F7EECD, #FFFFF6 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: #19171a; --color-2: #9e5a2d; --color-3: #cb9660; --color-4: #f7eecd; --color-5: #fffff6. 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