← Back to Editor

#C9B99F · #92988C · #5A7870 · #1B1110 · #BC5D3F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C9B99F

Goose Yellow · Tan · Warm Sun

HEX
#C9B99F
RGB
rgb(201, 185, 159)
HSL
hsl(37, 28%, 71%)
HSB
hsb(37, 21%, 79%)
CMYK
cmyk(0%, 8%, 21%, 21%)
Oklch
oklch(79.2% 0.040 80.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#92988C

Ash · Gray · Silver Sand

HEX
#92988C
RGB
rgb(146, 152, 140)
HSL
hsl(90, 6%, 57%)
HSB
hsb(90, 8%, 60%)
CMYK
cmyk(4%, 0%, 8%, 40%)
Oklch
oklch(67.1% 0.019 128.8)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#5A7870

Mineral Blue · DimGray · Mint Ice

HEX
#5A7870
RGB
rgb(90, 120, 112)
HSL
hsl(164, 14%, 41%)
HSB
hsb(164, 25%, 47%)
CMYK
cmyk(25%, 0%, 7%, 53%)
Oklch
oklch(54.7% 0.037 176.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#1B1110

Crimson · Black · Deep Berry

HEX
#1B1110
RGB
rgb(27, 17, 16)
HSL
hsl(5, 26%, 8%)
HSB
hsb(5, 41%, 11%)
CMYK
cmyk(0%, 37%, 41%, 89%)
Oklch
oklch(19.1% 0.017 25.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#BC5D3F

Crimson · Sienna · Passion Red

HEX
#BC5D3F
RGB
rgb(188, 93, 63)
HSL
hsl(14, 50%, 49%)
HSB
hsb(14, 66%, 74%)
CMYK
cmyk(0%, 51%, 66%, 26%)
Oklch
oklch(58.7% 0.130 38.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9B99F
A0B0CA

Analogous

CAA5A0
C9B99F
C5CAA0

Triadic

C9B99F
A0CABA
BAA0CA

Split-Comp.

C9B99F
A0C5CA
A5A0CA

Tetradic

C9B99F
A0CAA5
A0B0CA
CAA0C5

Contrast Matrix WCAG 2.1 Contrast

C9B99F
92988C
5A7870
1B1110
BC5D3F
—
1.5
Fail
2.5
Fail
9.6
AAA
2.3
Fail
1.5
Fail
—
1.6
Fail
6.3
AA
1.5
Fail
2.5
Fail
1.6
Fail
—
3.8
AA Large
1.1
Fail
9.6
AAA
6.3
AA
3.8
AA Large
—
4.2
AA Large
2.3
Fail
1.5
Fail
1.1
Fail
4.2
AA Large
—
White BG
1.9Fail
3.0Fail
4.8AA
18.5AAA
4.4AA Large
Black BG
10.9AAA
7.1AAA
4.4AA Large
1.1Fail
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2A5
95958F
676772
171710
939246

Deuteranopia

C3C4A7
949490
656372
171810
98A048

Tritanopia

C8AAAB
929192
5C7374
1B1010
B74C4D

Achromatopsia

BBBBBB
959595
6E6E6E
141414
767676

Shades & Tints Shades & Tints

#C9B99F

Dark
Light

#92988C

Dark
Light

#5A7870

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9b99f;
  --color-2: #92988c;
  --color-3: #5a7870;
  --color-4: #1b1110;
  --color-5: #bc5d3f;
}

SCSS

$color-1: #c9b99f;
$color-2: #92988c;
$color-3: #5a7870;
$color-4: #1b1110;
$color-5: #bc5d3f;

TAILWIND

colors: {
  'brand-1': '#c9b99f',
  'brand-2': '#92988c',
  'brand-3': '#5a7870',
  'brand-4': '#1b1110',
  'brand-5': '#bc5d3f',
}

RGB Array

[201, 185, 159], [146, 152, 140], [90, 120, 112], [27, 17, 16], [188, 93, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9B99F, #92988C, #5A7870, #1B1110, #BC5D3F is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #c9b99f; --color-2: #92988c; --color-3: #5a7870; --color-4: #1b1110; --color-5: #bc5d3f. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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