← Back to Editor

#040404 · #173C95 · #56CFC8 · #CFF3E5 · #FFFFE5

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

#040404

Ink Black · Black · Jet Black

HEX
#040404
RGB
rgb(4, 4, 4)
HSL
hsl(0, 0%, 2%)
HSB
hsb(0, 0%, 2%)
CMYK
cmyk(0%, 0%, 0%, 98%)
Oklch
oklch(10.7% 0.000 89.9)

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

#173C95

Indigo · DarkSlateBlue · Prussian Blue

HEX
#173C95
RGB
rgb(23, 60, 149)
HSL
hsl(222, 73%, 34%)
HSB
hsb(222, 85%, 58%)
CMYK
cmyk(85%, 60%, 0%, 42%)
Oklch
oklch(39.0% 0.152 263.7)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#56CFC8

Mineral Blue · MediumTurquoise · Lake Green

HEX
#56CFC8
RGB
rgb(86, 207, 200)
HSL
hsl(177, 56%, 57%)
HSB
hsb(177, 58%, 81%)
CMYK
cmyk(58%, 0%, 3%, 19%)
Oklch
oklch(78.5% 0.108 189.9)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#CFF3E5

Jade · Lavender · Mint Green

HEX
#CFF3E5
RGB
rgb(207, 243, 229)
HSL
hsl(157, 60%, 88%)
HSB
hsb(157, 15%, 95%)
CMYK
cmyk(15%, 0%, 6%, 5%)
Oklch
oklch(93.5% 0.042 169.9)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#FFFFE5

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFE5
RGB
rgb(255, 255, 229)
HSL
hsl(60, 100%, 95%)
HSB
hsb(60, 10%, 100%)
CMYK
cmyk(0%, 0%, 10%, 0%)
Oklch
oklch(99.3% 0.034 107.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

040404
050505

Analogous

050505
040404
050505

Triadic

040404
050505
050505

Split-Comp.

040404
050505
050505

Tetradic

040404
050505
050505
050505

Contrast Matrix WCAG 2.1 Contrast

040404
173C95
56CFC8
CFF3E5
FFFFE5
—
2.1
Fail
10.9
AAA
17.2
AAA
20.2
AAA
2.1
Fail
—
5.3
AA
8.3
AAA
9.8
AAA
10.9
AAA
5.3
AA
—
1.6
Fail
1.9
Fail
17.2
AAA
8.3
AAA
1.6
Fail
—
1.2
Fail
20.2
AAA
9.8
AAA
1.9
Fail
1.2
Fail
—
White BG
20.5AAA
9.9AAA
1.9Fail
1.2Fail
1.0Fail
Black BG
1.0Fail
2.1Fail
11.2AAA
17.6AAA
20.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

040404
27277F
8A8BCA
DFDFE8
FFFFEB

Deuteranopia

040404
25227A
837ACA
DDDAE9
FFFFED

Tritanopia

040404
196E6B
5CCBCB
D1EBEC
FFF0F1

Achromatopsia

040404
3B3B3B
AAAAAA
E7E7E7
FCFCFC

Shades & Tints Shades & Tints

#040404

Dark
Light

#173C95

Dark
Light

#56CFC8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #040404;
  --color-2: #173c95;
  --color-3: #56cfc8;
  --color-4: #cff3e5;
  --color-5: #ffffe5;
}

SCSS

$color-1: #040404;
$color-2: #173c95;
$color-3: #56cfc8;
$color-4: #cff3e5;
$color-5: #ffffe5;

TAILWIND

colors: {
  'brand-1': '#040404',
  'brand-2': '#173c95',
  'brand-3': '#56cfc8',
  'brand-4': '#cff3e5',
  'brand-5': '#ffffe5',
}

RGB Array

[4, 4, 4], [23, 60, 149], [86, 207, 200], [207, 243, 229], [255, 255, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #040404, #173C95, #56CFC8, #CFF3E5, #FFFFE5 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: #040404; --color-2: #173c95; --color-3: #56cfc8; --color-4: #cff3e5; --color-5: #ffffe5. 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