← Back to Editor

#D23C47 · #A83039 · #583728 · #F1E3E0 · #D0AA97

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

#D23C47

Vermilion · Crimson · Passion Red

HEX
#D23C47
RGB
rgb(210, 60, 71)
HSL
hsl(356, 62%, 53%)
HSB
hsb(356, 71%, 82%)
CMYK
cmyk(0%, 71%, 66%, 18%)
Oklch
oklch(58.1% 0.186 21.3)

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

#A83039

Crimson · Brown · Passion Red

HEX
#A83039
RGB
rgb(168, 48, 57)
HSL
hsl(356, 56%, 42%)
HSB
hsb(356, 71%, 66%)
CMYK
cmyk(0%, 71%, 66%, 34%)
Oklch
oklch(49.4% 0.156 20.9)

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

#583728

Tangerine · DarkOliveGreen · Cinnamon

HEX
#583728
RGB
rgb(88, 55, 40)
HSL
hsl(19, 38%, 25%)
HSB
hsb(19, 55%, 35%)
CMYK
cmyk(0%, 37%, 55%, 65%)
Oklch
oklch(37.2% 0.053 45.1)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#F1E3E0

Peach Pink · Linen · Cherry Blossom

HEX
#F1E3E0
RGB
rgb(241, 227, 224)
HSL
hsl(11, 38%, 91%)
HSB
hsb(11, 7%, 95%)
CMYK
cmyk(0%, 6%, 7%, 5%)
Oklch
oklch(92.6% 0.016 32.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D0AA97

Apricot · Tan · Warm Sun

HEX
#D0AA97
RGB
rgb(208, 170, 151)
HSL
hsl(20, 38%, 70%)
HSB
hsb(20, 27%, 82%)
CMYK
cmyk(0%, 18%, 27%, 18%)
Oklch
oklch(76.7% 0.052 48.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D23C47
3DD1C8

Analogous

D13D91
D23C47
D17D3D

Triadic

D23C47
47D13D
3D47D1

Split-Comp.

D23C47
3DD17D
3D91D1

Tetradic

D23C47
91D13D
3DD1C8
7D3DD1

Contrast Matrix WCAG 2.1 Contrast

D23C47
A83039
583728
F1E3E0
D0AA97
—
1.4
Fail
2.2
Fail
3.8
AA Large
2.2
Fail
1.4
Fail
—
1.6
Fail
5.3
AA
3.1
AA Large
2.2
Fail
1.6
Fail
—
8.4
AAA
5.0
AA
3.8
AA Large
5.3
AA
8.4
AAA
—
1.7
Fail
2.2
Fail
3.1
AA Large
5.0
AA
1.7
Fail
—
White BG
4.7AA
6.7AA
10.5AAA
1.2Fail
2.1Fail
Black BG
4.5AA Large
3.1AA Large
2.0Fail
16.8AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

919044
747337
4A492C
EBEBE1
C0BF9C

Deuteranopia

9AA544
7B8436
4C4E2D
ECEDE1
C2C59D

Tritanopia

CB4242
A23535
562E2F
F0E1E1
CE9FA0

Achromatopsia

6A6A6A
555555
3F3F3F
E7E7E7
B3B3B3

Shades & Tints Shades & Tints

#D23C47

Dark
Light

#A83039

Dark
Light

#583728

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d23c47;
  --color-2: #a83039;
  --color-3: #583728;
  --color-4: #f1e3e0;
  --color-5: #d0aa97;
}

SCSS

$color-1: #d23c47;
$color-2: #a83039;
$color-3: #583728;
$color-4: #f1e3e0;
$color-5: #d0aa97;

TAILWIND

colors: {
  'brand-1': '#d23c47',
  'brand-2': '#a83039',
  'brand-3': '#583728',
  'brand-4': '#f1e3e0',
  'brand-5': '#d0aa97',
}

RGB Array

[210, 60, 71], [168, 48, 57], [88, 55, 40], [241, 227, 224], [208, 170, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D23C47, #A83039, #583728, #F1E3E0, #D0AA97 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: #d23c47; --color-2: #a83039; --color-3: #583728; --color-4: #f1e3e0; --color-5: #d0aa97. 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