← Back to Editor

#C2B290 · #938B76 · #82786F · #61565C · #814952

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 Library

Color Details Color Details

#C2B290

Ginger · Tan · Sunflower

HEX
#C2B290
RGB
rgb(194, 178, 144)
HSL
hsl(41, 29%, 66%)
HSB
hsb(41, 26%, 76%)
CMYK
cmyk(0%, 8%, 26%, 24%)
Oklch
oklch(76.8% 0.050 85.7)

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

#938B76

Ginger · Gray · Sunflower

HEX
#938B76
RGB
rgb(147, 139, 118)
HSL
hsl(43, 12%, 52%)
HSB
hsb(43, 20%, 58%)
CMYK
cmyk(0%, 5%, 20%, 42%)
Oklch
oklch(63.8% 0.032 89.6)

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

#82786F

Tangerine · Gray · Warm Gray

HEX
#82786F
RGB
rgb(130, 120, 111)
HSL
hsl(28, 8%, 47%)
HSB
hsb(28, 15%, 51%)
CMYK
cmyk(0%, 8%, 15%, 49%)
Oklch
oklch(57.9% 0.018 64.5)

Traditional「Tangerine」· Paint「Warm Gray」· Creative Urban Concrete

#61565C

Ink Gray · DimGray · Charcoal

HEX
#61565C
RGB
rgb(97, 86, 92)
HSL
hsl(327, 6%, 36%)
HSB
hsb(327, 11%, 38%)
CMYK
cmyk(0%, 11%, 5%, 62%)
Oklch
oklch(46.6% 0.017 343.7)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#814952

Crimson · DimGray · Wine Red

HEX
#814952
RGB
rgb(129, 73, 82)
HSL
hsl(350, 28%, 40%)
HSB
hsb(350, 43%, 51%)
CMYK
cmyk(0%, 43%, 36%, 49%)
Oklch
oklch(47.4% 0.077 10.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2B290
8F9FC1

Analogous

C1988F
C2B290
B8C18F

Triadic

C2B290
8FC1B2
B28FC1

Split-Comp.

C2B290
8FB8C1
988FC1

Tetradic

C2B290
8FC198
8F9FC1
C18FB8

Contrast Matrix WCAG 2.1 Contrast

C2B290
938B76
82786F
61565C
814952
—
1.6
Fail
2.1
Fail
3.4
AA Large
3.3
AA Large
1.6
Fail
—
1.3
Fail
2.1
Fail
2.1
Fail
2.1
Fail
1.3
Fail
—
1.6
Fail
1.6
Fail
3.4
AA Large
2.1
Fail
1.6
Fail
—
1.0
Fail
3.3
AA Large
2.1
Fail
1.6
Fail
1.0
Fail
—
White BG
2.1Fail
3.4AA Large
4.3AA Large
7.0AAA
7.0AA
Black BG
10.1AAA
6.2AA
4.9AA
3.0Fail
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBB98
908F7B
7E7E71
5C5C5B
696850

Deuteranopia

BCBD9A
90917C
7E7F72
5D5E5A
6C704F

Tritanopia

C19FA0
937F80
827373
605959
7E4E4E

Achromatopsia

B3B3B3
8B8B8B
7A7A7A
5A5A5A
5B5B5B

Shades & Tints Shades & Tints

#C2B290

Dark
Light

#938B76

Dark
Light

#82786F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2b290;
  --color-2: #938b76;
  --color-3: #82786f;
  --color-4: #61565c;
  --color-5: #814952;
}

SCSS

$color-1: #c2b290;
$color-2: #938b76;
$color-3: #82786f;
$color-4: #61565c;
$color-5: #814952;

TAILWIND

colors: {
  'brand-1': '#c2b290',
  'brand-2': '#938b76',
  'brand-3': '#82786f',
  'brand-4': '#61565c',
  'brand-5': '#814952',
}

RGB Array

[194, 178, 144], [147, 139, 118], [130, 120, 111], [97, 86, 92], [129, 73, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2B290, #938B76, #82786F, #61565C, #814952 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c2b290; --color-2: #938b76; --color-3: #82786f; --color-4: #61565c; --color-5: #814952. 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. 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. Restrained colors convey professionalism and trust. 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