← Back to Editor

#F081AE · #94A6A8 · #9EA667 · #A3A3A3 · #99AB0E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#F081AE

Rouge · LightCoral · Rose Pink

HEX
#F081AE
RGB
rgb(240, 129, 174)
HSL
hsl(336, 79%, 72%)
HSB
hsb(336, 46%, 94%)
CMYK
cmyk(0%, 46%, 27%, 6%)
Oklch
oklch(73.8% 0.144 355.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#94A6A8

Sky Blue · DarkGray · Lake Green

HEX
#94A6A8
RGB
rgb(148, 166, 168)
HSL
hsl(186, 10%, 62%)
HSB
hsb(186, 12%, 66%)
CMYK
cmyk(12%, 1%, 0%, 34%)
Oklch
oklch(71.2% 0.020 204.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#9EA667

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#9EA667
RGB
rgb(158, 166, 103)
HSL
hsl(68, 26%, 53%)
HSB
hsb(68, 38%, 65%)
CMYK
cmyk(5%, 0%, 38%, 35%)
Oklch
oklch(70.4% 0.085 114.5)

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

#A3A3A3

Ash · DarkGray · Silver Sand

HEX
#A3A3A3
RGB
rgb(163, 163, 163)
HSL
hsl(0, 0%, 64%)
HSB
hsb(0, 0%, 64%)
CMYK
cmyk(0%, 0%, 0%, 36%)
Oklch
oklch(71.5% 0.000 89.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#99AB0E

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#99AB0E
RGB
rgb(153, 171, 14)
HSL
hsl(67, 85%, 36%)
HSB
hsb(67, 92%, 67%)
CMYK
cmyk(11%, 0%, 92%, 33%)
Oklch
oklch(70.3% 0.159 117.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F081AE
7FF0C3

Analogous

F07FE5
F081AE
F08A7F

Triadic

F081AE
ACF07F
7FACF0

Split-Comp.

F081AE
7FF08A
7FE5F0

Tetradic

F081AE
E5F07F
7FF0C3
8A7FF0

Contrast Matrix WCAG 2.1 Contrast

F081AE
94A6A8
9EA667
A3A3A3
99AB0E
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
White BG
2.5Fail
2.5Fail
2.6Fail
2.5Fail
2.6Fail
Black BG
8.5AAA
8.3AAA
8.1AAA
8.3AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BFA3
9C9CA8
A1A276
A3A3A3
A1A134

Deuteranopia

C6CFA1
9B99A7
A1A07A
A3A3A3
A09E3D

Tritanopia

EA9B99
95A7A7
9E8285
A3A3A3
9A5259

Achromatopsia

A7A7A7
A1A1A1
9C9C9C
A3A3A3
949494

Shades & Tints Shades & Tints

#F081AE

Dark
Light

#94A6A8

Dark
Light

#9EA667

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f081ae;
  --color-2: #94a6a8;
  --color-3: #9ea667;
  --color-4: #a3a3a3;
  --color-5: #99ab0e;
}

SCSS

$color-1: #f081ae;
$color-2: #94a6a8;
$color-3: #9ea667;
$color-4: #a3a3a3;
$color-5: #99ab0e;

TAILWIND

colors: {
  'brand-1': '#f081ae',
  'brand-2': '#94a6a8',
  'brand-3': '#9ea667',
  'brand-4': '#a3a3a3',
  'brand-5': '#99ab0e',
}

RGB Array

[240, 129, 174], [148, 166, 168], [158, 166, 103], [163, 163, 163], [153, 171, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F081AE, #94A6A8, #9EA667, #A3A3A3, #99AB0E 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: #f081ae; --color-2: #94a6a8; --color-3: #9ea667; --color-4: #a3a3a3; --color-5: #99ab0e. 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