← Back to Editor

#60243E · #3D2428 · #9A2F39 · #D19068 · #FFE4A6

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

#60243E

Dark Violet · DarkSlateGray · Camellia

HEX
#60243E
RGB
rgb(96, 36, 62)
HSL
hsl(334, 45%, 26%)
HSB
hsb(334, 63%, 38%)
CMYK
cmyk(0%, 63%, 35%, 62%)
Oklch
oklch(35.7% 0.092 355.8)

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

#3D2428

Crimson · DarkSlateGray · Deep Berry

HEX
#3D2428
RGB
rgb(61, 36, 40)
HSL
hsl(350, 26%, 19%)
HSB
hsb(350, 41%, 24%)
CMYK
cmyk(0%, 41%, 34%, 76%)
Oklch
oklch(29.4% 0.039 9.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#9A2F39

Crimson · Brown · Wine Red

HEX
#9A2F39
RGB
rgb(154, 47, 57)
HSL
hsl(354, 53%, 39%)
HSB
hsb(354, 69%, 60%)
CMYK
cmyk(0%, 69%, 63%, 40%)
Oklch
oklch(46.9% 0.142 19.3)

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

#D19068

Apricot · DarkSalmon · Warm Sun

HEX
#D19068
RGB
rgb(209, 144, 104)
HSL
hsl(23, 53%, 61%)
HSB
hsb(23, 50%, 82%)
CMYK
cmyk(0%, 31%, 50%, 18%)
Oklch
oklch(70.9% 0.096 52.2)

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

#FFE4A6

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE4A6
RGB
rgb(255, 228, 166)
HSL
hsl(42, 100%, 83%)
HSB
hsb(42, 35%, 100%)
CMYK
cmyk(0%, 11%, 35%, 0%)
Oklch
oklch(92.7% 0.084 87.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

60243E
246046

Analogous

60245C
60243E
602824

Triadic

60243E
3E6024
243E60

Split-Comp.

60243E
246028
245C60

Tetradic

60243E
5C6024
246046
282460

Contrast Matrix WCAG 2.1 Contrast

60243E
3D2428
9A2F39
D19068
FFE4A6
—
1.2
Fail
1.6
Fail
4.3
AA Large
9.3
AAA
1.2
Fail
—
1.9
Fail
5.3
AA
11.4
AAA
1.6
Fail
1.9
Fail
—
2.8
Fail
6.0
AA
4.3
AA Large
5.3
AA
2.8
Fail
—
2.1
Fail
9.3
AAA
11.4
AAA
6.0
AA
2.1
Fail
—
White BG
11.5AAA
14.2AAA
7.4AAA
2.7Fail
1.2Fail
Black BG
1.8Fail
1.5Fail
2.8Fail
7.9AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

464538
323227
6C6B37
B5B472
F3F3B5

Deuteranopia

4A4E36
343527
727A36
B9BD74
F5F7B9

Tritanopia

5D3332
3C2626
953534
CE797B
FEC1C3

Achromatopsia

393939
2C2C2C
505050
9F9F9F
E5E5E5

Shades & Tints Shades & Tints

#60243E

Dark
Light

#3D2428

Dark
Light

#9A2F39

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #60243e;
  --color-2: #3d2428;
  --color-3: #9a2f39;
  --color-4: #d19068;
  --color-5: #ffe4a6;
}

SCSS

$color-1: #60243e;
$color-2: #3d2428;
$color-3: #9a2f39;
$color-4: #d19068;
$color-5: #ffe4a6;

TAILWIND

colors: {
  'brand-1': '#60243e',
  'brand-2': '#3d2428',
  'brand-3': '#9a2f39',
  'brand-4': '#d19068',
  'brand-5': '#ffe4a6',
}

RGB Array

[96, 36, 62], [61, 36, 40], [154, 47, 57], [209, 144, 104], [255, 228, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #60243E, #3D2428, #9A2F39, #D19068, #FFE4A6 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: #60243e; --color-2: #3d2428; --color-3: #9a2f39; --color-4: #d19068; --color-5: #ffe4a6. 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