← Back to Editor

#CAAB50 · #EFE8BE · #804F27 · #3F250E · #0E0906

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

#CAAB50

Ginger · SandyBrown · Sunflower

HEX
#CAAB50
RGB
rgb(202, 171, 80)
HSL
hsl(45, 54%, 55%)
HSB
hsb(45, 60%, 79%)
CMYK
cmyk(0%, 15%, 60%, 21%)
Oklch
oklch(75.1% 0.116 90.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#EFE8BE

Fresh Green · Wheat · Lemon Cream

HEX
#EFE8BE
RGB
rgb(239, 232, 190)
HSL
hsl(51, 60%, 84%)
HSB
hsb(51, 21%, 94%)
CMYK
cmyk(0%, 3%, 21%, 6%)
Oklch
oklch(92.6% 0.055 99.5)

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

#804F27

Tangerine · Sienna · Amber Brown

HEX
#804F27
RGB
rgb(128, 79, 39)
HSL
hsl(27, 53%, 33%)
HSB
hsb(27, 70%, 50%)
CMYK
cmyk(0%, 38%, 70%, 50%)
Oklch
oklch(47.5% 0.086 57.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#3F250E

Tangerine · Black · Cinnamon

HEX
#3F250E
RGB
rgb(63, 37, 14)
HSL
hsl(28, 64%, 15%)
HSB
hsb(28, 78%, 25%)
CMYK
cmyk(0%, 41%, 78%, 75%)
Oklch
oklch(29.3% 0.053 59.8)

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

#0E0906

Tangerine · Black · Cinnamon

HEX
#0E0906
RGB
rgb(14, 9, 6)
HSL
hsl(23, 40%, 4%)
HSB
hsb(23, 57%, 5%)
CMYK
cmyk(0%, 36%, 57%, 95%)
Oklch
oklch(14.5% 0.012 57.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAAB50
4E6DCA

Analogous

CA6D4E
CAAB50
ABCA4E

Triadic

CAAB50
4ECAAB
AB4ECA

Split-Comp.

CAAB50
4EABCA
6D4ECA

Tetradic

CAAB50
4ECA6D
4E6DCA
CA4EAB

Contrast Matrix WCAG 2.1 Contrast

CAAB50
EFE8BE
804F27
3F250E
0E0906
—
1.8
Fail
3.1
AA Large
6.4
AA
8.9
AAA
1.8
Fail
—
5.5
AA
11.4
AAA
16.0
AAA
3.1
AA Large
5.5
AA
—
2.1
Fail
2.9
Fail
6.4
AA
11.4
AAA
2.1
Fail
—
1.4
Fail
8.9
AAA
16.0
AAA
2.9
Fail
1.4
Fail
—
White BG
2.2Fail
1.2Fail
6.9AA
14.2AAA
19.8AAA
Black BG
9.5AAA
17.0AAA
3.1AA Large
1.5Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBC66
ECECC8
6B6A31
343414
0C0C07

Deuteranopia

BEC16B
ECEDCB
6E7133
353715
0C0C07

Tritanopia

C8777B
EFD0D2
7E383A
3E1819
0E0707

Achromatopsia

AAAAAA
E5E5E5
595959
2A2A2A
0A0A0A

Shades & Tints Shades & Tints

#CAAB50

Dark
Light

#EFE8BE

Dark
Light

#804F27

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #caab50;
  --color-2: #efe8be;
  --color-3: #804f27;
  --color-4: #3f250e;
  --color-5: #0e0906;
}

SCSS

$color-1: #caab50;
$color-2: #efe8be;
$color-3: #804f27;
$color-4: #3f250e;
$color-5: #0e0906;

TAILWIND

colors: {
  'brand-1': '#caab50',
  'brand-2': '#efe8be',
  'brand-3': '#804f27',
  'brand-4': '#3f250e',
  'brand-5': '#0e0906',
}

RGB Array

[202, 171, 80], [239, 232, 190], [128, 79, 39], [63, 37, 14], [14, 9, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CAAB50, #EFE8BE, #804F27, #3F250E, #0E0906 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: #caab50; --color-2: #efe8be; --color-3: #804f27; --color-4: #3f250e; --color-5: #0e0906. 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