← Back to Editor

#998496 · #F7E0AE · #FA748F · #2D2C26 · #C3B457

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

#998496

Rose Purple · Gray · Silver Sand

HEX
#998496
RGB
rgb(153, 132, 150)
HSL
hsl(309, 9%, 56%)
HSB
hsb(309, 14%, 60%)
CMYK
cmyk(0%, 14%, 2%, 40%)
Oklch
oklch(63.8% 0.036 330.7)

Traditional「Rose Purple」· Paint「Silver Sand」· Creative Urban Concrete

#F7E0AE

Goose Yellow · Wheat · Lemon Cream

HEX
#F7E0AE
RGB
rgb(247, 224, 174)
HSL
hsl(41, 82%, 83%)
HSB
hsb(41, 30%, 97%)
CMYK
cmyk(0%, 9%, 30%, 3%)
Oklch
oklch(91.3% 0.069 86.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FA748F

Peach Pink · LightCoral · Coral Red

HEX
#FA748F
RGB
rgb(250, 116, 143)
HSL
hsl(348, 93%, 72%)
HSB
hsb(348, 54%, 98%)
CMYK
cmyk(0%, 54%, 43%, 2%)
Oklch
oklch(72.4% 0.165 9.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#2D2C26

Autumn Sage · DarkSlateGray · Dark Stone

HEX
#2D2C26
RGB
rgb(45, 44, 38)
HSL
hsl(51, 8%, 16%)
HSB
hsb(51, 16%, 18%)
CMYK
cmyk(0%, 2%, 16%, 82%)
Oklch
oklch(29.2% 0.011 99.3)

Traditional「Autumn Sage」· Paint「Dark Stone」· Creative Midnight Shadow

#C3B457

Autumn Sage · SandyBrown · Sunflower

HEX
#C3B457
RGB
rgb(195, 180, 87)
HSL
hsl(52, 47%, 55%)
HSB
hsb(52, 55%, 76%)
CMYK
cmyk(0%, 8%, 55%, 24%)
Oklch
oklch(76.4% 0.116 100.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

998496
859988

Analogous

928599
998496
99858C

Triadic

998496
969985
859699

Split-Comp.

998496
8C9985
859992

Tetradic

998496
999285
859988
858C99

Contrast Matrix WCAG 2.1 Contrast

998496
F7E0AE
FA748F
2D2C26
C3B457
—
2.7
Fail
1.3
Fail
4.1
AA Large
1.6
Fail
2.7
Fail
—
2.0
Fail
10.8
AAA
1.6
Fail
1.3
Fail
2.0
Fail
—
5.3
AA
1.3
Fail
4.1
AA Large
10.8
AAA
5.3
AA
—
6.7
AA
1.6
Fail
1.6
Fail
1.3
Fail
6.7
AA
—
White BG
3.4AA Large
1.3Fail
2.6Fail
14.0AAA
2.1Fail
Black BG
6.1AA
16.2AAA
8.0AAA
1.5Fail
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

909092
EDEDBA
C0BF88
2D2D27
BDBC6E

Deuteranopia

919391
EEF0BD
C8D287
2D2D28
BDBF73

Tritanopia

988E8D
F6C4C6
F38382
2D2929
C27F83

Achromatopsia

8C8C8C
E1E1E1
9F9F9F
2C2C2C
AEAEAE

Shades & Tints Shades & Tints

#998496

Dark
Light

#F7E0AE

Dark
Light

#FA748F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #998496;
  --color-2: #f7e0ae;
  --color-3: #fa748f;
  --color-4: #2d2c26;
  --color-5: #c3b457;
}

SCSS

$color-1: #998496;
$color-2: #f7e0ae;
$color-3: #fa748f;
$color-4: #2d2c26;
$color-5: #c3b457;

TAILWIND

colors: {
  'brand-1': '#998496',
  'brand-2': '#f7e0ae',
  'brand-3': '#fa748f',
  'brand-4': '#2d2c26',
  'brand-5': '#c3b457',
}

RGB Array

[153, 132, 150], [247, 224, 174], [250, 116, 143], [45, 44, 38], [195, 180, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #998496, #F7E0AE, #FA748F, #2D2C26, #C3B457 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: #998496; --color-2: #f7e0ae; --color-3: #fa748f; --color-4: #2d2c26; --color-5: #c3b457. 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