← Back to Editor

#DA456B · #35271F · #574840 · #76625B · #9B897F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#DA456B

Vermilion · MediumVioletRed · Passion Red

HEX
#DA456B
RGB
rgb(218, 69, 107)
HSL
hsl(345, 67%, 56%)
HSB
hsb(345, 68%, 85%)
CMYK
cmyk(0%, 68%, 51%, 15%)
Oklch
oklch(61.1% 0.186 9.4)

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

#35271F

Tangerine · DarkSlateGray · Cinnamon

HEX
#35271F
RGB
rgb(53, 39, 31)
HSL
hsl(22, 26%, 16%)
HSB
hsb(22, 42%, 21%)
CMYK
cmyk(0%, 26%, 42%, 79%)
Oklch
oklch(28.7% 0.025 51.1)

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

#574840

Tangerine · DarkOliveGreen · Amber Brown

HEX
#574840
RGB
rgb(87, 72, 64)
HSL
hsl(21, 15%, 30%)
HSB
hsb(21, 26%, 34%)
CMYK
cmyk(0%, 17%, 26%, 66%)
Oklch
oklch(41.5% 0.024 49.7)

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

#76625B

Tangerine · DimGray · Amber Brown

HEX
#76625B
RGB
rgb(118, 98, 91)
HSL
hsl(16, 13%, 41%)
HSB
hsb(16, 23%, 46%)
CMYK
cmyk(0%, 17%, 23%, 54%)
Oklch
oklch(51.4% 0.028 40.2)

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

#9B897F

Tangerine · Gray · Warm Sun

HEX
#9B897F
RGB
rgb(155, 137, 127)
HSL
hsl(21, 12%, 55%)
HSB
hsb(21, 18%, 61%)
CMYK
cmyk(0%, 12%, 18%, 39%)
Oklch
oklch(64.3% 0.026 51.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA456B
44DAB4

Analogous

DA44B4
DA456B
DA6944

Triadic

DA456B
69DA44
4469DA

Split-Comp.

DA456B
44DA69
44B4DA

Tetradic

DA456B
B4DA44
44DAB4
6944DA

Contrast Matrix WCAG 2.1 Contrast

DA456B
35271F
574840
76625B
9B897F
—
3.5
AA Large
2.1
Fail
1.4
Fail
1.2
Fail
3.5
AA Large
—
1.6
Fail
2.5
Fail
4.3
AA Large
2.1
Fail
1.6
Fail
—
1.5
Fail
2.6
Fail
1.4
Fail
2.5
Fail
1.5
Fail
—
1.7
Fail
1.2
Fail
4.3
AA Large
2.6
Fail
1.7
Fail
—
White BG
4.2AA Large
14.4AAA
8.7AAA
5.7AA
3.3AA Large
Black BG
5.0AA
1.5Fail
2.4Fail
3.7AA Large
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

999862
2F2F21
515042
6D6D5D
939381

Deuteranopia

A2AD60
303121
515342
6F705D
949682

Tritanopia

D35B59
342223
564344
755E5E
9A8384

Achromatopsia

767676
2A2A2A
4C4C4C
676767
8D8D8D

Shades & Tints Shades & Tints

#DA456B

Dark
Light

#35271F

Dark
Light

#574840

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da456b;
  --color-2: #35271f;
  --color-3: #574840;
  --color-4: #76625b;
  --color-5: #9b897f;
}

SCSS

$color-1: #da456b;
$color-2: #35271f;
$color-3: #574840;
$color-4: #76625b;
$color-5: #9b897f;

TAILWIND

colors: {
  'brand-1': '#da456b',
  'brand-2': '#35271f',
  'brand-3': '#574840',
  'brand-4': '#76625b',
  'brand-5': '#9b897f',
}

RGB Array

[218, 69, 107], [53, 39, 31], [87, 72, 64], [118, 98, 91], [155, 137, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DA456B, #35271F, #574840, #76625B, #9B897F is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. 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: #da456b; --color-2: #35271f; --color-3: #574840; --color-4: #76625b; --color-5: #9b897f. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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