← Back to Editor

#49322C · #EECF37 · #3F2A25 · #33251C · #3FC6CA

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#49322C

Crimson · DarkSlateGray · Wine Red

HEX
#49322C
RGB
rgb(73, 50, 44)
HSL
hsl(12, 25%, 23%)
HSB
hsb(12, 40%, 29%)
CMYK
cmyk(0%, 32%, 40%, 71%)
Oklch
oklch(34.2% 0.035 35.2)

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

#EECF37

Autumn Sage · GoldenRod · Sunflower

HEX
#EECF37
RGB
rgb(238, 207, 55)
HSL
hsl(50, 84%, 57%)
HSB
hsb(50, 77%, 93%)
CMYK
cmyk(0%, 13%, 77%, 7%)
Oklch
oklch(85.6% 0.162 96.9)

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

#3F2A25

Crimson · DarkSlateGray · Deep Berry

HEX
#3F2A25
RGB
rgb(63, 42, 37)
HSL
hsl(12, 26%, 20%)
HSB
hsb(12, 41%, 25%)
CMYK
cmyk(0%, 33%, 41%, 75%)
Oklch
oklch(30.9% 0.033 33.9)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#33251C

Tangerine · DarkSlateGray · Cinnamon

HEX
#33251C
RGB
rgb(51, 37, 28)
HSL
hsl(23, 29%, 15%)
HSB
hsb(23, 45%, 20%)
CMYK
cmyk(0%, 27%, 45%, 80%)
Oklch
oklch(27.8% 0.027 54.1)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#3FC6CA

Lake Blue · MediumTurquoise · Lake Green

HEX
#3FC6CA
RGB
rgb(63, 198, 202)
HSL
hsl(182, 57%, 52%)
HSB
hsb(182, 69%, 79%)
CMYK
cmyk(69%, 2%, 0%, 21%)
Oklch
oklch(75.7% 0.113 197.9)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

49322C
2C4349

Analogous

492C35
49322C
49412C

Triadic

49322C
2C4932
322C49

Split-Comp.

49322C
2C4941
2C3549

Tetradic

49322C
35492C
2C4349
412C49

Contrast Matrix WCAG 2.1 Contrast

49322C
EECF37
3F2A25
33251C
3FC6CA
—
7.7
AAA
1.1
Fail
1.2
Fail
5.7
AA
7.7
AAA
—
8.7
AAA
9.6
AAA
1.3
Fail
1.1
Fail
8.7
AAA
—
1.1
Fail
6.5
AA
1.2
Fail
9.6
AAA
1.1
Fail
—
7.1
AAA
5.7
AA
1.3
Fail
6.5
AA
7.1
AAA
—
White BG
11.8AAA
1.5Fail
13.4AAA
14.8AAA
2.1Fail
Black BG
1.8Fail
13.6AAA
1.6Fail
1.4Fail
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F2D
E1E05C
363626
2D2D1E
797BC9

Deuteranopia

40422E
E2E565
373927
2E2F1F
7268C9

Tritanopia

482F2F
EC797F
3E2727
322020
46C8C8

Achromatopsia

383838
C7C7C7
303030
282828
9E9E9E

Shades & Tints Shades & Tints

#49322C

Dark
Light

#EECF37

Dark
Light

#3F2A25

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #49322c;
  --color-2: #eecf37;
  --color-3: #3f2a25;
  --color-4: #33251c;
  --color-5: #3fc6ca;
}

SCSS

$color-1: #49322c;
$color-2: #eecf37;
$color-3: #3f2a25;
$color-4: #33251c;
$color-5: #3fc6ca;

TAILWIND

colors: {
  'brand-1': '#49322c',
  'brand-2': '#eecf37',
  'brand-3': '#3f2a25',
  'brand-4': '#33251c',
  'brand-5': '#3fc6ca',
}

RGB Array

[73, 50, 44], [238, 207, 55], [63, 42, 37], [51, 37, 28], [63, 198, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #49322C, #EECF37, #3F2A25, #33251C, #3FC6CA is ideal for: tech websites, dark mode UIs, game UIs, 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: #49322c; --color-2: #eecf37; --color-3: #3f2a25; --color-4: #33251c; --color-5: #3fc6ca. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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