← Back to Editor

#45303D · #A50245 · #CB4A35 · #C2A136 · #A8D2AD

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

#45303D

Rose Purple · DarkSlateGray · Raspberry

HEX
#45303D
RGB
rgb(69, 48, 61)
HSL
hsl(323, 18%, 23%)
HSB
hsb(323, 30%, 27%)
CMYK
cmyk(0%, 30%, 12%, 73%)
Oklch
oklch(33.8% 0.037 341.6)

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

#A50245

Dark Violet · Brown · Camellia

HEX
#A50245
RGB
rgb(165, 2, 69)
HSL
hsl(335, 98%, 33%)
HSB
hsb(335, 99%, 65%)
CMYK
cmyk(0%, 99%, 58%, 35%)
Oklch
oklch(46.3% 0.184 8.0)

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

#CB4A35

Crimson · Chocolate · Passion Red

HEX
#CB4A35
RGB
rgb(203, 74, 53)
HSL
hsl(8, 59%, 50%)
HSB
hsb(8, 74%, 80%)
CMYK
cmyk(0%, 64%, 74%, 20%)
Oklch
oklch(58.2% 0.168 31.7)

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

#C2A136

Ochre · GoldenRod · Honey Gold

HEX
#C2A136
RGB
rgb(194, 161, 54)
HSL
hsl(46, 56%, 49%)
HSB
hsb(46, 72%, 76%)
CMYK
cmyk(0%, 17%, 72%, 24%)
Oklch
oklch(72.0% 0.128 91.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#A8D2AD

Celadon · Silver · Apple Green

HEX
#A8D2AD
RGB
rgb(168, 210, 173)
HSL
hsl(127, 32%, 74%)
HSB
hsb(127, 20%, 82%)
CMYK
cmyk(20%, 0%, 18%, 18%)
Oklch
oklch(82.4% 0.068 148.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

45303D
304538

Analogous

433045
45303D
453033

Triadic

45303D
3D4530
303D45

Split-Comp.

45303D
334530
304543

Tetradic

45303D
454330
304538
303345

Contrast Matrix WCAG 2.1 Contrast

45303D
A50245
CB4A35
C2A136
A8D2AD
—
1.5
Fail
2.6
Fail
4.8
AA
7.2
AAA
1.5
Fail
—
1.7
Fail
3.1
AA Large
4.6
AA
2.6
Fail
1.7
Fail
—
1.8
Fail
2.7
Fail
4.8
AA
3.1
AA Large
1.8
Fail
—
1.5
Fail
7.2
AAA
4.6
AA
2.7
Fail
1.5
Fail
—
White BG
12.0AAA
7.8AAA
4.6AA
2.5Fail
1.7Fail
Black BG
1.7Fail
2.7Fail
4.6AA
8.4AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3C3A
5E5D35
93923A
B4B350
BABBB6

Deuteranopia

3D3F39
687431
9BA43B
B6B856
B8B5B8

Tritanopia

443737
9D2825
C53E3F
C06469
AABDBF

Achromatopsia

383838
3A3A3A
6E6E6E
9F9F9F
C1C1C1

Shades & Tints Shades & Tints

#45303D

Dark
Light

#A50245

Dark
Light

#CB4A35

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #45303d;
  --color-2: #a50245;
  --color-3: #cb4a35;
  --color-4: #c2a136;
  --color-5: #a8d2ad;
}

SCSS

$color-1: #45303d;
$color-2: #a50245;
$color-3: #cb4a35;
$color-4: #c2a136;
$color-5: #a8d2ad;

TAILWIND

colors: {
  'brand-1': '#45303d',
  'brand-2': '#a50245',
  'brand-3': '#cb4a35',
  'brand-4': '#c2a136',
  'brand-5': '#a8d2ad',
}

RGB Array

[69, 48, 61], [165, 2, 69], [203, 74, 53], [194, 161, 54], [168, 210, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #45303D, #A50245, #CB4A35, #C2A136, #A8D2AD 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: #45303d; --color-2: #a50245; --color-3: #cb4a35; --color-4: #c2a136; --color-5: #a8d2ad. 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