← Back to Editor

#C6B589 · #96886D · #99631B · #875B14 · #2B2519

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

#C6B589

Ginger · Tan · Sunflower

HEX
#C6B589
RGB
rgb(198, 181, 137)
HSL
hsl(43, 35%, 66%)
HSB
hsb(43, 31%, 78%)
CMYK
cmyk(0%, 9%, 31%, 22%)
Oklch
oklch(77.7% 0.062 89.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#96886D

Ginger · Gray · Sunflower

HEX
#96886D
RGB
rgb(150, 136, 109)
HSL
hsl(40, 16%, 51%)
HSB
hsb(40, 27%, 59%)
CMYK
cmyk(0%, 9%, 27%, 41%)
Oklch
oklch(63.2% 0.042 83.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#99631B

Ochre · Sienna · Amber Brown

HEX
#99631B
RGB
rgb(153, 99, 27)
HSL
hsl(34, 70%, 35%)
HSB
hsb(34, 82%, 60%)
CMYK
cmyk(0%, 35%, 82%, 40%)
Oklch
oklch(54.6% 0.108 68.5)

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

#875B14

Ochre · Sienna · Amber Brown

HEX
#875B14
RGB
rgb(135, 91, 20)
HSL
hsl(37, 74%, 30%)
HSB
hsb(37, 85%, 53%)
CMYK
cmyk(0%, 33%, 85%, 47%)
Oklch
oklch(50.7% 0.100 73.4)

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

#2B2519

Ochre · Black · Amber Gold

HEX
#2B2519
RGB
rgb(43, 37, 25)
HSL
hsl(40, 26%, 13%)
HSB
hsb(40, 42%, 17%)
CMYK
cmyk(0%, 14%, 42%, 83%)
Oklch
oklch(26.7% 0.023 84.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6B589
8A9BC7

Analogous

C7978A
C6B589
B9C78A

Triadic

C6B589
8AC7B5
B58AC7

Split-Comp.

C6B589
8AB9C7
978AC7

Tetradic

C6B589
8AC797
8A9BC7
C78AB9

Contrast Matrix WCAG 2.1 Contrast

C6B589
96886D
99631B
875B14
2B2519
—
1.7
Fail
2.5
Fail
2.9
Fail
7.5
AAA
1.7
Fail
—
1.5
Fail
1.7
Fail
4.4
AA Large
2.5
Fail
1.5
Fail
—
1.2
Fail
3.0
AA Large
2.9
Fail
1.7
Fail
1.2
Fail
—
2.6
Fail
7.5
AAA
4.4
AA Large
3.0
AA Large
2.6
Fail
—
White BG
2.0Fail
3.5AA Large
5.1AA
5.9AA
15.2AAA
Black BG
10.4AAA
6.0AA
4.2AA Large
3.5AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBE94
909074
82812C
747425
28281C

Deuteranopia

C0C196
919275
858931
777A29
29291D

Tritanopia

C59C9E
95797A
963A3D
853336
2B1E1F

Achromatopsia

B5B5B5
898989
6B6B6B
606060
252525

Shades & Tints Shades & Tints

#C6B589

Dark
Light

#96886D

Dark
Light

#99631B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6b589;
  --color-2: #96886d;
  --color-3: #99631b;
  --color-4: #875b14;
  --color-5: #2b2519;
}

SCSS

$color-1: #c6b589;
$color-2: #96886d;
$color-3: #99631b;
$color-4: #875b14;
$color-5: #2b2519;

TAILWIND

colors: {
  'brand-1': '#c6b589',
  'brand-2': '#96886d',
  'brand-3': '#99631b',
  'brand-4': '#875b14',
  'brand-5': '#2b2519',
}

RGB Array

[198, 181, 137], [150, 136, 109], [153, 99, 27], [135, 91, 20], [43, 37, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6B589, #96886D, #99631B, #875B14, #2B2519 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: #c6b589; --color-2: #96886d; --color-3: #99631b; --color-4: #875b14; --color-5: #2b2519. 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