← Back to Editor

#53233B · #7D354B · #414640 · #6B695A · #FFFCD9

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

#53233B

Dark Violet · DarkSlateGray · Raspberry

HEX
#53233B
RGB
rgb(83, 35, 59)
HSL
hsl(330, 41%, 23%)
HSB
hsb(330, 58%, 33%)
CMYK
cmyk(0%, 58%, 29%, 67%)
Oklch
oklch(33.3% 0.078 350.9)

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

#7D354B

Dark Violet · Brown · Camellia

HEX
#7D354B
RGB
rgb(125, 53, 75)
HSL
hsl(342, 40%, 35%)
HSB
hsb(342, 58%, 49%)
CMYK
cmyk(0%, 58%, 40%, 51%)
Oklch
oklch(43.3% 0.102 3.2)

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

#414640

Dark Cyan · DarkSlateGray · Charcoal

HEX
#414640
RGB
rgb(65, 70, 64)
HSL
hsl(110, 4%, 26%)
HSB
hsb(110, 9%, 27%)
CMYK
cmyk(7%, 0%, 9%, 73%)
Oklch
oklch(38.7% 0.012 140.5)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#6B695A

Autumn Sage · DimGray · Charcoal

HEX
#6B695A
RGB
rgb(107, 105, 90)
HSL
hsl(53, 9%, 39%)
HSB
hsb(53, 16%, 42%)
CMYK
cmyk(0%, 2%, 16%, 58%)
Oklch
oklch(51.8% 0.023 100.9)

Traditional「Autumn Sage」· Paint「Charcoal」· Creative Midnight Shadow

#FFFCD9

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFCD9
RGB
rgb(255, 252, 217)
HSL
hsl(55, 100%, 93%)
HSB
hsb(55, 15%, 100%)
CMYK
cmyk(0%, 1%, 15%, 0%)
Oklch
oklch(98.4% 0.045 103.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

53233B
23533B

Analogous

532353
53233B
532323

Triadic

53233B
3B5323
233B53

Split-Comp.

53233B
235323
235353

Tetradic

53233B
535323
23533B
232353

Contrast Matrix WCAG 2.1 Contrast

53233B
7D354B
414640
6B695A
FFFCD9
—
1.5
Fail
1.3
Fail
2.3
Fail
12.1
AAA
1.5
Fail
—
1.1
Fail
1.5
Fail
8.1
AAA
1.3
Fail
1.1
Fail
—
1.7
Fail
9.3
AAA
2.3
Fail
1.5
Fail
1.7
Fail
—
5.3
AA
12.1
AAA
8.1
AAA
9.3
AAA
5.3
AA
—
White BG
12.6AAA
8.5AAA
9.7AAA
5.5AA
1.0Fail
Black BG
1.7Fail
2.5Fail
2.2Fail
3.8AA Large
20.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E35
5E5D46
434341
6A6A5E
FEFEE1

Deuteranopia

414534
626744
434342
6A6A5F
FEFEE3

Tritanopia

513130
794141
414343
6B6061
FFE8EA

Achromatopsia

343434
4D4D4D
444444
686868
F9F9F9

Shades & Tints Shades & Tints

#53233B

Dark
Light

#7D354B

Dark
Light

#414640

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #53233b;
  --color-2: #7d354b;
  --color-3: #414640;
  --color-4: #6b695a;
  --color-5: #fffcd9;
}

SCSS

$color-1: #53233b;
$color-2: #7d354b;
$color-3: #414640;
$color-4: #6b695a;
$color-5: #fffcd9;

TAILWIND

colors: {
  'brand-1': '#53233b',
  'brand-2': '#7d354b',
  'brand-3': '#414640',
  'brand-4': '#6b695a',
  'brand-5': '#fffcd9',
}

RGB Array

[83, 35, 59], [125, 53, 75], [65, 70, 64], [107, 105, 90], [255, 252, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #53233B, #7D354B, #414640, #6B695A, #FFFCD9 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: #53233b; --color-2: #7d354b; --color-3: #414640; --color-4: #6b695a; --color-5: #fffcd9. 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