← Back to Editor

#EFEAC7 · #FCFABA · #08A8AA · #D41414 · #020202

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EFEAC7

Fresh Green · Bisque · Lemon Cream

HEX
#EFEAC7
RGB
rgb(239, 234, 199)
HSL
hsl(52, 56%, 86%)
HSB
hsb(52, 17%, 94%)
CMYK
cmyk(0%, 2%, 17%, 6%)
Oklch
oklch(93.2% 0.046 100.5)

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

#FCFABA

Fresh Green · Bisque · Lemon Cream

HEX
#FCFABA
RGB
rgb(252, 250, 186)
HSL
hsl(58, 92%, 86%)
HSB
hsb(58, 26%, 99%)
CMYK
cmyk(0%, 1%, 26%, 1%)
Oklch
oklch(97.2% 0.081 106.3)

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

#08A8AA

Lake Blue · LightSeaGreen · Mint Ice

HEX
#08A8AA
RGB
rgb(8, 168, 170)
HSL
hsl(181, 91%, 35%)
HSB
hsb(181, 95%, 67%)
CMYK
cmyk(95%, 1%, 0%, 33%)
Oklch
oklch(66.4% 0.112 196.3)

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

#D41414

Vermilion · FireBrick · Passion Red

HEX
#D41414
RGB
rgb(212, 20, 20)
HSL
hsl(0, 83%, 45%)
HSB
hsb(0, 91%, 83%)
CMYK
cmyk(0%, 91%, 91%, 17%)
Oklch
oklch(55.2% 0.218 28.4)

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

#020202

Ink Black · Black · Jet Black

HEX
#020202
RGB
rgb(2, 2, 2)
HSL
hsl(0, 0%, 1%)
HSB
hsb(0, 0%, 1%)
CMYK
cmyk(0%, 0%, 0%, 99%)
Oklch
oklch(8.5% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFEAC7
C7CDEF

Analogous

EFD6C7
EFEAC7
E1EFC7

Triadic

EFEAC7
C7EFEA
EAC7EF

Split-Comp.

EFEAC7
C7E1EF
D6C7EF

Tetradic

EFEAC7
C7EFD6
C7CDEF
EFC7E1

Contrast Matrix WCAG 2.1 Contrast

EFEAC7
FCFABA
08A8AA
D41414
020202
—
1.1
Fail
2.4
Fail
4.4
AA Large
17.1
AAA
1.1
Fail
—
2.7
Fail
5.0
AA
19.3
AAA
2.4
Fail
2.7
Fail
—
1.8
Fail
7.1
AAA
4.4
AA Large
5.0
AA
1.8
Fail
—
3.9
AA Large
17.1
AAA
19.3
AAA
7.1
AAA
3.9
AA Large
—
White BG
1.2Fail
1.1Fail
2.9Fail
5.4AA
20.7AAA
Black BG
17.3AAA
19.5AAA
7.2AAA
3.9AA Large
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDCF
FBFBC9
4D4FAA
817F14
020202

Deuteranopia

EDEED2
FBFBCD
4438A9
8C9A14
020202

Tritanopia

EFD6D8
FCD6D8
10A9A9
CA1414
020202

Achromatopsia

E8E8E8
F3F3F3
787878
4D4D4D
020202

Shades & Tints Shades & Tints

#EFEAC7

Dark
Light

#FCFABA

Dark
Light

#08A8AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efeac7;
  --color-2: #fcfaba;
  --color-3: #08a8aa;
  --color-4: #d41414;
  --color-5: #020202;
}

SCSS

$color-1: #efeac7;
$color-2: #fcfaba;
$color-3: #08a8aa;
$color-4: #d41414;
$color-5: #020202;

TAILWIND

colors: {
  'brand-1': '#efeac7',
  'brand-2': '#fcfaba',
  'brand-3': '#08a8aa',
  'brand-4': '#d41414',
  'brand-5': '#020202',
}

RGB Array

[239, 234, 199], [252, 250, 186], [8, 168, 170], [212, 20, 20], [2, 2, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #EFEAC7, #FCFABA, #08A8AA, #D41414, #020202 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #efeac7; --color-2: #fcfaba; --color-3: #08a8aa; --color-4: #d41414; --color-5: #020202. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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