← Back to Editor

#EEF5FB · #05040A · #DDDFDC · #E17314 · #EFB828

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

#EEF5FB

Sky Blue · Lavender · Sky Blue

HEX
#EEF5FB
RGB
rgb(238, 245, 251)
HSL
hsl(208, 62%, 96%)
HSB
hsb(208, 5%, 98%)
CMYK
cmyk(5%, 2%, 0%, 2%)
Oklch
oklch(96.7% 0.011 243.7)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#05040A

Deep Indigo · Black · Deep Sea Blue

HEX
#05040A
RGB
rgb(5, 4, 10)
HSL
hsl(250, 43%, 3%)
HSB
hsb(250, 60%, 4%)
CMYK
cmyk(50%, 60%, 0%, 96%)
Oklch
oklch(11.4% 0.017 293.0)

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

#DDDFDC

Plain White · LightGray · Cloud White

HEX
#DDDFDC
RGB
rgb(221, 223, 220)
HSL
hsl(100, 4%, 87%)
HSB
hsb(100, 1%, 87%)
CMYK
cmyk(1%, 0%, 1%, 13%)
Oklch
oklch(90.1% 0.005 134.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#E17314

Tangerine · Chocolate · Amber Brown

HEX
#E17314
RGB
rgb(225, 115, 20)
HSL
hsl(28, 84%, 48%)
HSB
hsb(28, 91%, 88%)
CMYK
cmyk(0%, 49%, 91%, 12%)
Oklch
oklch(67.1% 0.165 52.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#EFB828

Ginger · GoldenRod · Sunflower

HEX
#EFB828
RGB
rgb(239, 184, 40)
HSL
hsl(43, 86%, 55%)
HSB
hsb(43, 83%, 94%)
CMYK
cmyk(0%, 23%, 83%, 6%)
Oklch
oklch(81.1% 0.157 85.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEF5FB
FBF4EE

Analogous

EEFBFB
EEF5FB
EEEFFB

Triadic

EEF5FB
FBEEF5
F5FBEE

Split-Comp.

EEF5FB
FBEEEF
FBFBEE

Tetradic

EEF5FB
FBEEFB
FBF4EE
EFFBEE

Contrast Matrix WCAG 2.1 Contrast

EEF5FB
05040A
DDDFDC
E17314
EFB828
—
18.6
AAA
1.2
Fail
2.9
Fail
1.7
Fail
18.6
AAA
—
15.2
AAA
6.5
AA
11.2
AAA
1.2
Fail
15.2
AAA
—
2.4
Fail
1.4
Fail
2.9
Fail
6.5
AA
2.4
Fail
—
1.7
Fail
1.7
Fail
11.2
AAA
1.4
Fail
1.7
Fail
—
White BG
1.1Fail
20.4AAA
1.3Fail
3.2AA Large
1.8Fail
Black BG
19.1AAA
1.0Fail
15.7AAA
6.7AA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1FA
050509
DEDEDD
B1B02B
D7D74B

Deuteranopia

F1F0F9
050508
DEDEDD
B8C031
DADE53

Tritanopia

EEF8F8
050707
DDDDDD
DC3D41
EC666C

Achromatopsia

F4F4F4
050505
DEDEDE
898989
B8B8B8

Shades & Tints Shades & Tints

#EEF5FB

Dark
Light

#05040A

Dark
Light

#DDDFDC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eef5fb;
  --color-2: #05040a;
  --color-3: #dddfdc;
  --color-4: #e17314;
  --color-5: #efb828;
}

SCSS

$color-1: #eef5fb;
$color-2: #05040a;
$color-3: #dddfdc;
$color-4: #e17314;
$color-5: #efb828;

TAILWIND

colors: {
  'brand-1': '#eef5fb',
  'brand-2': '#05040a',
  'brand-3': '#dddfdc',
  'brand-4': '#e17314',
  'brand-5': '#efb828',
}

RGB Array

[238, 245, 251], [5, 4, 10], [221, 223, 220], [225, 115, 20], [239, 184, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEF5FB, #05040A, #DDDFDC, #E17314, #EFB828 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: #eef5fb; --color-2: #05040a; --color-3: #dddfdc; --color-4: #e17314; --color-5: #efb828. 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