← Back to Editor

#9FAE9D · #801004 · #FCFDFC · #FAC40A · #6B8E94

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#9FAE9D

Celadon · DarkGray · Silver Sand

HEX
#9FAE9D
RGB
rgb(159, 174, 157)
HSL
hsl(113, 9%, 65%)
HSB
hsb(113, 10%, 68%)
CMYK
cmyk(9%, 0%, 10%, 32%)
Oklch
oklch(73.4% 0.029 141.9)

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

#801004

Vermilion · Maroon · Wine Red

HEX
#801004
RGB
rgb(128, 16, 4)
HSL
hsl(6, 94%, 26%)
HSB
hsb(6, 97%, 50%)
CMYK
cmyk(0%, 88%, 97%, 50%)
Oklch
oklch(38.5% 0.147 30.7)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#FCFDFC

Celadon · White · Mint Green

HEX
#FCFDFC
RGB
rgb(252, 253, 252)
HSL
hsl(120, 20%, 99%)
HSB
hsb(120, 0%, 99%)
CMYK
cmyk(0%, 0%, 0%, 1%)
Oklch
oklch(99.3% 0.002 145.6)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#FAC40A

Ginger · Gold · Sunflower

HEX
#FAC40A
RGB
rgb(250, 196, 10)
HSL
hsl(47, 96%, 51%)
HSB
hsb(47, 96%, 98%)
CMYK
cmyk(0%, 22%, 96%, 2%)
Oklch
oklch(84.5% 0.171 88.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#6B8E94

Slate Blue · LightSlateGray · Mint Ice

HEX
#6B8E94
RGB
rgb(107, 142, 148)
HSL
hsl(189, 16%, 50%)
HSB
hsb(189, 28%, 58%)
CMYK
cmyk(28%, 4%, 0%, 42%)
Oklch
oklch(62.3% 0.040 209.2)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9FAE9D
AC9EAE

Analogous

A8AE9E
9FAE9D
9EAEA4

Triadic

9FAE9D
9EA0AE
AE9EA0

Split-Comp.

9FAE9D
A49EAE
AE9EA8

Tetradic

9FAE9D
9EA8AE
AC9EAE
AEA49E

Contrast Matrix WCAG 2.1 Contrast

9FAE9D
801004
FCFDFC
FAC40A
6B8E94
—
4.5
AA
2.3
Fail
1.4
Fail
1.5
Fail
4.5
AA
—
10.3
AAA
6.5
AA
3.0
Fail
2.3
Fail
10.3
AAA
—
1.6
Fail
3.5
AA Large
1.4
Fail
6.5
AA
1.6
Fail
—
2.2
Fail
1.5
Fail
3.0
Fail
3.5
AA Large
2.2
Fail
—
White BG
2.3Fail
10.5AAA
1.0Fail
1.6Fail
3.5AA Large
Black BG
9.0AAA
2.0Fail
20.6AAA
13.0AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A6A1
504E07
FCFCFC
E3E237
7A7A93

Deuteranopia

A5A4A2
565E08
FCFCFC
E6EA42
787692

Tritanopia

A0A4A5
7A090A
FCFCFC
F75B62
6D9191

Achromatopsia

A8A8A8
303030
FDFDFD
BFBFBF
848484

Shades & Tints Shades & Tints

#9FAE9D

Dark
Light

#801004

Dark
Light

#FCFDFC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9fae9d;
  --color-2: #801004;
  --color-3: #fcfdfc;
  --color-4: #fac40a;
  --color-5: #6b8e94;
}

SCSS

$color-1: #9fae9d;
$color-2: #801004;
$color-3: #fcfdfc;
$color-4: #fac40a;
$color-5: #6b8e94;

TAILWIND

colors: {
  'brand-1': '#9fae9d',
  'brand-2': '#801004',
  'brand-3': '#fcfdfc',
  'brand-4': '#fac40a',
  'brand-5': '#6b8e94',
}

RGB Array

[159, 174, 157], [128, 16, 4], [252, 253, 252], [250, 196, 10], [107, 142, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #9FAE9D, #801004, #FCFDFC, #FAC40A, #6B8E94 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: #9fae9d; --color-2: #801004; --color-3: #fcfdfc; --color-4: #fac40a; --color-5: #6b8e94. 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 dark-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