← Back to Editor

#722C3A · #A63945 · #B97758 · #EFCF72 · #E4EF81

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

#722C3A

Crimson · Brown · Wine Red

HEX
#722C3A
RGB
rgb(114, 44, 58)
HSL
hsl(348, 44%, 31%)
HSB
hsb(348, 61%, 45%)
CMYK
cmyk(0%, 61%, 49%, 55%)
Oklch
oklch(39.7% 0.099 10.5)

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

#A63945

Crimson · Brown · Passion Red

HEX
#A63945
RGB
rgb(166, 57, 69)
HSL
hsl(353, 49%, 44%)
HSB
hsb(353, 66%, 65%)
CMYK
cmyk(0%, 66%, 58%, 35%)
Oklch
oklch(50.4% 0.143 17.5)

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

#B97758

Tangerine · Sienna · Warm Sun

HEX
#B97758
RGB
rgb(185, 119, 88)
HSL
hsl(19, 41%, 54%)
HSB
hsb(19, 52%, 73%)
CMYK
cmyk(0%, 36%, 52%, 27%)
Oklch
oklch(63.2% 0.094 45.7)

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

#EFCF72

Ginger · Khaki · Sunflower

HEX
#EFCF72
RGB
rgb(239, 207, 114)
HSL
hsl(45, 80%, 69%)
HSB
hsb(45, 52%, 94%)
CMYK
cmyk(0%, 13%, 52%, 6%)
Oklch
oklch(86.3% 0.118 90.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E4EF81

Fresh Green · Khaki · Sunflower

HEX
#E4EF81
RGB
rgb(228, 239, 129)
HSL
hsl(66, 77%, 72%)
HSB
hsb(66, 46%, 94%)
CMYK
cmyk(5%, 0%, 46%, 6%)
Oklch
oklch(92.1% 0.135 113.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

722C3A
2C7264

Analogous

722C5D
722C3A
72412C

Triadic

722C3A
3A722C
2C3A72

Split-Comp.

722C3A
2C7241
2C5D72

Tetradic

722C3A
5D722C
2C7264
412C72

Contrast Matrix WCAG 2.1 Contrast

722C3A
A63945
B97758
EFCF72
E4EF81
—
1.5
Fail
2.7
Fail
6.5
AA
7.9
AAA
1.5
Fail
—
1.8
Fail
4.2
AA Large
5.2
AA
2.7
Fail
1.8
Fail
—
2.4
Fail
2.9
Fail
6.5
AA
4.2
AA Large
2.4
Fail
—
1.2
Fail
7.9
AAA
5.2
AA
2.9
Fail
1.2
Fail
—
White BG
9.8AAA
6.4AA
3.6AA Large
1.5Fail
1.2Fail
Black BG
2.1Fail
3.3AA Large
5.8AA
13.8AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

545337
777642
9C9C60
E1E189
E9E99C

Deuteranopia

585D36
7D8541
A0A561
E3E58E
E8E7A2

Tritanopia

6F3433
A1403F
B66567
ED9A9E
E5B1B5

Achromatopsia

434343
5B5B5B
878787
CECECE
DFDFDF

Shades & Tints Shades & Tints

#722C3A

Dark
Light

#A63945

Dark
Light

#B97758

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #722c3a;
  --color-2: #a63945;
  --color-3: #b97758;
  --color-4: #efcf72;
  --color-5: #e4ef81;
}

SCSS

$color-1: #722c3a;
$color-2: #a63945;
$color-3: #b97758;
$color-4: #efcf72;
$color-5: #e4ef81;

TAILWIND

colors: {
  'brand-1': '#722c3a',
  'brand-2': '#a63945',
  'brand-3': '#b97758',
  'brand-4': '#efcf72',
  'brand-5': '#e4ef81',
}

RGB Array

[114, 44, 58], [166, 57, 69], [185, 119, 88], [239, 207, 114], [228, 239, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #722C3A, #A63945, #B97758, #EFCF72, #E4EF81 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: #722c3a; --color-2: #a63945; --color-3: #b97758; --color-4: #efcf72; --color-5: #e4ef81. 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