← Back to Editor

#40243A · #563445 · #C5C38A · #814346 · #F2E886

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

#40243A

Rose Purple · DarkSlateGray · Dark Purple

HEX
#40243A
RGB
rgb(64, 36, 58)
HSL
hsl(313, 28%, 20%)
HSB
hsb(313, 44%, 25%)
CMYK
cmyk(0%, 44%, 9%, 75%)
Oklch
oklch(30.5% 0.055 335.1)

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

#563445

Dark Violet · DarkSlateGray · Camellia

HEX
#563445
RGB
rgb(86, 52, 69)
HSL
hsl(330, 25%, 27%)
HSB
hsb(330, 40%, 34%)
CMYK
cmyk(0%, 40%, 20%, 66%)
Oklch
oklch(37.2% 0.055 348.7)

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

#C5C38A

Fresh Green · Tan · Sunflower

HEX
#C5C38A
RGB
rgb(197, 195, 138)
HSL
hsl(58, 34%, 66%)
HSB
hsb(58, 30%, 77%)
CMYK
cmyk(0%, 1%, 30%, 23%)
Oklch
oklch(80.5% 0.075 106.3)

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

#814346

Crimson · Sienna · Wine Red

HEX
#814346
RGB
rgb(129, 67, 70)
HSL
hsl(357, 32%, 38%)
HSB
hsb(357, 48%, 51%)
CMYK
cmyk(0%, 48%, 46%, 49%)
Oklch
oklch(46.1% 0.085 17.9)

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

#F2E886

Fresh Green · Khaki · Sunflower

HEX
#F2E886
RGB
rgb(242, 232, 134)
HSL
hsl(54, 81%, 74%)
HSB
hsb(54, 45%, 95%)
CMYK
cmyk(0%, 4%, 45%, 5%)
Oklch
oklch(91.8% 0.120 103.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

40243A
25412B

Analogous

392541
40243A
41252D

Triadic

40243A
3B4125
253B41

Split-Comp.

40243A
2D4125
254139

Tetradic

40243A
413925
25412B
252D41

Contrast Matrix WCAG 2.1 Contrast

40243A
563445
C5C38A
814346
F2E886
—
1.3
Fail
7.5
AAA
1.8
Fail
10.9
AAA
1.3
Fail
—
5.9
AA
1.4
Fail
8.4
AAA
7.5
AAA
5.9
AA
—
4.1
AA Large
1.4
Fail
1.8
Fail
1.4
Fail
4.1
AA Large
—
5.9
AA
10.9
AAA
8.4
AAA
1.4
Fail
5.9
AA
—
White BG
13.7AAA
10.6AAA
1.8Fail
7.4AAA
1.3Fail
Black BG
1.5Fail
2.0Fail
11.5AAA
2.8Fail
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343435
474741
C4C498
666645
EEEE9E

Deuteranopia

363833
494C40
C4C49B
6A6E45
EEEFA3

Tritanopia

3F3030
543E3D
C5A3A5
7E4545
F1B0B5

Achromatopsia

2F2F2F
404040
BDBDBD
565656
E0E0E0

Shades & Tints Shades & Tints

#40243A

Dark
Light

#563445

Dark
Light

#C5C38A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #40243a;
  --color-2: #563445;
  --color-3: #c5c38a;
  --color-4: #814346;
  --color-5: #f2e886;
}

SCSS

$color-1: #40243a;
$color-2: #563445;
$color-3: #c5c38a;
$color-4: #814346;
$color-5: #f2e886;

TAILWIND

colors: {
  'brand-1': '#40243a',
  'brand-2': '#563445',
  'brand-3': '#c5c38a',
  'brand-4': '#814346',
  'brand-5': '#f2e886',
}

RGB Array

[64, 36, 58], [86, 52, 69], [197, 195, 138], [129, 67, 70], [242, 232, 134]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #40243A, #563445, #C5C38A, #814346, #F2E886 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: #40243a; --color-2: #563445; --color-3: #c5c38a; --color-4: #814346; --color-5: #f2e886. 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