← Back to Editor

#DAB48D · #CA937F · #BB7F77 · #885947 · #150718

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

#DAB48D

Ginger · Tan · Warm Sun

HEX
#DAB48D
RGB
rgb(218, 180, 141)
HSL
hsl(30, 51%, 70%)
HSB
hsb(30, 35%, 85%)
CMYK
cmyk(0%, 17%, 35%, 15%)
Oklch
oklch(79.4% 0.068 67.3)

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

#CA937F

Apricot · DarkSalmon · Warm Sun

HEX
#CA937F
RGB
rgb(202, 147, 127)
HSL
hsl(16, 41%, 65%)
HSB
hsb(16, 37%, 79%)
CMYK
cmyk(0%, 27%, 37%, 21%)
Oklch
oklch(71.1% 0.073 40.8)

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

#BB7F77

Crimson · DarkSalmon · Passion Red

HEX
#BB7F77
RGB
rgb(187, 127, 119)
HSL
hsl(7, 33%, 60%)
HSB
hsb(7, 36%, 73%)
CMYK
cmyk(0%, 32%, 36%, 27%)
Oklch
oklch(65.5% 0.076 27.7)

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

#885947

Tangerine · Sienna · Amber Brown

HEX
#885947
RGB
rgb(136, 89, 71)
HSL
hsl(17, 31%, 41%)
HSB
hsb(17, 48%, 53%)
CMYK
cmyk(0%, 35%, 48%, 47%)
Oklch
oklch(51.1% 0.068 41.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#150718

Royal Purple · Black · Dark Purple

HEX
#150718
RGB
rgb(21, 7, 24)
HSL
hsl(289, 55%, 6%)
HSB
hsb(289, 71%, 9%)
CMYK
cmyk(12%, 71%, 0%, 91%)
Oklch
oklch(16.1% 0.041 320.5)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAB48D
8BB3DA

Analogous

DA8B8B
DAB48D
DADA8B

Triadic

DAB48D
8BDAB3
B38BDA

Split-Comp.

DAB48D
8BDADA
8B8BDA

Tetradic

DAB48D
8BDA8B
8BB3DA
DA8BDA

Contrast Matrix WCAG 2.1 Contrast

DAB48D
CA937F
BB7F77
885947
150718
—
1.4
Fail
1.7
Fail
3.1
AA Large
10.1
AAA
1.4
Fail
—
1.2
Fail
2.2
Fail
7.4
AAA
1.7
Fail
1.2
Fail
—
1.8
Fail
6.0
AA
3.1
AA Large
2.2
Fail
1.8
Fail
—
3.3
AA Large
10.1
AAA
7.4
AAA
6.0
AA
3.3
AA Large
—
White BG
1.9Fail
2.6Fail
3.3AA Large
5.9AA
19.5AAA
Black BG
10.9AAA
8.0AAA
6.4AA
3.6AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC996
B2B284
A1A079
74734B
0F0F14

Deuteranopia

CCCF99
B5B985
A5A979
767A4C
101113

Tritanopia

D89EA0
C78889
B87A7B
864F50
141110

Achromatopsia

BBBBBB
A1A1A1
909090
656565
0D0D0D

Shades & Tints Shades & Tints

#DAB48D

Dark
Light

#CA937F

Dark
Light

#BB7F77

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dab48d;
  --color-2: #ca937f;
  --color-3: #bb7f77;
  --color-4: #885947;
  --color-5: #150718;
}

SCSS

$color-1: #dab48d;
$color-2: #ca937f;
$color-3: #bb7f77;
$color-4: #885947;
$color-5: #150718;

TAILWIND

colors: {
  'brand-1': '#dab48d',
  'brand-2': '#ca937f',
  'brand-3': '#bb7f77',
  'brand-4': '#885947',
  'brand-5': '#150718',
}

RGB Array

[218, 180, 141], [202, 147, 127], [187, 127, 119], [136, 89, 71], [21, 7, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAB48D, #CA937F, #BB7F77, #885947, #150718 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: #dab48d; --color-2: #ca937f; --color-3: #bb7f77; --color-4: #885947; --color-5: #150718. 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