← Back to Editor

#450F2C · #A82644 · #BD646A · #CAD68F · #E5ED9A

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

#450F2C

Rose Purple · Maroon · Raspberry

HEX
#450F2C
RGB
rgb(69, 15, 44)
HSL
hsl(328, 64%, 16%)
HSB
hsb(328, 78%, 27%)
CMYK
cmyk(0%, 78%, 36%, 73%)
Oklch
oklch(27.3% 0.088 351.5)

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

#A82644

Vermilion · Brown · Wine Red

HEX
#A82644
RGB
rgb(168, 38, 68)
HSL
hsl(346, 63%, 40%)
HSB
hsb(346, 77%, 66%)
CMYK
cmyk(0%, 77%, 60%, 34%)
Oklch
oklch(48.7% 0.165 13.1)

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

#BD646A

Crimson · LightCoral · Passion Red

HEX
#BD646A
RGB
rgb(189, 100, 106)
HSL
hsl(356, 40%, 57%)
HSB
hsb(356, 47%, 74%)
CMYK
cmyk(0%, 47%, 44%, 26%)
Oklch
oklch(60.8% 0.114 16.8)

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

#CAD68F

Willow Green · Tan · Apple Green

HEX
#CAD68F
RGB
rgb(202, 214, 143)
HSL
hsl(70, 46%, 70%)
HSB
hsb(70, 33%, 84%)
CMYK
cmyk(6%, 0%, 33%, 16%)
Oklch
oklch(85.0% 0.093 116.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#E5ED9A

Fresh Green · Khaki · Lemon Cream

HEX
#E5ED9A
RGB
rgb(229, 237, 154)
HSL
hsl(66, 70%, 77%)
HSB
hsb(66, 35%, 93%)
CMYK
cmyk(3%, 0%, 35%, 7%)
Oklch
oklch(92.1% 0.105 113.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

450F2C
0F4327

Analogous

410F43
450F2C
430F10

Triadic

450F2C
2B430F
0F2B43

Split-Comp.

450F2C
10430F
0F4341

Tetradic

450F2C
43410F
0F4327
0F1043

Contrast Matrix WCAG 2.1 Contrast

450F2C
A82644
BD646A
CAD68F
E5ED9A
—
2.2
Fail
3.8
AA Large
10.0
AAA
12.5
AAA
2.2
Fail
—
1.7
Fail
4.5
AA Large
5.6
AA
3.8
AA Large
1.7
Fail
—
2.6
Fail
3.3
AA Large
10.0
AAA
4.5
AA Large
2.6
Fail
—
1.3
Fail
12.5
AAA
5.6
AA
3.3
AA Large
1.3
Fail
—
White BG
15.5AAA
6.9AA
4.0AA Large
1.6Fail
1.2Fail
Black BG
1.4Fail
3.0AA Large
5.2AA
13.5AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2D25
706F3D
969669
CFCFA0
E8E9AE

Deuteranopia

313523
77813B
9CA268
CFCEA4
E8E7B3

Tritanopia

421F1E
A23736
B96767
CBAEB1
E5BEC1

Achromatopsia

222222
505050
7F7F7F
CACACA
E1E1E1

Shades & Tints Shades & Tints

#450F2C

Dark
Light

#A82644

Dark
Light

#BD646A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #450f2c;
  --color-2: #a82644;
  --color-3: #bd646a;
  --color-4: #cad68f;
  --color-5: #e5ed9a;
}

SCSS

$color-1: #450f2c;
$color-2: #a82644;
$color-3: #bd646a;
$color-4: #cad68f;
$color-5: #e5ed9a;

TAILWIND

colors: {
  'brand-1': '#450f2c',
  'brand-2': '#a82644',
  'brand-3': '#bd646a',
  'brand-4': '#cad68f',
  'brand-5': '#e5ed9a',
}

RGB Array

[69, 15, 44], [168, 38, 68], [189, 100, 106], [202, 214, 143], [229, 237, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #450F2C, #A82644, #BD646A, #CAD68F, #E5ED9A 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: #450f2c; --color-2: #a82644; --color-3: #bd646a; --color-4: #cad68f; --color-5: #e5ed9a. 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