← Back to Editor

#926442 · #CC9A7F · #FBD7BD · #FCFDEB · #B4B277

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

#926442

Tangerine · Sienna · Amber Brown

HEX
#926442
RGB
rgb(146, 100, 66)
HSL
hsl(26, 38%, 42%)
HSB
hsb(26, 55%, 57%)
CMYK
cmyk(0%, 32%, 55%, 43%)
Oklch
oklch(54.4% 0.077 56.8)

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

#CC9A7F

Apricot · Tan · Warm Sun

HEX
#CC9A7F
RGB
rgb(204, 154, 127)
HSL
hsl(21, 43%, 65%)
HSB
hsb(21, 38%, 80%)
CMYK
cmyk(0%, 25%, 38%, 20%)
Oklch
oklch(72.7% 0.071 49.6)

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

#FBD7BD

Apricot · Wheat · Peach Orange

HEX
#FBD7BD
RGB
rgb(251, 215, 189)
HSL
hsl(25, 89%, 86%)
HSB
hsb(25, 25%, 98%)
CMYK
cmyk(0%, 14%, 25%, 2%)
Oklch
oklch(90.3% 0.053 57.8)

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

#FCFDEB

Fresh Green · SeaShell · Lemon Cream

HEX
#FCFDEB
RGB
rgb(252, 253, 235)
HSL
hsl(63, 82%, 96%)
HSB
hsb(63, 7%, 99%)
CMYK
cmyk(0%, 0%, 7%, 1%)
Oklch
oklch(98.8% 0.024 109.4)

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

#B4B277

Autumn Sage · Tan · Sunflower

HEX
#B4B277
RGB
rgb(180, 178, 119)
HSL
hsl(58, 29%, 59%)
HSB
hsb(58, 34%, 71%)
CMYK
cmyk(0%, 1%, 34%, 29%)
Oklch
oklch(75.1% 0.079 106.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

926442
427194

Analogous

944248
926442
948E42

Triadic

926442
429466
664294

Split-Comp.

926442
42948E
424894

Tetradic

926442
489442
427194
8E4294

Contrast Matrix WCAG 2.1 Contrast

926442
CC9A7F
FBD7BD
FCFDEB
B4B277
—
2.1
Fail
3.8
AA Large
4.9
AA
2.3
Fail
2.1
Fail
—
1.8
Fail
2.4
Fail
1.1
Fail
3.8
AA Large
1.8
Fail
—
1.3
Fail
1.6
Fail
4.9
AA
2.4
Fail
1.3
Fail
—
2.1
Fail
2.3
Fail
1.1
Fail
1.6
Fail
2.1
Fail
—
White BG
5.1AA
2.5Fail
1.3Fail
1.0Fail
2.2Fail
Black BG
4.1AA Large
8.5AAA
15.6AAA
20.4AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7E4A
B6B686
EBEBC3
FCFCEF
B3B385

Deuteranopia

81844C
B9BD87
EEF0C5
FCFCF0
B3B389

Tritanopia

905152
C98B8C
F9C8C9
FCF3F4
B49193

Achromatopsia

6E6E6E
A6A6A6
DFDFDF
FBFBFB
ACACAC

Shades & Tints Shades & Tints

#926442

Dark
Light

#CC9A7F

Dark
Light

#FBD7BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #926442;
  --color-2: #cc9a7f;
  --color-3: #fbd7bd;
  --color-4: #fcfdeb;
  --color-5: #b4b277;
}

SCSS

$color-1: #926442;
$color-2: #cc9a7f;
$color-3: #fbd7bd;
$color-4: #fcfdeb;
$color-5: #b4b277;

TAILWIND

colors: {
  'brand-1': '#926442',
  'brand-2': '#cc9a7f',
  'brand-3': '#fbd7bd',
  'brand-4': '#fcfdeb',
  'brand-5': '#b4b277',
}

RGB Array

[146, 100, 66], [204, 154, 127], [251, 215, 189], [252, 253, 235], [180, 178, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #926442, #CC9A7F, #FBD7BD, #FCFDEB, #B4B277 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: #926442; --color-2: #cc9a7f; --color-3: #fbd7bd; --color-4: #fcfdeb; --color-5: #b4b277. 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