← Back to Editor

#68252C · #812D3B · #E4A37B · #F3E2A0 · #E5EFD5

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

#68252C

Crimson · Brown · Wine Red

HEX
#68252C
RGB
rgb(104, 37, 44)
HSL
hsl(354, 48%, 28%)
HSB
hsb(354, 64%, 41%)
CMYK
cmyk(0%, 64%, 58%, 59%)
Oklch
oklch(36.6% 0.096 17.0)

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

#812D3B

Crimson · Brown · Wine Red

HEX
#812D3B
RGB
rgb(129, 45, 59)
HSL
hsl(350, 48%, 34%)
HSB
hsb(350, 65%, 51%)
CMYK
cmyk(0%, 65%, 54%, 49%)
Oklch
oklch(42.4% 0.116 13.6)

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

#E4A37B

Apricot · DarkSalmon · Warm Sun

HEX
#E4A37B
RGB
rgb(228, 163, 123)
HSL
hsl(23, 66%, 69%)
HSB
hsb(23, 46%, 89%)
CMYK
cmyk(0%, 29%, 46%, 11%)
Oklch
oklch(76.9% 0.094 52.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F3E2A0

Goose Yellow · Wheat · Lemon Cream

HEX
#F3E2A0
RGB
rgb(243, 226, 160)
HSL
hsl(48, 78%, 79%)
HSB
hsb(48, 34%, 95%)
CMYK
cmyk(0%, 7%, 34%, 5%)
Oklch
oklch(91.1% 0.086 95.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E5EFD5

Willow Green · Beige · Mint Green

HEX
#E5EFD5
RGB
rgb(229, 239, 213)
HSL
hsl(83, 45%, 89%)
HSB
hsb(83, 11%, 94%)
CMYK
cmyk(4%, 0%, 11%, 6%)
Oklch
oklch(93.8% 0.036 124.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

68252C
256A63

Analogous

6A254E
68252C
6A4125

Triadic

68252C
2C6A25
252C6A

Split-Comp.

68252C
256A41
254E6A

Tetradic

68252C
4E6A25
256A63
41256A

Contrast Matrix WCAG 2.1 Contrast

68252C
812D3B
E4A37B
F3E2A0
E5EFD5
—
1.3
Fail
5.2
AA
8.6
AAA
9.3
AAA
1.3
Fail
—
4.1
AA Large
6.8
AA
7.4
AAA
5.2
AA
4.1
AA Large
—
1.6
Fail
1.8
Fail
8.6
AAA
6.8
AA
1.6
Fail
—
1.1
Fail
9.3
AAA
7.4
AAA
1.8
Fail
1.1
Fail
—
White BG
11.1AAA
8.9AAA
2.1Fail
1.3Fail
1.2Fail
Black BG
1.9Fail
2.4Fail
9.8AAA
16.2AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B4A2A
5D5C38
C8C785
ECEBB0
E9E9DB

Deuteranopia

4F542A
626837
CCD187
EDEEB4
E9E8DD

Tritanopia

652929
7D3534
E18C8E
F2BDBF
E5E0E1

Achromatopsia

3A3A3A
484848
B2B2B2
E0E0E0
E9E9E9

Shades & Tints Shades & Tints

#68252C

Dark
Light

#812D3B

Dark
Light

#E4A37B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #68252c;
  --color-2: #812d3b;
  --color-3: #e4a37b;
  --color-4: #f3e2a0;
  --color-5: #e5efd5;
}

SCSS

$color-1: #68252c;
$color-2: #812d3b;
$color-3: #e4a37b;
$color-4: #f3e2a0;
$color-5: #e5efd5;

TAILWIND

colors: {
  'brand-1': '#68252c',
  'brand-2': '#812d3b',
  'brand-3': '#e4a37b',
  'brand-4': '#f3e2a0',
  'brand-5': '#e5efd5',
}

RGB Array

[104, 37, 44], [129, 45, 59], [228, 163, 123], [243, 226, 160], [229, 239, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #68252C, #812D3B, #E4A37B, #F3E2A0, #E5EFD5 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: #68252c; --color-2: #812d3b; --color-3: #e4a37b; --color-4: #f3e2a0; --color-5: #e5efd5. 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