← Back to Editor

#CBD9AC · #B0866F · #934F50 · #D24545 · #FE6A43

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

#CBD9AC

Willow Green · Silver · Apple Green

HEX
#CBD9AC
RGB
rgb(203, 217, 172)
HSL
hsl(79, 37%, 76%)
HSB
hsb(79, 21%, 85%)
CMYK
cmyk(6%, 0%, 21%, 15%)
Oklch
oklch(86.3% 0.062 121.7)

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

#B0866F

Tangerine · Gray · Warm Sun

HEX
#B0866F
RGB
rgb(176, 134, 111)
HSL
hsl(21, 29%, 56%)
HSB
hsb(21, 37%, 69%)
CMYK
cmyk(0%, 24%, 37%, 31%)
Oklch
oklch(65.5% 0.061 50.0)

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

#934F50

Crimson · Sienna · Passion Red

HEX
#934F50
RGB
rgb(147, 79, 80)
HSL
hsl(359, 30%, 44%)
HSB
hsb(359, 46%, 58%)
CMYK
cmyk(0%, 46%, 46%, 42%)
Oklch
oklch(50.9% 0.091 19.8)

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

#D24545

Vermilion · Crimson · Passion Red

HEX
#D24545
RGB
rgb(210, 69, 69)
HSL
hsl(0, 61%, 55%)
HSB
hsb(0, 67%, 82%)
CMYK
cmyk(0%, 67%, 67%, 18%)
Oklch
oklch(59.0% 0.178 24.4)

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

#FE6A43

Peach Pink · Tomato · Coral Red

HEX
#FE6A43
RGB
rgb(254, 106, 67)
HSL
hsl(13, 99%, 63%)
HSB
hsb(13, 74%, 100%)
CMYK
cmyk(0%, 58%, 74%, 0%)
Oklch
oklch(70.3% 0.189 35.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBD9AC
B9ABD8

Analogous

D8D0AB
CBD9AC
B3D8AB

Triadic

CBD9AC
ABCAD8
D8ABCA

Split-Comp.

CBD9AC
ABB3D8
D0ABD8

Tetradic

CBD9AC
ABD8D0
B9ABD8
D8ABB3

Contrast Matrix WCAG 2.1 Contrast

CBD9AC
B0866F
934F50
D24545
FE6A43
—
2.2
Fail
4.0
AA Large
3.0
AA Large
1.9
Fail
2.2
Fail
—
1.9
Fail
1.4
Fail
1.1
Fail
4.0
AA Large
1.9
Fail
—
1.3
Fail
2.1
Fail
3.0
AA Large
1.4
Fail
1.3
Fail
—
1.6
Fail
1.9
Fail
1.1
Fail
2.1
Fail
1.6
Fail
—
White BG
1.5Fail
3.2AA Large
6.0AA
4.5AA Large
2.9Fail
Black BG
14.1AAA
6.5AA
3.5AA Large
4.7AA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1B7
9E9D75
767550
959445
BEBD4C

Deuteranopia

D0CFBA
A0A376
7A7F50
9DA845
C7D24F

Tritanopia

CCBFC1
AE797A
905050
CB4545
F75456

Achromatopsia

D0D0D0
909090
636363
6F6F6F
929292

Shades & Tints Shades & Tints

#CBD9AC

Dark
Light

#B0866F

Dark
Light

#934F50

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbd9ac;
  --color-2: #b0866f;
  --color-3: #934f50;
  --color-4: #d24545;
  --color-5: #fe6a43;
}

SCSS

$color-1: #cbd9ac;
$color-2: #b0866f;
$color-3: #934f50;
$color-4: #d24545;
$color-5: #fe6a43;

TAILWIND

colors: {
  'brand-1': '#cbd9ac',
  'brand-2': '#b0866f',
  'brand-3': '#934f50',
  'brand-4': '#d24545',
  'brand-5': '#fe6a43',
}

RGB Array

[203, 217, 172], [176, 134, 111], [147, 79, 80], [210, 69, 69], [254, 106, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBD9AC, #B0866F, #934F50, #D24545, #FE6A43 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: #cbd9ac; --color-2: #b0866f; --color-3: #934f50; --color-4: #d24545; --color-5: #fe6a43. 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