← Back to Editor

#45283E · #863C5F · #D35972 · #DC8476 · #DDB995

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

#45283E

Rose Purple · DarkSlateGray · Eggplant

HEX
#45283E
RGB
rgb(69, 40, 62)
HSL
hsl(314, 27%, 21%)
HSB
hsb(314, 42%, 27%)
CMYK
cmyk(0%, 42%, 10%, 73%)
Oklch
oklch(32.2% 0.055 336.2)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#863C5F

Dark Violet · DimGray · Camellia

HEX
#863C5F
RGB
rgb(134, 60, 95)
HSL
hsl(332, 38%, 38%)
HSB
hsb(332, 55%, 53%)
CMYK
cmyk(0%, 55%, 29%, 47%)
Oklch
oklch(46.5% 0.109 352.6)

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

#D35972

Crimson · LightCoral · Passion Red

HEX
#D35972
RGB
rgb(211, 89, 114)
HSL
hsl(348, 58%, 59%)
HSB
hsb(348, 58%, 83%)
CMYK
cmyk(0%, 58%, 46%, 17%)
Oklch
oklch(62.5% 0.155 10.1)

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

#DC8476

Peach Pink · DarkSalmon · Coral Red

HEX
#DC8476
RGB
rgb(220, 132, 118)
HSL
hsl(8, 59%, 66%)
HSB
hsb(8, 46%, 86%)
CMYK
cmyk(0%, 40%, 46%, 14%)
Oklch
oklch(70.3% 0.111 29.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DDB995

Goose Yellow · BurlyWood · Warm Sun

HEX
#DDB995
RGB
rgb(221, 185, 149)
HSL
hsl(30, 51%, 73%)
HSB
hsb(30, 33%, 87%)
CMYK
cmyk(0%, 16%, 33%, 13%)
Oklch
oklch(80.8% 0.064 66.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

45283E
27442E

Analogous

3C2744
45283E
44272F

Triadic

45283E
3D4427
273D44

Split-Comp.

45283E
2F4427
27443C

Tetradic

45283E
443C27
27442E
272F44

Contrast Matrix WCAG 2.1 Contrast

45283E
863C5F
D35972
DC8476
DDB995
—
1.7
Fail
3.3
AA Large
4.7
AA
7.0
AAA
1.7
Fail
—
1.9
Fail
2.7
Fail
4.1
AA Large
3.3
AA Large
1.9
Fail
—
1.4
Fail
2.1
Fail
4.7
AA
2.7
Fail
1.4
Fail
—
1.5
Fail
7.0
AAA
4.1
AA Large
2.1
Fail
1.5
Fail
—
White BG
12.9AAA
7.4AAA
3.9AA Large
2.8Fail
1.8Fail
Black BG
1.6Fail
2.8Fail
5.4AA
7.6AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

383839
666557
9E9D6C
B6B579
CDCD9E

Deuteranopia

3A3C37
6A7055
A5AE6B
BBC27A
D0D2A0

Tritanopia

443434
82504E
CD6766
D87C7D
DBA5A6

Achromatopsia

333333
565656
808080
9D9D9D
C0C0C0

Shades & Tints Shades & Tints

#45283E

Dark
Light

#863C5F

Dark
Light

#D35972

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #45283e;
  --color-2: #863c5f;
  --color-3: #d35972;
  --color-4: #dc8476;
  --color-5: #ddb995;
}

SCSS

$color-1: #45283e;
$color-2: #863c5f;
$color-3: #d35972;
$color-4: #dc8476;
$color-5: #ddb995;

TAILWIND

colors: {
  'brand-1': '#45283e',
  'brand-2': '#863c5f',
  'brand-3': '#d35972',
  'brand-4': '#dc8476',
  'brand-5': '#ddb995',
}

RGB Array

[69, 40, 62], [134, 60, 95], [211, 89, 114], [220, 132, 118], [221, 185, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #45283E, #863C5F, #D35972, #DC8476, #DDB995 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: #45283e; --color-2: #863c5f; --color-3: #d35972; --color-4: #dc8476; --color-5: #ddb995. 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