← Back to Editor

#966843 · #CCCC80 · #F6F9EF · #BE6443 · #F6BA83

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#966843

Tangerine · Sienna · Amber Brown

HEX
#966843
RGB
rgb(150, 104, 67)
HSL
hsl(27, 38%, 43%)
HSB
hsb(27, 55%, 59%)
CMYK
cmyk(0%, 31%, 55%, 41%)
Oklch
oklch(55.7% 0.079 59.0)

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

#CCCC80

Fresh Green · Tan · Sunflower

HEX
#CCCC80
RGB
rgb(204, 204, 128)
HSL
hsl(60, 43%, 65%)
HSB
hsb(60, 37%, 80%)
CMYK
cmyk(0%, 0%, 37%, 20%)
Oklch
oklch(82.8% 0.098 108.4)

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

#F6F9EF

Willow Green · SeaShell · Mint Green

HEX
#F6F9EF
RGB
rgb(246, 249, 239)
HSL
hsl(78, 45%, 96%)
HSB
hsb(78, 4%, 98%)
CMYK
cmyk(1%, 0%, 4%, 2%)
Oklch
oklch(97.7% 0.014 120.3)

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

#BE6443

Tangerine · Sienna · Amber Brown

HEX
#BE6443
RGB
rgb(190, 100, 67)
HSL
hsl(16, 49%, 50%)
HSB
hsb(16, 65%, 75%)
CMYK
cmyk(0%, 47%, 65%, 25%)
Oklch
oklch(60.2% 0.125 40.5)

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

#F6BA83

Apricot · BurlyWood · Warm Sun

HEX
#F6BA83
RGB
rgb(246, 186, 131)
HSL
hsl(29, 86%, 74%)
HSB
hsb(29, 47%, 96%)
CMYK
cmyk(0%, 24%, 47%, 4%)
Oklch
oklch(83.2% 0.099 63.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

966843
447297

Analogous

974448
966843
979344

Triadic

966843
449769
694497

Split-Comp.

966843
449793
444897

Tetradic

966843
489744
447297
934497

Contrast Matrix WCAG 2.1 Contrast

966843
CCCC80
F6F9EF
BE6443
F6BA83
—
2.9
Fail
4.5
AA
1.2
Fail
2.8
Fail
2.9
Fail
—
1.6
Fail
2.5
Fail
1.0
Fail
4.5
AA
1.6
Fail
—
3.9
AA Large
1.6
Fail
1.2
Fail
2.5
Fail
3.9
AA Large
—
2.4
Fail
2.8
Fail
1.0
Fail
1.6
Fail
2.4
Fail
—
White BG
4.8AA
1.7Fail
1.1Fail
4.1AA Large
1.7Fail
Black BG
4.4AA Large
12.5AAA
19.7AAA
5.1AA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

82824C
CCCC92
F7F7F1
97964B
DCDB90

Deuteranopia

85884E
CCCC97
F7F7F2
9CA34D
E0E494

Tritanopia

945355
CCA1A4
F6F3F4
BA5153
F39B9D

Achromatopsia

727272
C3C3C3
F7F7F7
7B7B7B
C6C6C6

Shades & Tints Shades & Tints

#966843

Dark
Light

#CCCC80

Dark
Light

#F6F9EF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #966843;
  --color-2: #cccc80;
  --color-3: #f6f9ef;
  --color-4: #be6443;
  --color-5: #f6ba83;
}

SCSS

$color-1: #966843;
$color-2: #cccc80;
$color-3: #f6f9ef;
$color-4: #be6443;
$color-5: #f6ba83;

TAILWIND

colors: {
  'brand-1': '#966843',
  'brand-2': '#cccc80',
  'brand-3': '#f6f9ef',
  'brand-4': '#be6443',
  'brand-5': '#f6ba83',
}

RGB Array

[150, 104, 67], [204, 204, 128], [246, 249, 239], [190, 100, 67], [246, 186, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #966843, #CCCC80, #F6F9EF, #BE6443, #F6BA83 is ideal for: health products, baby brands, fresh-style blogs, 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: #966843; --color-2: #cccc80; --color-3: #f6f9ef; --color-4: #be6443; --color-5: #f6ba83. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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