← Back to Editor

#423F2E · #B45748 · #AE8066 · #C9BD6B · #FFFDF1

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

#423F2E

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#423F2E
RGB
rgb(66, 63, 46)
HSL
hsl(51, 18%, 22%)
HSB
hsb(51, 30%, 26%)
CMYK
cmyk(0%, 5%, 30%, 74%)
Oklch
oklch(36.6% 0.028 99.2)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#B45748

Crimson · Sienna · Passion Red

HEX
#B45748
RGB
rgb(180, 87, 72)
HSL
hsl(8, 43%, 49%)
HSB
hsb(8, 60%, 71%)
CMYK
cmyk(0%, 52%, 60%, 29%)
Oklch
oklch(56.8% 0.124 30.8)

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

#AE8066

Tangerine · Gray · Warm Sun

HEX
#AE8066
RGB
rgb(174, 128, 102)
HSL
hsl(22, 31%, 54%)
HSB
hsb(22, 41%, 68%)
CMYK
cmyk(0%, 26%, 41%, 32%)
Oklch
oklch(63.9% 0.068 50.6)

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

#C9BD6B

Autumn Sage · BurlyWood · Sunflower

HEX
#C9BD6B
RGB
rgb(201, 189, 107)
HSL
hsl(52, 47%, 60%)
HSB
hsb(52, 47%, 79%)
CMYK
cmyk(0%, 6%, 47%, 21%)
Oklch
oklch(79.1% 0.104 101.1)

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

#FFFDF1

Fresh Green · SeaShell · Lemon Cream

HEX
#FFFDF1
RGB
rgb(255, 253, 241)
HSL
hsl(51, 100%, 97%)
HSB
hsb(51, 5%, 100%)
CMYK
cmyk(0%, 1%, 5%, 0%)
Oklch
oklch(99.2% 0.016 99.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

423F2E
2E3142

Analogous

42352E
423F2E
3B422E

Triadic

423F2E
2E423F
3F2E42

Split-Comp.

423F2E
2E3B42
352E42

Tetradic

423F2E
2E4235
2E3142
422E3B

Contrast Matrix WCAG 2.1 Contrast

423F2E
B45748
AE8066
C9BD6B
FFFDF1
—
2.2
Fail
3.1
AA Large
5.5
AA
10.4
AAA
2.2
Fail
—
1.4
Fail
2.5
Fail
4.7
AA
3.1
AA Large
1.4
Fail
—
1.8
Fail
3.4
AA Large
5.5
AA
2.5
Fail
1.8
Fail
—
1.9
Fail
10.4
AAA
4.7
AA
3.4
AA Large
1.9
Fail
—
White BG
10.6AAA
4.8AA
3.5AA Large
1.9Fail
1.0Fail
Black BG
2.0Fail
4.4AA Large
6.1AA
11.0AAA
20.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

414132
8C8B4C
9A9A6C
C4C47F
FEFEF4

Deuteranopia

414133
91984D
9DA06E
C5C584
FEFEF5

Tritanopia

423536
AF4E4F
AC7172
C88F92
FFF6F7

Achromatopsia

3E3E3E
717171
8B8B8B
B7B7B7
FCFCFC

Shades & Tints Shades & Tints

#423F2E

Dark
Light

#B45748

Dark
Light

#AE8066

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #423f2e;
  --color-2: #b45748;
  --color-3: #ae8066;
  --color-4: #c9bd6b;
  --color-5: #fffdf1;
}

SCSS

$color-1: #423f2e;
$color-2: #b45748;
$color-3: #ae8066;
$color-4: #c9bd6b;
$color-5: #fffdf1;

TAILWIND

colors: {
  'brand-1': '#423f2e',
  'brand-2': '#b45748',
  'brand-3': '#ae8066',
  'brand-4': '#c9bd6b',
  'brand-5': '#fffdf1',
}

RGB Array

[66, 63, 46], [180, 87, 72], [174, 128, 102], [201, 189, 107], [255, 253, 241]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #423F2E, #B45748, #AE8066, #C9BD6B, #FFFDF1 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: #423f2e; --color-2: #b45748; --color-3: #ae8066; --color-4: #c9bd6b; --color-5: #fffdf1. 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