← Back to Editor

#C96156 · #726652 · #A19470 · #C6AD8D · #A4BAA1

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

#C96156

Crimson · Tomato · Passion Red

HEX
#C96156
RGB
rgb(201, 97, 86)
HSL
hsl(6, 52%, 56%)
HSB
hsb(6, 57%, 79%)
CMYK
cmyk(0%, 52%, 57%, 21%)
Oklch
oklch(61.6% 0.135 27.8)

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

#726652

Ochre · DimGray · Amber Brown

HEX
#726652
RGB
rgb(114, 102, 82)
HSL
hsl(38, 16%, 38%)
HSB
hsb(38, 28%, 45%)
CMYK
cmyk(0%, 11%, 28%, 55%)
Oklch
oklch(51.6% 0.034 80.4)

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

#A19470

Ginger · Gray · Sunflower

HEX
#A19470
RGB
rgb(161, 148, 112)
HSL
hsl(44, 21%, 54%)
HSB
hsb(44, 30%, 63%)
CMYK
cmyk(0%, 8%, 30%, 37%)
Oklch
oklch(66.9% 0.052 90.5)

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

#C6AD8D

Ginger · Tan · Warm Sun

HEX
#C6AD8D
RGB
rgb(198, 173, 141)
HSL
hsl(34, 33%, 66%)
HSB
hsb(34, 29%, 78%)
CMYK
cmyk(0%, 13%, 29%, 22%)
Oklch
oklch(76.1% 0.052 73.7)

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

#A4BAA1

Celadon · DarkGray · Apple Green

HEX
#A4BAA1
RGB
rgb(164, 186, 161)
HSL
hsl(113, 15%, 68%)
HSB
hsb(113, 13%, 73%)
CMYK
cmyk(12%, 0%, 13%, 27%)
Oklch
oklch(76.5% 0.043 141.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C96156
54BDC9

Analogous

C95483
C96156
C99A54

Triadic

C96156
54C960
6054C9

Split-Comp.

C96156
54C99A
5483C9

Tetradic

C96156
83C954
54BDC9
9A54C9

Contrast Matrix WCAG 2.1 Contrast

C96156
726652
A19470
C6AD8D
A4BAA1
—
1.4
Fail
1.3
Fail
1.8
Fail
1.9
Fail
1.4
Fail
—
1.9
Fail
2.6
Fail
2.7
Fail
1.3
Fail
1.9
Fail
—
1.4
Fail
1.4
Fail
1.8
Fail
2.6
Fail
1.4
Fail
—
1.0
Fail
1.9
Fail
2.7
Fail
1.4
Fail
1.0
Fail
—
White BG
3.9AA Large
5.6AA
3.0AA Large
2.2Fail
2.1Fail
Black BG
5.3AA
3.7AA Large
7.0AA
9.8AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9B59
6D6D57
9B9B79
BBBB95
AEAEA7

Deuteranopia

A2AA59
6E6E58
9C9D7B
BDBF97
ACABA9

Tritanopia

C45B5B
715B5C
A08081
C59B9C
A5ACAD

Achromatopsia

7F7F7F
676767
949494
B1B1B1
B1B1B1

Shades & Tints Shades & Tints

#C96156

Dark
Light

#726652

Dark
Light

#A19470

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c96156;
  --color-2: #726652;
  --color-3: #a19470;
  --color-4: #c6ad8d;
  --color-5: #a4baa1;
}

SCSS

$color-1: #c96156;
$color-2: #726652;
$color-3: #a19470;
$color-4: #c6ad8d;
$color-5: #a4baa1;

TAILWIND

colors: {
  'brand-1': '#c96156',
  'brand-2': '#726652',
  'brand-3': '#a19470',
  'brand-4': '#c6ad8d',
  'brand-5': '#a4baa1',
}

RGB Array

[201, 97, 86], [114, 102, 82], [161, 148, 112], [198, 173, 141], [164, 186, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C96156, #726652, #A19470, #C6AD8D, #A4BAA1 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: #c96156; --color-2: #726652; --color-3: #a19470; --color-4: #c6ad8d; --color-5: #a4baa1. 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