← Back to Editor

#EA5B23 · #15305B · #6FBFE0 · #FFFFFF · #919699

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

#EA5B23

Tangerine · Chocolate · Warm Sun

HEX
#EA5B23
RGB
rgb(234, 91, 35)
HSL
hsl(17, 83%, 53%)
HSB
hsb(17, 85%, 92%)
CMYK
cmyk(0%, 61%, 85%, 8%)
Oklch
oklch(65.1% 0.189 39.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#15305B

Indigo · MidnightBlue · Prussian Blue

HEX
#15305B
RGB
rgb(21, 48, 91)
HSL
hsl(217, 63%, 22%)
HSB
hsb(217, 77%, 36%)
CMYK
cmyk(77%, 47%, 0%, 64%)
Oklch
oklch(31.4% 0.084 259.4)

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

#6FBFE0

Sky Blue · SkyBlue · Lake Green

HEX
#6FBFE0
RGB
rgb(111, 191, 224)
HSL
hsl(198, 65%, 66%)
HSB
hsb(198, 50%, 88%)
CMYK
cmyk(50%, 15%, 0%, 12%)
Oklch
oklch(76.6% 0.092 226.7)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#919699

Ash · LightSlateGray · Silver Sand

HEX
#919699
RGB
rgb(145, 150, 153)
HSL
hsl(202, 4%, 58%)
HSB
hsb(202, 5%, 60%)
CMYK
cmyk(5%, 2%, 0%, 40%)
Oklch
oklch(67.0% 0.007 233.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EA5B23
24B2EB

Analogous

EB244F
EA5B23
EBC024

Triadic

EA5B23
24EB5C
5C24EB

Split-Comp.

EA5B23
24EBC0
244FEB

Tetradic

EA5B23
4FEB24
24B2EB
C024EB

Contrast Matrix WCAG 2.1 Contrast

EA5B23
15305B
6FBFE0
FFFFFF
919699
—
3.7
AA Large
1.7
Fail
3.5
AA Large
1.2
Fail
3.7
AA Large
—
6.4
AA
13.1
AAA
4.4
AA Large
1.7
Fail
6.4
AA
—
2.1
Fail
1.5
Fail
3.5
AA Large
13.1
AAA
2.1
Fail
—
3.0
Fail
1.2
Fail
4.4
AA Large
1.5
Fail
3.0
Fail
—
White BG
3.5AA Large
13.1AAA
2.1Fail
1.0Fail
3.0Fail
Black BG
6.0AA
1.6Fail
10.2AAA
21.0AAA
7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB31
212151
9292D8
FFFFFF
939398

Deuteranopia

B4BF34
1F1D4E
8D87D6
FFFFFF
939398

Tritanopia

E33B3E
164847
73D2D0
FFFFFF
919898

Achromatopsia

7F7F7F
2D2D2D
ABABAB
FFFFFF
959595

Shades & Tints Shades & Tints

#EA5B23

Dark
Light

#15305B

Dark
Light

#6FBFE0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ea5b23;
  --color-2: #15305b;
  --color-3: #6fbfe0;
  --color-4: #ffffff;
  --color-5: #919699;
}

SCSS

$color-1: #ea5b23;
$color-2: #15305b;
$color-3: #6fbfe0;
$color-4: #ffffff;
$color-5: #919699;

TAILWIND

colors: {
  'brand-1': '#ea5b23',
  'brand-2': '#15305b',
  'brand-3': '#6fbfe0',
  'brand-4': '#ffffff',
  'brand-5': '#919699',
}

RGB Array

[234, 91, 35], [21, 48, 91], [111, 191, 224], [255, 255, 255], [145, 150, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #EA5B23, #15305B, #6FBFE0, #FFFFFF, #919699 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: #ea5b23; --color-2: #15305b; --color-3: #6fbfe0; --color-4: #ffffff; --color-5: #919699. 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