← Back to Editor

#998574 · #B34040 · #FF7461 · #FF9C75 · #A9AD8A

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 Library

Color Details Color Details

#998574

Tangerine · Gray · Warm Sun

HEX
#998574
RGB
rgb(153, 133, 116)
HSL
hsl(28, 15%, 53%)
HSB
hsb(28, 24%, 60%)
CMYK
cmyk(0%, 13%, 24%, 40%)
Oklch
oklch(63.0% 0.035 62.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#B34040

Crimson · Sienna · Passion Red

HEX
#B34040
RGB
rgb(179, 64, 64)
HSL
hsl(0, 47%, 48%)
HSB
hsb(0, 64%, 70%)
CMYK
cmyk(0%, 64%, 64%, 30%)
Oklch
oklch(53.3% 0.150 23.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#FF7461

Peach Pink · Coral · Coral Red

HEX
#FF7461
RGB
rgb(255, 116, 97)
HSL
hsl(7, 100%, 69%)
HSB
hsb(7, 62%, 100%)
CMYK
cmyk(0%, 55%, 62%, 0%)
Oklch
oklch(72.2% 0.173 29.8)

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

#FF9C75

Apricot · LightSalmon · Warm Sun

HEX
#FF9C75
RGB
rgb(255, 156, 117)
HSL
hsl(17, 100%, 73%)
HSB
hsb(17, 54%, 100%)
CMYK
cmyk(0%, 39%, 54%, 0%)
Oklch
oklch(78.6% 0.130 42.1)

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

#A9AD8A

Fresh Green · DarkSeaGreen · Sunflower

HEX
#A9AD8A
RGB
rgb(169, 173, 138)
HSL
hsl(67, 18%, 61%)
HSB
hsb(67, 20%, 68%)
CMYK
cmyk(2%, 0%, 20%, 32%)
Oklch
oklch(73.5% 0.049 112.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

998574
758899

Analogous

997576
998574
999875

Triadic

998574
759986
867599

Split-Comp.

998574
759998
757699

Tetradic

998574
769975
758899
987599

Contrast Matrix WCAG 2.1 Contrast

998574
B34040
FF7461
FF9C75
A9AD8A
—
1.6
Fail
1.3
Fail
1.7
Fail
1.5
Fail
1.6
Fail
—
2.1
Fail
2.8
Fail
2.4
Fail
1.3
Fail
2.1
Fail
—
1.3
Fail
1.1
Fail
1.7
Fail
2.8
Fail
1.3
Fail
—
1.1
Fail
1.5
Fail
2.4
Fail
1.1
Fail
1.1
Fail
—
White BG
3.5AA Large
5.6AA
2.7Fail
2.0Fail
2.3Fail
Black BG
6.0AA
3.7AA Large
7.9AAA
10.3AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

909078
818040
C3C266
D4D37E
ABAB92

Deuteranopia

929379
889140
CBD567
DAE181
ABAA95

Tritanopia

987B7C
AD4040
F8696A
FA8688
A9999B

Achromatopsia

898989
626262
9B9B9B
B5B5B5
A8A8A8

Shades & Tints Shades & Tints

#998574

Dark
Light

#B34040

Dark
Light

#FF7461

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #998574;
  --color-2: #b34040;
  --color-3: #ff7461;
  --color-4: #ff9c75;
  --color-5: #a9ad8a;
}

SCSS

$color-1: #998574;
$color-2: #b34040;
$color-3: #ff7461;
$color-4: #ff9c75;
$color-5: #a9ad8a;

TAILWIND

colors: {
  'brand-1': '#998574',
  'brand-2': '#b34040',
  'brand-3': '#ff7461',
  'brand-4': '#ff9c75',
  'brand-5': '#a9ad8a',
}

RGB Array

[153, 133, 116], [179, 64, 64], [255, 116, 97], [255, 156, 117], [169, 173, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #998574, #B34040, #FF7461, #FF9C75, #A9AD8A is ideal for: corporate websites, product showcases, portfolios. 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: #998574; --color-2: #b34040; --color-3: #ff7461; --color-4: #ff9c75; --color-5: #a9ad8a. 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. 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