← Back to Editor

#C1A72C · #D1C25D · #BCAD86 · #D29986 · #B85E5D

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

#C1A72C

Autumn Sage · GoldenRod · Honey Gold

HEX
#C1A72C
RGB
rgb(193, 167, 44)
HSL
hsl(50, 63%, 46%)
HSB
hsb(50, 77%, 76%)
CMYK
cmyk(0%, 13%, 77%, 24%)
Oklch
oklch(73.1% 0.137 96.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#D1C25D

Autumn Sage · BurlyWood · Sunflower

HEX
#D1C25D
RGB
rgb(209, 194, 93)
HSL
hsl(52, 56%, 59%)
HSB
hsb(52, 56%, 82%)
CMYK
cmyk(0%, 7%, 56%, 18%)
Oklch
oklch(80.6% 0.123 101.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#BCAD86

Ginger · Tan · Sunflower

HEX
#BCAD86
RGB
rgb(188, 173, 134)
HSL
hsl(43, 29%, 63%)
HSB
hsb(43, 29%, 74%)
CMYK
cmyk(0%, 8%, 29%, 26%)
Oklch
oklch(75.0% 0.056 89.5)

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

#D29986

Apricot · DarkSalmon · Warm Sun

HEX
#D29986
RGB
rgb(210, 153, 134)
HSL
hsl(15, 46%, 67%)
HSB
hsb(15, 36%, 82%)
CMYK
cmyk(0%, 27%, 36%, 18%)
Oklch
oklch(73.3% 0.074 39.2)

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

#B85E5D

Crimson · Sienna · Passion Red

HEX
#B85E5D
RGB
rgb(184, 94, 93)
HSL
hsl(1, 39%, 54%)
HSB
hsb(1, 49%, 72%)
CMYK
cmyk(0%, 49%, 49%, 28%)
Oklch
oklch(58.9% 0.117 21.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1A72C
2B44BF

Analogous

BF5D2B
C1A72C
8EBF2B

Triadic

C1A72C
2BBFA7
A72BBF

Split-Comp.

C1A72C
2B8EBF
5D2BBF

Tetradic

C1A72C
2BBF5D
2B44BF
BF2B8E

Contrast Matrix WCAG 2.1 Contrast

C1A72C
D1C25D
BCAD86
D29986
B85E5D
—
1.3
Fail
1.1
Fail
1.0
Fail
1.8
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
2.4
Fail
1.1
Fail
1.2
Fail
—
1.1
Fail
2.0
Fail
1.0
Fail
1.3
Fail
1.1
Fail
—
1.8
Fail
1.8
Fail
2.4
Fail
2.0
Fail
1.8
Fail
—
White BG
2.4Fail
1.8Fail
2.2Fail
2.4Fail
4.4AA Large
Black BG
8.8AAA
11.6AAA
9.5AAA
8.6AAA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B64A
CBCA75
B6B58F
B9B98B
91905D

Deuteranopia

B7B951
CBCC7B
B6B892
BDC18C
969D5D

Tritanopia

C06166
D0898D
BB9799
CF8E8F
B35D5D

Achromatopsia

A1A1A1
BBBBBB
ADADAD
A8A8A8
797979

Shades & Tints Shades & Tints

#C1A72C

Dark
Light

#D1C25D

Dark
Light

#BCAD86

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1a72c;
  --color-2: #d1c25d;
  --color-3: #bcad86;
  --color-4: #d29986;
  --color-5: #b85e5d;
}

SCSS

$color-1: #c1a72c;
$color-2: #d1c25d;
$color-3: #bcad86;
$color-4: #d29986;
$color-5: #b85e5d;

TAILWIND

colors: {
  'brand-1': '#c1a72c',
  'brand-2': '#d1c25d',
  'brand-3': '#bcad86',
  'brand-4': '#d29986',
  'brand-5': '#b85e5d',
}

RGB Array

[193, 167, 44], [209, 194, 93], [188, 173, 134], [210, 153, 134], [184, 94, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C1A72C, #D1C25D, #BCAD86, #D29986, #B85E5D 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: #c1a72c; --color-2: #d1c25d; --color-3: #bcad86; --color-4: #d29986; --color-5: #b85e5d. 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