← Back to Editor

#27231D · #ADAA6E · #E6C3B1 · #FC0352 · #394638

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

#27231D

Ochre · Black · Cinnamon

HEX
#27231D
RGB
rgb(39, 35, 29)
HSL
hsl(36, 15%, 13%)
HSB
hsb(36, 26%, 15%)
CMYK
cmyk(0%, 10%, 26%, 85%)
Oklch
oklch(25.8% 0.012 78.1)

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

#ADAA6E

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#ADAA6E
RGB
rgb(173, 170, 110)
HSL
hsl(57, 28%, 55%)
HSB
hsb(57, 36%, 68%)
CMYK
cmyk(0%, 2%, 36%, 32%)
Oklch
oklch(72.6% 0.080 105.8)

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

#E6C3B1

Apricot · Wheat · Peach Orange

HEX
#E6C3B1
RGB
rgb(230, 195, 177)
HSL
hsl(20, 51%, 80%)
HSB
hsb(20, 23%, 90%)
CMYK
cmyk(0%, 15%, 23%, 10%)
Oklch
oklch(84.3% 0.047 48.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FC0352

Dark Violet · Crimson · Camellia

HEX
#FC0352
RGB
rgb(252, 3, 82)
HSL
hsl(341, 98%, 50%)
HSB
hsb(341, 99%, 99%)
CMYK
cmyk(0%, 99%, 67%, 1%)
Oklch
oklch(63.0% 0.251 16.1)

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

#394638

Celadon · DarkSlateGray · Forest Green

HEX
#394638
RGB
rgb(57, 70, 56)
HSL
hsl(116, 11%, 25%)
HSB
hsb(116, 20%, 27%)
CMYK
cmyk(19%, 0%, 20%, 73%)
Oklch
oklch(37.8% 0.029 143.1)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

27231D
1C2026

Analogous

261D1C
27231D
25261C

Triadic

27231D
1C2622
221C26

Split-Comp.

27231D
1C2526
1D1C26

Tetradic

27231D
1C261D
1C2026
261C25

Contrast Matrix WCAG 2.1 Contrast

27231D
ADAA6E
E6C3B1
FC0352
394638
—
6.5
AA
9.5
AAA
3.9
AA Large
1.6
Fail
6.5
AA
—
1.5
Fail
1.7
Fail
4.2
AA Large
9.5
AAA
1.5
Fail
—
2.4
Fail
6.1
AA
3.9
AA Large
1.7
Fail
2.4
Fail
—
2.5
Fail
1.6
Fail
4.2
AA Large
6.1
AA
2.5
Fail
—
White BG
15.6AAA
2.4Fail
1.6Fail
4.0AA Large
10.0AAA
Black BG
1.3Fail
8.8AAA
12.8AAA
5.3AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

25251E
ACAC7D
D7D7B5
908E3F
3F3F3B

Deuteranopia

26261F
ACAC80
D9DCB6
9FB13A
3E3D3C

Tritanopia

272020
AD888B
E4B9BA
F0302C
3A3E3F

Achromatopsia

242424
A4A4A4
CBCBCB
565656
414141

Shades & Tints Shades & Tints

#27231D

Dark
Light

#ADAA6E

Dark
Light

#E6C3B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #27231d;
  --color-2: #adaa6e;
  --color-3: #e6c3b1;
  --color-4: #fc0352;
  --color-5: #394638;
}

SCSS

$color-1: #27231d;
$color-2: #adaa6e;
$color-3: #e6c3b1;
$color-4: #fc0352;
$color-5: #394638;

TAILWIND

colors: {
  'brand-1': '#27231d',
  'brand-2': '#adaa6e',
  'brand-3': '#e6c3b1',
  'brand-4': '#fc0352',
  'brand-5': '#394638',
}

RGB Array

[39, 35, 29], [173, 170, 110], [230, 195, 177], [252, 3, 82], [57, 70, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #27231D, #ADAA6E, #E6C3B1, #FC0352, #394638 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: #27231d; --color-2: #adaa6e; --color-3: #e6c3b1; --color-4: #fc0352; --color-5: #394638. 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