← Back to Editor

#C32B29 · #AC9478 · #A6AE96 · #9FC9B1 · #D9DBB7

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

#C32B29

Vermilion · FireBrick · Passion Red

HEX
#C32B29
RGB
rgb(195, 43, 41)
HSL
hsl(1, 65%, 46%)
HSB
hsb(1, 79%, 76%)
CMYK
cmyk(0%, 78%, 79%, 24%)
Oklch
oklch(53.6% 0.189 26.9)

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

#AC9478

Ginger · Gray · Warm Sun

HEX
#AC9478
RGB
rgb(172, 148, 120)
HSL
hsl(32, 24%, 57%)
HSB
hsb(32, 30%, 67%)
CMYK
cmyk(0%, 14%, 30%, 33%)
Oklch
oklch(68.1% 0.049 71.2)

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

#A6AE96

Willow Green · DarkGray · Apple Green

HEX
#A6AE96
RGB
rgb(166, 174, 150)
HSL
hsl(80, 13%, 64%)
HSB
hsb(80, 14%, 68%)
CMYK
cmyk(5%, 0%, 14%, 32%)
Oklch
oklch(73.8% 0.035 122.3)

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

#9FC9B1

Celadon · DarkGray · Apple Green

HEX
#9FC9B1
RGB
rgb(159, 201, 177)
HSL
hsl(146, 28%, 71%)
HSB
hsb(146, 21%, 79%)
CMYK
cmyk(21%, 0%, 12%, 21%)
Oklch
oklch(79.9% 0.056 159.8)

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

#D9DBB7

Fresh Green · Wheat · Lemon Cream

HEX
#D9DBB7
RGB
rgb(217, 219, 183)
HSL
hsl(63, 33%, 79%)
HSB
hsb(63, 16%, 86%)
CMYK
cmyk(1%, 0%, 16%, 14%)
Oklch
oklch(88.1% 0.048 110.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C32B29
29BFC2

Analogous

C22973
C32B29
C27829

Triadic

C32B29
29C22C
2C29C2

Split-Comp.

C32B29
29C278
2973C2

Tetradic

C32B29
73C229
29BFC2
7829C2

Contrast Matrix WCAG 2.1 Contrast

C32B29
AC9478
A6AE96
9FC9B1
D9DBB7
—
2.0
Fail
2.5
Fail
3.1
AA Large
4.0
AA Large
2.0
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
2.5
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
3.1
AA Large
1.6
Fail
1.3
Fail
—
1.3
Fail
4.0
AA Large
2.0
Fail
1.6
Fail
1.3
Fail
—
White BG
5.7AA
2.9Fail
2.3Fail
1.8Fail
1.4Fail
Black BG
3.7AA Large
7.3AAA
9.1AAA
11.5AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

818029
A2A17F
A9AA9C
B1B2B7
DADAC0

Deuteranopia

8A952A
A3A580
A9A89D
AFACB8
DADAC2

Tritanopia

BB2A2A
AB8485
A6A0A1
A1BBBC
D9C7C8

Achromatopsia

585858
989898
A9A9A9
BABABA
D6D6D6

Shades & Tints Shades & Tints

#C32B29

Dark
Light

#AC9478

Dark
Light

#A6AE96

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c32b29;
  --color-2: #ac9478;
  --color-3: #a6ae96;
  --color-4: #9fc9b1;
  --color-5: #d9dbb7;
}

SCSS

$color-1: #c32b29;
$color-2: #ac9478;
$color-3: #a6ae96;
$color-4: #9fc9b1;
$color-5: #d9dbb7;

TAILWIND

colors: {
  'brand-1': '#c32b29',
  'brand-2': '#ac9478',
  'brand-3': '#a6ae96',
  'brand-4': '#9fc9b1',
  'brand-5': '#d9dbb7',
}

RGB Array

[195, 43, 41], [172, 148, 120], [166, 174, 150], [159, 201, 177], [217, 219, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C32B29, #AC9478, #A6AE96, #9FC9B1, #D9DBB7 is ideal for: corporate websites, product showcases, portfolios. 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: #c32b29; --color-2: #ac9478; --color-3: #a6ae96; --color-4: #9fc9b1; --color-5: #d9dbb7. 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. 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