← Back to Editor

#613439 · #D63C44 · #EF7922 · #CDC95D · #EFEDF0

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

#613439

Crimson · DarkOliveGreen · Wine Red

HEX
#613439
RGB
rgb(97, 52, 57)
HSL
hsl(353, 30%, 29%)
HSB
hsb(353, 46%, 38%)
CMYK
cmyk(0%, 46%, 41%, 62%)
Oklch
oklch(38.3% 0.065 13.5)

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

#D63C44

Vermilion · Crimson · Passion Red

HEX
#D63C44
RGB
rgb(214, 60, 68)
HSL
hsl(357, 65%, 54%)
HSB
hsb(357, 72%, 84%)
CMYK
cmyk(0%, 72%, 68%, 16%)
Oklch
oklch(58.7% 0.190 22.6)

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

#EF7922

Tangerine · Chocolate · Warm Sun

HEX
#EF7922
RGB
rgb(239, 121, 34)
HSL
hsl(25, 86%, 54%)
HSB
hsb(25, 86%, 94%)
CMYK
cmyk(0%, 49%, 86%, 6%)
Oklch
oklch(70.0% 0.171 50.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#CDC95D

Autumn Sage · BurlyWood · Sunflower

HEX
#CDC95D
RGB
rgb(205, 201, 93)
HSL
hsl(58, 53%, 58%)
HSB
hsb(58, 55%, 80%)
CMYK
cmyk(0%, 2%, 55%, 20%)
Oklch
oklch(81.8% 0.130 107.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#EFEDF0

Lilac · Lavender · Cloud White

HEX
#EFEDF0
RGB
rgb(239, 237, 240)
HSL
hsl(280, 9%, 94%)
HSB
hsb(280, 1%, 94%)
CMYK
cmyk(0%, 1%, 0%, 6%)
Oklch
oklch(94.8% 0.005 314.8)

Traditional「Lilac」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

613439
34605B

Analogous

60344F
613439
604534

Triadic

613439
396034
343960

Split-Comp.

613439
346045
344F60

Tetradic

613439
4F6034
34605B
453460

Contrast Matrix WCAG 2.1 Contrast

613439
D63C44
EF7922
CDC95D
EFEDF0
—
2.2
Fail
3.6
AA Large
5.9
AA
8.8
AAA
2.2
Fail
—
1.6
Fail
2.6
Fail
3.9
AA Large
3.6
AA Large
1.6
Fail
—
1.6
Fail
2.4
Fail
5.9
AA
2.6
Fail
1.6
Fail
—
1.5
Fail
8.8
AAA
3.9
AA Large
2.4
Fail
1.5
Fail
—
White BG
10.2AAA
4.6AA
2.8Fail
1.7Fail
1.2Fail
Black BG
2.1Fail
4.6AA
7.4AAA
12.1AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4D38
939242
BCBB37
CBCB77
EEEEEF

Deuteranopia

505338
9CA842
C3CC3C
CCCC7D
EEEEEF

Tritanopia

5F3737
CE4140
E9484B
CD8C90
EFEFEF

Achromatopsia

424242
6B6B6B
929292
BEBEBE
EEEEEE

Shades & Tints Shades & Tints

#613439

Dark
Light

#D63C44

Dark
Light

#EF7922

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #613439;
  --color-2: #d63c44;
  --color-3: #ef7922;
  --color-4: #cdc95d;
  --color-5: #efedf0;
}

SCSS

$color-1: #613439;
$color-2: #d63c44;
$color-3: #ef7922;
$color-4: #cdc95d;
$color-5: #efedf0;

TAILWIND

colors: {
  'brand-1': '#613439',
  'brand-2': '#d63c44',
  'brand-3': '#ef7922',
  'brand-4': '#cdc95d',
  'brand-5': '#efedf0',
}

RGB Array

[97, 52, 57], [214, 60, 68], [239, 121, 34], [205, 201, 93], [239, 237, 240]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #613439, #D63C44, #EF7922, #CDC95D, #EFEDF0 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: #613439; --color-2: #d63c44; --color-3: #ef7922; --color-4: #cdc95d; --color-5: #efedf0. 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