← Back to Editor

#898A85 · #EFD539 · #F6296E · #95226F · #201B25

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

#898A85

Ash · Gray · Warm Gray

HEX
#898A85
RGB
rgb(137, 138, 133)
HSL
hsl(72, 2%, 53%)
HSB
hsb(72, 4%, 54%)
CMYK
cmyk(1%, 0%, 4%, 46%)
Oklch
oklch(63.1% 0.007 115.8)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#EFD539

Autumn Sage · GoldenRod · Sunflower

HEX
#EFD539
RGB
rgb(239, 213, 57)
HSL
hsl(51, 85%, 58%)
HSB
hsb(51, 76%, 94%)
CMYK
cmyk(0%, 11%, 76%, 6%)
Oklch
oklch(86.9% 0.165 99.3)

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

#F6296E

Dark Violet · DeepPink · Rose Pink

HEX
#F6296E
RGB
rgb(246, 41, 110)
HSL
hsl(340, 92%, 56%)
HSB
hsb(340, 83%, 96%)
CMYK
cmyk(0%, 83%, 55%, 4%)
Oklch
oklch(63.7% 0.235 8.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#95226F

Rose Purple · Purple · Camellia

HEX
#95226F
RGB
rgb(149, 34, 111)
HSL
hsl(320, 63%, 36%)
HSB
hsb(320, 77%, 58%)
CMYK
cmyk(0%, 77%, 26%, 42%)
Oklch
oklch(46.5% 0.169 344.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#201B25

Dark Plum · Black · Dark Purple

HEX
#201B25
RGB
rgb(32, 27, 37)
HSL
hsl(270, 16%, 13%)
HSB
hsb(270, 27%, 15%)
CMYK
cmyk(14%, 27%, 0%, 85%)
Oklch
oklch(23.2% 0.020 307.5)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

898A85
86858A

Analogous

8A8885
898A85
868A85

Triadic

898A85
85898A
8A8589

Split-Comp.

898A85
85868A
88858A

Tetradic

898A85
858A88
86858A
8A8586

Contrast Matrix WCAG 2.1 Contrast

898A85
EFD539
F6296E
95226F
201B25
—
2.4
Fail
1.1
Fail
2.2
Fail
4.8
AA
2.4
Fail
—
2.6
Fail
5.2
AA
11.4
AAA
1.1
Fail
2.6
Fail
—
2.0
Fail
4.4
AA Large
2.2
Fail
5.2
AA
2.0
Fail
—
2.2
Fail
4.8
AA
11.4
AAA
4.4
AA Large
2.2
Fail
—
White BG
3.5AA Large
1.5Fail
3.8AA Large
7.7AAA
16.9AAA
Black BG
6.0AA
14.2AAA
5.5AA
2.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

898986
E4E45F
9D9B5D
63625C
1E1E23

Deuteranopia

898987
E5E768
A9B959
6A7358
1E1F22

Tritanopia

898787
EE7D83
EC504D
8F4E4A
202120

Achromatopsia

898989
CBCBCB
6E6E6E
4D4D4D
1E1E1E

Shades & Tints Shades & Tints

#898A85

Dark
Light

#EFD539

Dark
Light

#F6296E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #898a85;
  --color-2: #efd539;
  --color-3: #f6296e;
  --color-4: #95226f;
  --color-5: #201b25;
}

SCSS

$color-1: #898a85;
$color-2: #efd539;
$color-3: #f6296e;
$color-4: #95226f;
$color-5: #201b25;

TAILWIND

colors: {
  'brand-1': '#898a85',
  'brand-2': '#efd539',
  'brand-3': '#f6296e',
  'brand-4': '#95226f',
  'brand-5': '#201b25',
}

RGB Array

[137, 138, 133], [239, 213, 57], [246, 41, 110], [149, 34, 111], [32, 27, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #898A85, #EFD539, #F6296E, #95226F, #201B25 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: #898a85; --color-2: #efd539; --color-3: #f6296e; --color-4: #95226f; --color-5: #201b25. 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