← Back to Editor

#52490B · #B8A041 · #C9BD68 · #CDD8A8 · #F54F48

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

#52490B

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#52490B
RGB
rgb(82, 73, 11)
HSL
hsl(52, 76%, 18%)
HSB
hsb(52, 87%, 32%)
CMYK
cmyk(0%, 11%, 87%, 68%)
Oklch
oklch(40.3% 0.078 100.5)

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

#B8A041

Ochre · GoldenRod · Honey Gold

HEX
#B8A041
RGB
rgb(184, 160, 65)
HSL
hsl(48, 48%, 49%)
HSB
hsb(48, 65%, 72%)
CMYK
cmyk(0%, 13%, 65%, 28%)
Oklch
oklch(70.9% 0.117 95.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#C9BD68

Autumn Sage · BurlyWood · Sunflower

HEX
#C9BD68
RGB
rgb(201, 189, 104)
HSL
hsl(53, 47%, 60%)
HSB
hsb(53, 48%, 79%)
CMYK
cmyk(0%, 6%, 48%, 21%)
Oklch
oklch(79.0% 0.108 101.4)

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

#CDD8A8

Willow Green · Silver · Apple Green

HEX
#CDD8A8
RGB
rgb(205, 216, 168)
HSL
hsl(74, 38%, 75%)
HSB
hsb(74, 22%, 85%)
CMYK
cmyk(5%, 0%, 22%, 15%)
Oklch
oklch(86.2% 0.065 118.3)

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

#F54F48

Peach Pink · Tomato · Coral Red

HEX
#F54F48
RGB
rgb(245, 79, 72)
HSL
hsl(2, 90%, 62%)
HSB
hsb(2, 71%, 96%)
CMYK
cmyk(0%, 68%, 71%, 4%)
Oklch
oklch(65.8% 0.204 26.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

52490B
0B1451

Analogous

51250B
52490B
37510B

Triadic

52490B
0B5147
470B51

Split-Comp.

52490B
0B3751
250B51

Tetradic

52490B
0B5125
0B1451
510B37

Contrast Matrix WCAG 2.1 Contrast

52490B
B8A041
C9BD68
CDD8A8
F54F48
—
3.5
AA Large
4.7
AA
6.0
AA
2.6
Fail
3.5
AA Large
—
1.3
Fail
1.7
Fail
1.3
Fail
4.7
AA
1.3
Fail
—
1.3
Fail
1.8
Fail
6.0
AA
1.7
Fail
1.3
Fail
—
2.3
Fail
2.6
Fail
1.3
Fail
1.8
Fail
2.3
Fail
—
White BG
9.1AAA
2.6Fail
1.9Fail
1.5Fail
3.4AA Large
Black BG
2.3Fail
8.1AAA
11.0AAA
14.0AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E1A
AEAD58
C4C47D
D2D2B4
ADAC4A

Deuteranopia

4F4F1E
AFB15E
C5C582
D1D0B6
B7C34A

Tritanopia

522628
B76A6E
C88D90
CEBDBF
ED4B4B

Achromatopsia

454545
9C9C9C
B7B7B7
CFCFCF
808080

Shades & Tints Shades & Tints

#52490B

Dark
Light

#B8A041

Dark
Light

#C9BD68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #52490b;
  --color-2: #b8a041;
  --color-3: #c9bd68;
  --color-4: #cdd8a8;
  --color-5: #f54f48;
}

SCSS

$color-1: #52490b;
$color-2: #b8a041;
$color-3: #c9bd68;
$color-4: #cdd8a8;
$color-5: #f54f48;

TAILWIND

colors: {
  'brand-1': '#52490b',
  'brand-2': '#b8a041',
  'brand-3': '#c9bd68',
  'brand-4': '#cdd8a8',
  'brand-5': '#f54f48',
}

RGB Array

[82, 73, 11], [184, 160, 65], [201, 189, 104], [205, 216, 168], [245, 79, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #52490B, #B8A041, #C9BD68, #CDD8A8, #F54F48 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: #52490b; --color-2: #b8a041; --color-3: #c9bd68; --color-4: #cdd8a8; --color-5: #f54f48. 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