← Back to Editor

#DBC199 · #B0B8AD · #CE858E · #FF456D · #2C151E

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 LibraryData Visualization

Color Details Color Details

#DBC199

Goose Yellow · BurlyWood · Warm Sun

HEX
#DBC199
RGB
rgb(219, 193, 153)
HSL
hsl(36, 48%, 73%)
HSB
hsb(36, 30%, 86%)
CMYK
cmyk(0%, 12%, 30%, 14%)
Oklch
oklch(82.3% 0.061 78.4)

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

#B0B8AD

Ash · DarkGray · Silver Sand

HEX
#B0B8AD
RGB
rgb(176, 184, 173)
HSL
hsl(104, 7%, 70%)
HSB
hsb(104, 6%, 72%)
CMYK
cmyk(4%, 0%, 6%, 28%)
Oklch
oklch(77.3% 0.018 137.0)

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

#CE858E

Peach Pink · LightCoral · Coral Red

HEX
#CE858E
RGB
rgb(206, 133, 142)
HSL
hsl(353, 43%, 66%)
HSB
hsb(353, 35%, 81%)
CMYK
cmyk(0%, 35%, 31%, 19%)
Oklch
oklch(69.4% 0.090 11.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FF456D

Peach Pink · Tomato · Coral Red

HEX
#FF456D
RGB
rgb(255, 69, 109)
HSL
hsl(347, 100%, 64%)
HSB
hsb(347, 73%, 100%)
CMYK
cmyk(0%, 73%, 57%, 0%)
Oklch
oklch(67.1% 0.221 13.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#2C151E

Dark Violet · Black · Raspberry

HEX
#2C151E
RGB
rgb(44, 21, 30)
HSL
hsl(337, 35%, 13%)
HSB
hsb(337, 52%, 17%)
CMYK
cmyk(0%, 52%, 32%, 83%)
Oklch
oklch(23.2% 0.040 355.7)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBC199
99B4DB

Analogous

DBA099
DBC199
D5DB99

Triadic

DBC199
99DBC1
C199DB

Split-Comp.

DBC199
99D5DB
A099DB

Tetradic

DBC199
99DBA0
99B4DB
DB99D5

Contrast Matrix WCAG 2.1 Contrast

DBC199
B0B8AD
CE858E
FF456D
2C151E
—
1.2
Fail
1.6
Fail
1.9
Fail
9.8
AAA
1.2
Fail
—
1.4
Fail
1.6
Fail
8.4
AAA
1.6
Fail
1.4
Fail
—
1.2
Fail
6.0
AA
1.9
Fail
1.6
Fail
1.2
Fail
—
5.1
AA
9.8
AAA
8.4
AAA
6.0
AA
5.1
AA
—
White BG
1.7Fail
2.0Fail
2.8Fail
3.3AA Large
17.0AAA
Black BG
12.1AAA
10.3AAA
7.4AAA
6.3AA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0A3
B3B4B0
AEAE8C
AEAD63
22221C

Deuteranopia

D1D3A5
B3B2B0
B3B88B
B9C761
23251B

Tritanopia

DAAAAC
B0B2B2
CA8A8A
F65C5A
2B1A1A

Achromatopsia

C4C4C4
B4B4B4
9C9C9C
818181
1D1D1D

Shades & Tints Shades & Tints

#DBC199

Dark
Light

#B0B8AD

Dark
Light

#CE858E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbc199;
  --color-2: #b0b8ad;
  --color-3: #ce858e;
  --color-4: #ff456d;
  --color-5: #2c151e;
}

SCSS

$color-1: #dbc199;
$color-2: #b0b8ad;
$color-3: #ce858e;
$color-4: #ff456d;
$color-5: #2c151e;

TAILWIND

colors: {
  'brand-1': '#dbc199',
  'brand-2': '#b0b8ad',
  'brand-3': '#ce858e',
  'brand-4': '#ff456d',
  'brand-5': '#2c151e',
}

RGB Array

[219, 193, 153], [176, 184, 173], [206, 133, 142], [255, 69, 109], [44, 21, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBC199, #B0B8AD, #CE858E, #FF456D, #2C151E is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #dbc199; --color-2: #b0b8ad; --color-3: #ce858e; --color-4: #ff456d; --color-5: #2c151e. 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. 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