← Back to Editor

#FBE0E7 · #161717 · #494A4B · #000203 · #727273

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 LibraryData Visualization

Color Details Color Details

#FBE0E7

Rouge · Linen · Cherry Blossom

HEX
#FBE0E7
RGB
rgb(251, 224, 231)
HSL
hsl(344, 77%, 93%)
HSB
hsb(344, 11%, 98%)
CMYK
cmyk(0%, 11%, 8%, 2%)
Oklch
oklch(93.1% 0.031 0.2)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#161717

Ink Black · Black · Jet Black

HEX
#161717
RGB
rgb(22, 23, 23)
HSL
hsl(180, 2%, 9%)
HSB
hsb(180, 4%, 9%)
CMYK
cmyk(4%, 0%, 0%, 91%)
Oklch
oklch(20.4% 0.002 197.0)

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

#494A4B

Dark Cyan · DarkSlateGray · Charcoal

HEX
#494A4B
RGB
rgb(73, 74, 75)
HSL
hsl(210, 1%, 29%)
HSB
hsb(210, 3%, 29%)
CMYK
cmyk(3%, 1%, 0%, 71%)
Oklch
oklch(40.9% 0.002 247.9)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#000203

Lake Blue · Black · Deep Sea Blue

HEX
#000203
RGB
rgb(0, 2, 3)
HSL
hsl(200, 100%, 1%)
HSB
hsb(200, 100%, 1%)
CMYK
cmyk(100%, 33%, 0%, 99%)
Oklch
oklch(7.8% 0.014 218.8)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#727273

Ink Gray · DimGray · Warm Gray

HEX
#727273
RGB
rgb(114, 114, 115)
HSL
hsl(240, 0%, 45%)
HSB
hsb(240, 1%, 45%)
CMYK
cmyk(1%, 1%, 0%, 55%)
Oklch
oklch(55.2% 0.002 286.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBE0E7
DFFBF4

Analogous

FBDFF4
FBE0E7
FBE6DF

Triadic

FBE0E7
E7FBDF
DFE7FB

Split-Comp.

FBE0E7
DFFBE6
DFF4FB

Tetradic

FBE0E7
F4FBDF
DFFBF4
E6DFFB

Contrast Matrix WCAG 2.1 Contrast

FBE0E7
161717
494A4B
000203
727273
—
14.5
AAA
7.2
AAA
16.8
AAA
3.9
AA Large
14.5
AAA
—
2.0
Fail
1.2
Fail
3.7
AA Large
7.2
AAA
2.0
Fail
—
2.3
Fail
1.8
Fail
16.8
AAA
1.2
Fail
2.3
Fail
—
4.3
AA Large
3.9
AA Large
3.7
AA Large
1.8
Fail
4.3
AA Large
—
White BG
1.2Fail
18.0AAA
8.9AAA
20.8AAA
4.8AA
Black BG
16.9AAA
1.2Fail
2.4Fail
1.0Fail
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFE5
161617
49494B
010103
727273

Deuteranopia

F1F3E5
161617
49494B
010103
727273

Tritanopia

FAE4E4
161717
494B4B
000303
727373

Achromatopsia

E9E9E9
171717
4A4A4A
020202
727272

Shades & Tints Shades & Tints

#FBE0E7

Dark
Light

#161717

Dark
Light

#494A4B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbe0e7;
  --color-2: #161717;
  --color-3: #494a4b;
  --color-4: #000203;
  --color-5: #727273;
}

SCSS

$color-1: #fbe0e7;
$color-2: #161717;
$color-3: #494a4b;
$color-4: #000203;
$color-5: #727273;

TAILWIND

colors: {
  'brand-1': '#fbe0e7',
  'brand-2': '#161717',
  'brand-3': '#494a4b',
  'brand-4': '#000203',
  'brand-5': '#727273',
}

RGB Array

[251, 224, 231], [22, 23, 23], [73, 74, 75], [0, 2, 3], [114, 114, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBE0E7, #161717, #494A4B, #000203, #727273 is ideal for: tech websites, dark mode UIs, game UIs, 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: #fbe0e7; --color-2: #161717; --color-3: #494a4b; --color-4: #000203; --color-5: #727273. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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